@charset "UTF-8";

/* ------------------------------
  faq
------------------------------ */
#faq {padding-bottom: 150px;}
#faq .faq_contents dl > dt {position: relative; padding: 30px 80px; font-size: 1.8rem; font-weight: 700; border-bottom: 1px solid #e2e2e2; cursor: pointer; transition:.2s linear;}
#faq .faq_contents dl > dt:last-of-type {border-bottom: none;}
#faq .faq_contents dl > dt::before {content: "Q."; position: absolute; left: 25px; top: 33px; font-family: "Barlow", sans-serif; font-size: 2.4rem; font-weight: 400; line-height: 1;}
#faq .faq_contents dl > dt::after {content: ""; position: absolute; right: 30px; top: 38px; width: 20px; height: 20px; background: url(/img/icon_plus.png) left top / 100% auto no-repeat;}
#faq .faq_contents dl > dt.open {background-color: #f2f2f2; border-color: #fff;}
#faq .faq_contents dl > dt.open::after {background-image: url(/img/icon_minus.png);}
#faq .faq_contents dl > dd {position: relative; display: none; padding: 25px 0 25px 80px;}
#faq .faq_contents dl > dd::before {content: "A."; position: absolute; left: 25px; top: 25px; font-family: "Barlow", sans-serif; font-size: 2.4rem; font-weight: 400; line-height: 1;}
#faq .faq_contents dl > dd p.heading {font-weight: 700;}

@media (min-width: 768px) {
}
@media (max-width: 767px) {
  /* ------------------------------
    faq
  ------------------------------ */
  #faq {padding-bottom: 75px;}
  #faq .faq_contents dl > dt {padding: 15px 40px 15px 40px; font-size: 1.5rem;}
  #faq .faq_contents dl > dt::before {left: 10px; top: 17px; font-size: 2rem;}
  #faq .faq_contents dl > dt::after {right: 10px; top: 21px; width: 16px; height: 16px;}
  #faq .faq_contents dl > dd {padding: 15px 10px 15px 40px;}
  #faq .faq_contents dl > dd::before {left: 10px; top: 15px; font-size: 2rem;}
}