._s._faq{ word-break: keep-all; width: 100%; position: relative; background-color: #fff; padding-top: 260px; }
._s._faq > .wrap{ display: flex; }
._s._faq > .wrap .lbx{ width: calc(620 / 1440 * 100%); }
._s._faq > .wrap .rbx{ width: calc(820 / 1440 * 100%); padding-bottom: 150px; }



._s._faq > .wrap .rbx .list{ border-top: 1px solid #000; box-sizing: border-box; border-bottom: 1px solid #000; }
._s._faq > .wrap .rbx .list li{ width: 100%; border-bottom: 1px solid #ccc; cursor: pointer; transition-duration: 0.2s; }
._s._faq > .wrap .rbx .list li .top{ padding: 45px 30px; box-sizing: border-box; transition-duration: 0.4s; }
._s._faq > .wrap .rbx .list li .top dl dt{ font-size: 16px; letter-spacing: -0.02em; color: #00e100; }
._s._faq > .wrap .rbx .list li.on{ background-color: #f6f6f6; }
._s._faq > .wrap .rbx .list li .top dl dd{ font-size: 24px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.4; margin-top: 10px; }
._s._faq > .wrap .rbx .list li .bottom{ padding: 0 30px; font-size: 18px; letter-spacing: -0.02em; color: #333333; font-weight: 300; line-height: calc(30 / 18); padding-bottom: 35px; display: none; }


._s._faq .scrollnote{ margin-top: 30px; }

@media screen and (min-width: 821px){
    ._s._faq > .wrap .rbx .list li:hover{ background-color: #f6f6f6; } 
}

@media screen and (max-width: 1280px){
    ._s._faq{ padding-top: 120px; }
    ._s._faq > .wrap .rbx .list li .top{ padding: 30px 15px; }
    ._s._faq > .wrap .rbx .list li .top dl dt{ font-size: 14px; }
    ._s._faq > .wrap .rbx .list li .top dl dd{ font-size: 20px; }
    ._s._faq > .wrap .rbx .list li .bottom{ font-size: 16px; padding: 0 15px; padding-bottom: 30px; }

    ._s._faq > .wrap .rbx .list li.on .top{ padding-bottom: 10px; }
}

@media screen and (max-width: 820px){
    ._s._faq{ padding-top: 70px; }
    ._s._faq > .wrap{ display: block; }
    ._s._faq > .wrap .lbx{ width: 100%; } 
    ._s._faq > .wrap .rbx{ width: 100%; margin-top: 10px; } 

    ._s._faq > .wrap .rbx .list li .top{ padding: 20px 15px; }
    ._s._faq > .wrap .rbx .list li .top dl dd{ font-size: 18px; }
    ._s._faq > .wrap .rbx .list li .bottom{ font-size: 14px; }

    ._s._faq .scrollnote{ display: none; }

}

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

    ._s._faq .scrollnote{ display: block; }
    ._s._faq > .wrap .rbx .list li .bottom{ padding-bottom: 20px; }

}