/*Q&A*/
.accordion {margin-bottom: 10px;}
.accordion .accordion-body {visibility: hidden;}
.accordion input {display: none;}
.accordion label p{padding: 14px 14px;}
.accordion input:checked ~ label .accordion-body {height: auto;opacity: 1;transition: all 0.4s;}
.accordion input:checked ~ label .accordion_inner{visibility:initial;}
.accordion input:checked ~ label .accordion_inner p,.accordion input:checked ~ label .accordion_inner li{color: #444;padding: 0 10px;line-height: 1.7;letter-spacing: 0px;}
.accordion label {display: block;position: relative;font-weight: 500;cursor: pointer;background: #03328d;color: #fff;letter-spacing: .05em;font-size: 18px;border-radius: 3px;}
.accordion label::before {content: '';display:inline-block;width: .75em;height: 0.75em;background-size: contain;vertical-align: middle;background-repeat: no-repeat;position:absolute;z-index: 1;right: 25px;top:1.8em;transform: translateY(-50%);background-image: url(https://pcs-japan.co.jp/images/qanda/icon5.png);}
.accordion .accordion-body {height: 0;padding: 0;border-top: none;transition: all 0.4s;overflow: hidden;opacity: 0;}
.accordion input:checked ~ .accordion-body {height: auto;opacity: 1;transition: all 0.4s;}
.accordion input:checked ~ label::before {transform: translateY(-90%) rotate(180deg);transition: 0.2s;}
.accordion_inner {padding: 15px 5px;background: #fff;visibility: initial;}
.accordion:last-of-type {margin-bottom: 0;}
.event_banner a{display: block;}
.event_banner a:hover{box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);transform: scale(0.95);}
.tab_panel h3{border: none;}
.accordion_inner p{font-size: 18px;}
.qa_list {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px 0 30px;}
.qa_list li{width: 30%;text-align:center;}
.qa_list li a{display: block;position: relative;margin-bottom: 10px;font-weight: 500;border-bottom: 1.8px solid #03328d;}
.qa_list li a:hover{opacity: .5;}
.qa_list li a::before{position: absolute;content: "";top: 45%;right: 3px;width: 7px;height: 7px;transform: translate(-50%, -40%) rotate(
135deg);border-top: 2px solid #03328d;border-right: 2px solid #03328d;}
.qa_list::after {content: "";display: block;width: 30%;}
.flex{display: flex;flex-wrap:wrap;justify-content: space-between;}
.red{color: #c00;}
.f_bold{font-weight: bold;}
.howto{margin-top: 10px;}
.howto li{width: 29%;text-align: center;border: 1px dotted #03328d;}
.howto li p {text-align: initial;font-size: 14px;}
.qa_wrap li{margin-bottom: 30px;}
.bio_panel .qa_list li a {border-bottom: 2px solid #df1200;}
.bio_panel .qa_list li a::before{border-top: 2px solid #df1200;border-right: 2px solid #df1200;}
.bio_panel .accordion label{background:#cb3a2d;}
.bioj_panel .qa_list li a {border-bottom: 2px solid #ff6327;}
.bioj_panel .qa_list li a::before{border-top: 2px solid #ff6327;border-right: 2px solid #ff6327;}
.bioj_panel .accordion label{background:#ff7f27;}
.qa_pcnav{display: block;}
.qa_sp_nav{display: none;}
.qa_title p{font-size: 25px;font-weight: 600;text-align: center;position: relative;padding: 50px;margin-bottom: 30px;}
.qa_title p span:first-child{font-size: 20px;}
.qa_title p span:last-child{display: block;font-size: 50px;font-weight: 600;line-height: 1.2;}
.qa_title p::before{content: '';display:inline-block;width: 150px;height: 150px;background-size: contain;vertical-align: middle;background-repeat: no-repeat;left: 56px;top: 15px;position: absolute;background-image: url(../img/qa_icon1.svg);}
.qa_title p::after{content: '';display:inline-block;width: 200px;height: 200px;background-size: contain;vertical-align: middle;background-repeat: no-repeat;right: 0;top: 0;background-image: url(../img/bc_item.png);position: absolute;}
.qa_title div{width: 25%;}
.qa_title.qa_title_bio p::before{background-image: url(../img/qa_icon2.svg);}
.qa_title.qa_title_bio p::after{background-image: url(../img/bio_item.png);}
.qa_title.qa_title_bioj p::before{background-image: url(../img/qa_icon3.svg);}
.qa_title.qa_title_bioj p::after{background-image: url(../img/bioj_item.png);}
.qa_midashi {margin-top: -160px;padding-top: 160px;text-align: center;position: relative;padding-left: 1em;border-bottom: 3px solid #03328d;margin-bottom: 15px;font-size: 23px;z-index: -1;}
.qa_midashi::before {position: absolute;top: 150px;left: 35%;transform: rotate(55deg);height: 17px;width: 17px;background: #03328d;content: '';border-radius: 999px;}
.qa_midashi::after {position: absolute;transform: rotate(15deg);top: 171px;left: 37%;height: 8px;width: 8px;background: #03328d;content: '';border-radius: 999px;}
.bio_panel .qa_midashi{border-bottom: 3px solid #cb3a2d;}
.bio_panel .qa_midashi::before,.bio_panel .qa_midashi::after{background: #cb3a2d;}
.bioj_panel .qa_midashi{border-bottom: 3px solid #ff6327;}
.bioj_panel .qa_midashi::before,.bioj_panel .qa_midashi::after{background: #ff6327;}
@media screen and (max-width:500px) { 
	.accordion {margin-bottom: 20px;}
	.accordion_inner p {font-size: 3.8vw;}
	#tab_menu li a:hover{opacity: 1;}
	#leftNavi {width: 100%;float: none;order: 2;position: relative;}
	#right {width: 100%;float: none;}
	.tab_panel h3 img {max-width: 100%;}
	.qa_list li {width: 49%;}
	.accordion label p {padding: 15px 33px 15px 5px;}
	.accordion label::before {right: 13px;top: 1.6em;transform: translateY(-50%);width: .5em;height: .5em;}
	#page-top {right: 30px;}
	.qa_pcnav{display: none;}
	.qa_sp_nav{display: block; position: relative;}
	.qa_sp_nav h1 a{width: 250px;height: 61px;display: block;background: url(https://pcs-japan.co.jp/images/common/logo.png) no-repeat;background-size: 250px;text-indent: 100%;white-space: nowrap;overflow: hidden;position: relative;
	top: 10px;left: 0px;}
	.qa_sp_nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px 15px;}
	.qa_sp_nav li{position: relative;display: inline-block;text-align: center;font-size: 3.5vw;}
	.qa_sp_nav li::after{content:"";display:inline-block;width: 1px;height: 30px;background-color: #ccc;position:absolute;top:-2px;right: -3vw;}
	.qa_sp_nav li a{color: #666;font-weight: 500;}
	.qa_title p span:first-child{font-size: 3.5vw;}
	.qa_title p span:last-child{font-size: 7vw;}
	.qa_title p::after {width: 18vw;height: 18vw;right: 0;top: 50%;transform: translateY(-50%);}
	.qa_title p::before {width: 18vw;height: 18vw;left: 0;top: 50%;transform: translateY(-50%);}
	.qa_wrap li {margin-bottom: 100px;}
	.qa_midashi {margin-top: -65px;padding-top: 65px;border-bottom:1.8px solid #03328d;}
	.qa_midashi::before,.qa_midashi::after{display: none;}
	.qa_list a{font-size: 4vw;padding: 15px 0;}
	.qa_list li{margin-bottom: 20px;}
	.qa_midashi{font-size: 4.7vw;}
	.howto li {width: 100%;}
}