/*---------------FAQ-----------------*/

.sec09{background: url("../../img/bg_w02.webp"), linear-gradient(rgba(215,180,80,0.3) 00%,rgba(215,180,80,0.6) 100%);background-size:500px;background-repeat:repeat;position:  relative;clear: both; }
.faq{overflow:hidden;}
.faq h3{position:relative;border:1px solid rgba(100,89,78,0.2);border-radius:60px; color:#423d3a;cursor:pointer; background-color: rgba(255,255,255,1.00);text-align: left;}

.faq h3 span.vec{position: absolute; opacity: 0.4;top:50%;left:10px;transform: translate(0, -50%);}
.faq h3 span.ad{position: absolute; color: rgba(35,12,13,1.00);top:50%;right:10px;transform: translate(0, -50%);}
.faq h3.active,.faq h3.active span{color:#ffffff!important;background-color:#32281e;}
.faq p{display:none;color:#423d3a; background-color: rgba(255,255,255,1.00);text-align: left;border-radius: 25px;margin-top: 10px; }
.faq p a{color:#E96C7D; text-decoration: underline;}
.faq p .active{display:block}
.faq p .mini{text-align: left;}
@media screen and (min-width:641px){ /*PC*/
	.faq{padding:00px 0 100px 0;}
	.faq h3,.faq p{width:860px;}
	.faq h3{font-size:21px; line-height:40px; padding:10px 30px;margin:0px auto 20px;}
	.faq p{padding:40px 50px;margin:0 auto 30px;}
	.faq h3 span{font-size: 26px; line-height: 42px;}
	.faq h3 span.ad{font-size: 26px; line-height: 42px;}
}
@media screen and (max-width:640px){ /*SP*/
.faq{padding:0 0 15px;}
.faq .inner{padding:0 0px 40px;}
.faq h3{font-size:15px; line-height:26px;padding:10px 30px;margin-top:12px;}
.faq h3::before{left:10px;top:2.13333vw;width:3.2vw;height:5.33333vw}
.faq p{padding:30px;margin-bottom:4vw;}
	.faq h3 span{font-size: 20px; line-height:28px;}
}