._idx .faq-top { padding: 50px 0; }
._idx .faq-top .contents { display: flex; column-gap: 4%; }
@media screen and (max-width: 750px) { ._idx .faq-top .contents { row-gap: 40px; flex-wrap: wrap; } }
._idx .faq-top .faq-top-box { width: 48%; }
@media screen and (max-width: 750px) { ._idx .faq-top .faq-top-box { width: 100%; } }
._idx .faq-top .faq-top-box .faq-keyword { display: flex; justify-content: space-between; padding: 2px 50px 2px 10px; border: 1px solid #D0D0D0; border-radius: 1em; }
@media screen and (max-width: 750px) { ._idx .faq-top .faq-top-box .faq-keyword { padding-right: 20px; } }
._idx .faq-top .faq-top-box .faq-keyword input { flex: 1; width: 100%; margin-right: 1em; padding: 10px 20px; border: none; outline: none; }
._idx .faq-top .faq-top-box .faq-category ul { display: flex; flex-wrap: wrap; gap: 10px 15px; }
._idx .faq-top .faq-top-box .faq-category ul li { font-size: 1.4rem; }
._idx .faq-top .faq-top-box .faq-category ul li a { display: inline-block; padding: 2px 1em; border: 1px solid #363635; border-radius: 2em; color: #000; text-align: center; text-decoration: none; }
._idx .faq-top .faq-top-box .faq-category ul li a._current { background-color: #363635; color: #fff; }
._idx .faq-main { padding: 50px 0; background-color: #F1F1F1; }
._idx .faq-main .faq-main-heading { margin-bottom: 40px; padding-left: 20px; border-left: 4px solid #4C4C4C; font-size: 3.3rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-heading { font-size: 2.6rem; } }
._idx .faq-main .faq-main-subheading { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #D0D0D0; font-size: 2.4rem; font-weight: 700; }
._idx .faq-main .faq-main-category { margin-bottom: 60px; }
._idx .faq-main .faq-main-box { margin-bottom: 50px; padding: 30px 50px; background-color: #fff; border-radius: 1em; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-box { padding: 30px; } }
._idx .faq-main .faq-main-box:last-child { margin-bottom: 0; }
._idx .faq-main .faq-main-item { margin-bottom: 30px; border: 1px solid #D0D0D0; border-radius: 1em; }
._idx .faq-main .faq-main-item:last-child { margin-bottom: 0; }
._idx .faq-main .faq-main-item .faq-main-q { display: flex; align-items: flex-start; column-gap: 1rem; padding: 20px 55px 20px 30px; background: url("../img/common/ico_toggle_o.svg") no-repeat right 30px center; background-size: 22px auto; cursor: pointer; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-item .faq-main-q { padding-left: 10px; padding-right: 40px; background-position: right 10px center; } }
._idx .faq-main .faq-main-item .faq-main-q.active { background-image: url("../img/common/ico_toggle_c.svg"); }
._idx .faq-main .faq-main-item .faq-main-q .ico { width: 2.5em; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-item .faq-main-q .ico { width: 2em; } }
._idx .faq-main .faq-main-item .faq-main-q span { flex: 1; padding-top: 0.5rem; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-item .faq-main-q span { padding-top: 0; } }
._idx .faq-main .faq-main-item .faq-main-a { display: none; padding: 30px; border-top: 1px solid #D0D0D0; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-item .faq-main-a { padding: 20px 20px 20px 10px; } }
._idx .faq-main .faq-main-item .faq-main-a .faq-main-a-in { display: flex; align-items: flex-start; column-gap: 1rem; }
._idx .faq-main .faq-main-item .faq-main-a .ico-faq-a { width: 2.5em; }
@media screen and (max-width: 750px) { ._idx .faq-main .faq-main-item .faq-main-a .ico-faq-a { width: 2em; } }
._idx .faq-main .faq-main-item .faq-main-a .faq-main-a-con { flex: 1; min-width: 0; }
._idx .faq-contact { padding: 50px 0 60px; background-color: #4C4C4C; }
._idx .faq-contact .contact-heading { position: relative; margin-bottom: 70px; font-size: 2.4rem; text-align: center; font-weight: 700; color: #fff; }
._idx .faq-contact .contact-heading::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 1px; margin-bottom: -25px; margin-left: -42px; background-color: #fff; }
._idx .faq-contact .contact-btn { width: 100%; max-width: 570px; margin: 0 auto; }
._idx .faq-contact .contact-btn a { display: flex; align-items: center; text-decoration: none; padding: 30px; background: #fff url("../img/common/ico_arrow_gr.svg") no-repeat right 30px center; background-size: 18px auto; font-weight: 700; border-radius: 4em; }
@media screen and (max-width: 750px) { ._idx .faq-contact .contact-btn a { padding: 20px; font-size: 1.4rem; } }
._idx .faq-contact .contact-btn a .ico { width: 4em; margin-right: 10px; }
@media screen and (max-width: 750px) { ._idx .faq-contact .contact-btn a .ico { width: 2em; } }

/*# sourceMappingURL=faq.css.map */