/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents h1 span{max-width: 80px;}

.faq li dl{border: 1px solid var(--site-primary);margin-bottom: 20px;border-radius:6px;}
.faq li dt{background:#e4edff;color: var(--site-primary);position: relative;padding: 20px 30px;border-radius: 6px 6px 0 0;font-size: 18px;align-items: center;}
.faq li dt::before{content: 'Q';background:var(--site-primary);border-radius: 50px;width: 63px;height: 63px;display:inline-block;margin-right:15px;color: #fff;vertical-align: middle;text-align: center;line-height: 2.3;font-size: 25px;font-weight: bold;}
.faq li dd{background:#fff;position: relative;padding: 20px 30px;border-radius:0 0 6px 6px;align-items: center;display: inline-flex;font-size: 14px;}
.faq li dd::before{content: 'A';background:var(--site-keycolor02);border-radius: 50px;width: 63px;height: 63px;display:inline-block;margin-right:15px;color: #fff;vertical-align: middle;text-align: center;line-height: 2.3;font-size: 25px;font-weight: bold;}
.faq li dd span{width: 94%;display: inline-block;}

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

} 
@media only screen and (max-width: 568px) {
.faq li dt,.faq li dd{padding: 10px;}
.faq li dt::before,.faq li dd::before{width: 30px;height: 30px;font-size: 18px;line-height: 1.5;vertical-align:top;}
.faq li dd::before{display: inline-block;}
.faq li dt span,.faq li dd span{width: 85%;display: inline-block;}
}