@charset "UTF-8";

/*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/
/* =====================================================================
*   faq
* =================================================================== */
/*-------------  benefit mv  -----------------------------*/
#faq .sub_mv h1 {
  color: #f58700;
}

@media screen and (min-width: 768px) {
  #faq .sub_mv h2.on_ttl {
    color: #fff;
    left: 50%;
    margin: calc(200 / 1856 * 100%) 0 0 calc(250 / 1856 * 100%);
  }
}

h2.faq_ttl {
  position: relative;
  font-size: 105%;
  line-height: 1.3;
  background: #fde7cc;
  border-radius: 15px;
  padding: 0.8em 1em;
  font-weight: bold;
  margin-bottom: calc(40 / 750 * 100%);
}

@media screen and (min-width: 768px) {
  h2.faq_ttl {
    margin-bottom: calc(60 / 1856 * 100%);
  }
}

.faq_box {
  max-width: 920px;
  margin: 10rem auto 0; 
}

dl {
  padding-bottom: 4em;
  width: 90%;
  margin: auto;
}

dl dt {
  line-height: 1.4;
  font-weight: bold;
  color: #f58700;
  padding-left: calc(70 / 750 * 100%);
  padding-bottom: 1em;
}

dl dt:before {
  content: "Q.";
  font-size: 170%;
  position: absolute;
  top: -0.5em;
  left: 0;
  font-family: "Concert One";
}

@media screen and (min-width: 768px) {
  dl dt {
    padding-left: calc(50 / 920 * 100%);
  }
}

dl dd {
  line-height: 1.8;
  padding-left: calc(70 / 750 * 100%);
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 4px dotted #fac37f;
}

dl dd:before {
  content: "A.";
  font-size: 170%;
  position: absolute;
  top: -0.5em;
  left: 0;
  color: #b6d936;
  font-family: "Concert One";
}

@media screen and (min-width: 768px) {
  dl dd {
    padding-left: calc(50 / 920 * 100%);
  }
}

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