@charset "UTF-8";

/* ===========================================================

  Nano Creative Company - FAQ SP Styles

=========================================================== */

/* -----------------------------------------------------------
  Page Header
----------------------------------------------------------- */
.page-header.sub h3 { width: calc(175 / 750 * 100vw); }

/* -----------------------------------------------------------
  Section
----------------------------------------------------------- */

/* Intro
----------------------------------------------------------- */
.intro { padding: calc(100 / 750 * 100%) 0 calc(60 / 750 * 100%); }
.intro h2 {
  font-size: calc(26 / 750 * 100vw);
  line-height: calc(42 / 26);
}
.intro figure {
  width: calc(210 / 750 * 100vw);
  margin: calc(55 / 750 * 100%) auto 0;
}

/* FAQ
----------------------------------------------------------- */
.faq-unit { margin: 0 0 calc(200 / 750 * 100%); }
.faq { padding: calc(55 / 750 * 100%) calc(30 / 750 * 100%); }
.faq dl dt {
  font-size: calc(26 / 750 * 100vw);
  padding: 0 calc(60 / 750 * 100%);
}
.faq dl dt::before, .faq dl dt::after {
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
}
.faq dl dd {
  font-size: calc(26 / 750 * 100vw);
  line-height: calc(42 / 26);
  padding: 0 calc(60 / 750 * 100%);
}
.btn-unit { margin: calc(60 / 750 * 100%) auto 0; }
.btn-unit p {
  font-size: calc(26 / 750 * 100vw);
  line-height: calc(42 / 26);
  margin: 0 0 calc(55 / 750 * 100%);
}
.btn-unit a.bcc-btn { width: calc(500 / 750 * 100vw); }