@charset "UTF-8";
/*==================================================

** faq
==================================================*/
#faqSec .faq-sec h2 {
  margin-top: 64px; }
#faqSec .faq-list {
  margin-top: 24px; }
#faqSec .faq-box {
  position: relative; }
  #faqSec .faq-box:before, #faqSec .faq-box:after {
    content: "";
    width: 16px;
    height: 2px;
    background: #34333b;
    border-radius: 1000px;
    position: absolute;
    top: 36px;
    right: 29px;
    transition: all 0.4s; }
  #faqSec .faq-box:before {
    transform: rotate(90deg); }
  #faqSec .faq-box:has(.is-open):before {
    transform: rotate(0);
    transition: all 0.6s; }
  #faqSec .faq-box dt, #faqSec .faq-box dd {
    position: relative; }
    #faqSec .faq-box dt:before, #faqSec .faq-box dd:before {
      font: normal normal 700 1.6rem/1.6 "Lato", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
      color: #fff;
      text-align: center;
      width: 42px;
      line-height: 42px;
      border-radius: 1000px;
      position: absolute; }
  #faqSec .faq-box dt {
    font-weight: 700;
    padding: 24px 56px;
    cursor: pointer;
    transition: all 0.4s; }
    #faqSec .faq-box dt:before {
      content: "Q";
      background: #008c6c;
      top: 16px;
      left: 0; }
    #faqSec .faq-box dt:hover {
      opacity: .9;
      transition: all 0.6s; }
  #faqSec .faq-box dd {
    background: #fff;
    border-radius: 8px;
    padding: 28px 28px 28px 78px;
    margin: 5px 0 20px;
    display: none; }
    #faqSec .faq-box dd:before {
      content: "A";
      background: #9c8962;
      top: 20px;
      left: 20px; }