@charset "utf-8";
/* ========== よくある質問 ==========
   アコーディオン本体は既存CSS（index.css の .accordion-area / .title-q）を使う */
.area-lp .area-faq {
  padding: calc(60 * var(--u)) calc(16 * var(--u));
  background:
    linear-gradient(0deg, rgba(246, 248, 251, 0) 0%, #f6f8fb 100%),
    linear-gradient(90deg, rgba(246, 248, 251, 0) 0%, #f6f8fb 100%);
  color: #333;
}
.area-lp .area-faq__inner {
  max-width: calc(1024 * var(--u));
  margin: 0 auto;
}
.area-lp .area-faq__title {
  margin: 0 0 calc(24 * var(--u));
  font-size: calc(24 * var(--u));
  line-height: 1.6;
}
.area-lp .area-faq__list {
  padding: 0;
}
/* 質問文は1行にせず折り返す */
.area-lp .area-faq__list .title-q {
  margin: 0;
  letter-spacing: calc(1.8 * var(--u));
  line-height: 1.8;
}

@media (min-width: 992px) {
  .area-lp .area-faq {
    padding: calc(100 * var(--u)) calc(24 * var(--u)) calc(115 * var(--u));
  }
  .area-lp .area-faq__title {
    margin-bottom: calc(40 * var(--u));
    font-size: calc(40 * var(--u));
    line-height: calc(80 * var(--u));
  }
  .area-lp .area-faq__list .box {
    letter-spacing: calc(1.8 * var(--u));
  }
}