.faq-nav { display: flex; align-items: center; gap: 15px; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .faq-nav { flex-wrap: wrap; } }
.faq-nav li { padding: 10px 1em; border-style: solid; border-width: 1px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 1; cursor: pointer; }
.faq-nav li._all { border-color: #000; }
.faq-nav li._all.active { background-color: #000; color: #fff; }
.faq-nav li._cat2 { border-color: #5AD2FF; }
.faq-nav li._cat2.active { background-color: #5AD2FF; }
.faq-nav li._cat3 { border-color: #FFD91C; }
.faq-nav li._cat3.active { background-color: #FFD91C; }
.faq-nav li._cat1 { border-color: #79DEC6; }
.faq-nav li._cat1.active { background-color: #79DEC6; }
.faq-nav li._cat4 { border-color: #C8C8C8; }
.faq-nav li._cat4.active { background-color: #C8C8C8; }

.faq-wrap { margin-bottom: 30px; background-color: #fff; border: 1px solid #C8C8C8; border-radius: 10px; }
.faq-wrap dl { padding-inline: 30px 40px; }
@media screen and (max-width: 750px) { .faq-wrap dl { padding-inline: 20px; } }
.faq-wrap .faq-wrap-q { background-position: right 40px center; }
@media screen and (max-width: 750px) { .faq-wrap .faq-wrap-q { background-position: right 20px center; } }

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