@charset "utf-8";

/* faq */
.faqList{margin-top:20rem; border-top:1px solid #7e7e7e;}
.faqList dd{ margin-left: 0; display:none; background:#f8f8f8;}
.faqList dt,
.faqList dd{position:relative; border-bottom:1px solid #eaecf1;}
.faqList dt:before,
.faqList dd:before{display:flex; justify-content:center; align-items:center; position:absolute; left:20rem; top:25rem; width:30rem; height:30rem; background:#c5c5c5; border-radius:100%; text-align:center; color:#fff; font-size:14rem; font-weight:600;}
.faqList dt:before{content:'Q';}
.faqList dd:before{content:'A'; background-color:#444;}
.faqList dt{padding:0 20rem 0 66rem; font-size:16rem;}
.faqList dt.on:before{background:#333;}
.faqList dd:before{display:none;}
.faqList dd > div{line-height:1.6; padding:30rem 64rem; font-size:16rem; color:#666;}
.faqList .box_comm{background:#fff;}
.faqList dt .question{display:block; padding:30rem 0; padding-right:45rem; font-size:18rem; color:#333; text-transform:uppercase;}
.faqList dt .question.on{font-weight:400;}
.faqList dt .question:after{content:''; opacity:0.5; display:block; position:absolute; right:32rem; top:50%; width:12rem; height:7rem; margin-top:-3rem; background:url(../../images/board/img_faq.png) no-repeat 0 0; transition:all 0.3s ease 0s;}
.faqList dt .question:before{content:''; display:block; position:absolute; right:20rem; top:50%; width:36rem; height:36rem; margin-top:-18rem;}
.faqList dt .question.on:after{transform:rotate(180deg);}
.faqList table td{background-color:#fff;}
@media(max-width:768px){
	.faqList {margin-top:0}
	.faqList dt:before,
	.faqList dd:before {top:20rem; left:15rem; width:24rem; height:24rem; font-size:11rem; line-height:23rem;}
	.faqList dt .question:after {right:15rem;}
	.faqList dt .question.on:after {right:15rem;}
	.faqList dt {padding: 0 20rem 0 49rem;}
	.faqList dt .question {font-size:14rem; padding:21rem 40rem 21rem 0;}
	.faqList dd > div {padding:20rem 46rem; font-size:14rem;}
}