.nav_area {
  background: #f2f2f2;
  padding: 50px 0 50px;
  margin: 50px 0 -80px;
}
.nav_area li {
  width: 29%;
}
.nav_area li a {
  font-size: min(1.8vw, 20px);
}
.nav_area li a::after {
  transform: translate(0, -50%) rotate(90deg);
}

.sec_faq .ttl_dot_colorbar {
  margin-bottom: 40px;
}
.sec_faq #faq_02, .sec_faq #faq_03 {
  margin-top: 80px;
}

@media only screen and (max-width: 960px) {
  .nav_area {
    padding: 4vw 0;
    margin: 4vw 0 -6.5vw;
  }
  .nav_area li {
    width: 31%;
  }
  .sec_faq .ttl_dot_colorbar {
    margin-bottom: 4vw;
  }
  .sec_faq #faq_02, .sec_faq #faq_03 {
    margin-top: 6vw;
  }
}
@media only screen and (max-width: 568px) {
  .top_txt {
    text-align: left;
  }
  .nav_area {
    padding: 30px 0 35px;
    margin: 25px 0 -40px;
  }
  .nav_area ul {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .nav_area li {
    width: 100%;
  }
  .nav_area li a {
    font-size: 17px;
  }
  .sec_faq .ttl_dot_colorbar {
    margin-bottom: 20px;
  }
  .sec_faq #faq_02, .sec_faq #faq_03 {
    margin-top: 40px;
  }
  .sec_faq dl:last-of-type {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=faq.css.map */