.container {background-color: #F5F5F5;}



.faqs_warp .title{font-size: 45px;}

.faqs_warp .faq_list{margin-top: 2%;margin-bottom: 5%;}

.faqs_warp .faq_item{margin-bottom: 1.5%;}

.faqs_warp .faq_item .q{box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);padding: 1% 80px 1% 50px;position: relative;font-size: 20px;}

.faqs_warp .faq_item .a{font-size: 16px;color: #333;padding: 1% 80px 1% 50px;display: none;font-size: 18px;}

.faqs_warp .faq_item .q::before{content: ' ';display: inline-block;width: 20px;height: 20px;background: url(../img/q.webp) no-repeat center/100%;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);transition: all .3s;}

.faqs_warp .faq_item .q::after{content: ' ';display: inline-block;width: 32px;height: 32px;background: url(../img/d.webp) no-repeat center/100%;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);transition: all .3s;}

.faqs_warp .faq_item.active .q{background-color: #006db8;color: #fff;}

.faqs_warp .faq_item.active .q::before{background: url(../img/qa.webp) no-repeat center/100%;}

.faqs_warp .faq_item.active .q::after{background: url(../img/dq.webp) no-repeat center/100%;}





@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {



} 



@media only screen and (max-width: 950px) {

	.faqs_warp .title{font-size: 24px;}
	.faqs_warp .faq_item .q{min-height: 5em;display: flex;justify-items: center;align-items: center;}
}

@media only screen and (max-width: 480px) {



}