#main .company-faq{padding:64px 0 72px;background:#f8f6fa;color:#30213e}
#main .company-faq-bkl{background:#f4f7f8;color:#16333b}
#main .cf-heading{margin-bottom:28px}
#main .cf-heading>p{font:500 12px/1.5 var(--sans,inherit);letter-spacing:.08em;color:#978060;margin:0 0 14px}
#main .company-faq-bkl .cf-heading>p{color:#4b7791}
#main .cf-heading h2{font:500 clamp(28px,3vw,40px)/1.3 var(--sans,inherit);letter-spacing:-.025em;margin:0}
#main .cf-list{border-top:1px solid #d9cfe2}
#main .cf-list details{padding:0;border:0;border-bottom:1px solid #d9cfe2;border-radius:0;background:transparent}
#main .cf-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;margin:0;padding:23px 0;font:500 16px/1.65 var(--sans,inherit);cursor:pointer}
#main .cf-list summary::-webkit-details-marker{display:none}
#main .cf-list summary:after{display:none}
#main .cf-list summary i{display:block;position:relative;flex:none;width:22px;height:22px;color:#947855}
#main .company-faq-bkl .cf-list summary i{color:#4b7791}
#main .cf-list summary i:before,#main .cf-list summary i:after{content:'';position:absolute;left:4px;right:4px;top:10px;height:1px;background:currentColor;transition:transform 240ms}
#main .cf-list summary i:after{transform:rotate(90deg)}
#main .cf-list details[open] summary i:after{transform:rotate(0)}
#main .cf-list details[data-motion-closing] summary i:after{transform:rotate(90deg)}
#main .cf-answer{padding:0 44px 24px 0;max-width:1000px}
#main .cf-answer p{font:400 15px/1.9 var(--sans,inherit);color:#786d81;margin:0}
#main .company-faq-bkl .cf-answer p{color:#586d79}
@media(max-width:760px){#main .company-faq{padding:44px 0}#main .cf-heading h2{font-size:28px}#main .cf-list summary{font-size:15px;padding:20px 0}#main .cf-answer{padding-right:18px}#main .cf-answer p{font-size:14px}}
