@charset "UTF-8";
/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * Google Fonts の読み込み
 * @param {string} $family - フォント名（要URLエンコード）
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Sans JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Noto Serif JP
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Lato
 * @param {array} [$weights:(400,700)] - ウェイト
 */
/**
 * Roboto
 * @param {array} [$weights:(400)] - ウェイト
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
/**
 * 三角形
 * @param {string} $direction - 三角の向き 上:T / 下:B / 左:L / 右:R
 * @param {number} $w - 幅
 * @param {number} $h - 高さ
 * @param {string} $color - 色
 */
/**
 * ローディングアニメーション
 * @param {number} $size - 円のサイズ
 * @param {number} $thickness - 円の枠線の太さ
 * @param {string} $backcolor - 円の色
 * @param {string} $forecolor - 円の強調色
 * @param {string} [$duration=1] - アニメーションのスピード（単位は秒:s）
 */
@media screen and (min-width: 768px) {
  .faq-page .common__hero--small {
    font-size: 1.1713030747vw;
    margin-top: 0.3660322108vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .common__hero--small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .common__hero--small {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .common__hero--small {
    font-size: 5.3333333333vw;
  }
}
.faq-page .common__hero--large {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .faq-page .common__hero--large {
    font-size: 4.39238653vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .common__hero--large {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .common__hero--large {
    font-size: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block {
    padding-top: 5.8565153734vw;
    padding-bottom: 8.78477306vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block {
    padding-top: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block {
    padding-top: 10.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .faq__block--inner {
    width: 80.5270863836vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .faq__block--inner {
    width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .faq__block--inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.faq-page .faq__block .accordion {
  background-color: #F4F4F7;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion {
    width: 100%;
    border-radius: 0.7320644217vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion:not(:first-of-type) {
    margin-top: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion:not(:first-of-type) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion:not(:first-of-type) {
    margin-top: 5.3333333333vw;
  }
}
.faq-page .faq__block .accordion.open .accordion__main--inner {
  border-top: 1px solid #D5D5D5;
}
.faq-page .faq__block .accordion__header {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__header {
    height: 5.5636896047vw;
    padding-left: 2.9282576867vw;
    padding-right: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__header {
    height: 76px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__header {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__header {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__header {
    height: 20vw;
    padding-left: 5.3333333333vw;
    padding-right: 13.3333333333vw;
  }
}
.faq-page .faq__block .accordion__header--text {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__header--text {
    font-size: 1.317715959vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__header--text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__header--text {
    font-size: 3.7333333333vw;
  }
}
.faq-page .faq__block .accordion__question {
  color: #00AEAC;
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__question {
    margin-right: 2.196193265vw;
    font-size: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__question {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__question {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__question {
    font-size: 8vw;
    margin-right: 5.3333333333vw;
  }
}
.faq-page .faq__block .accordion__answer {
  color: #00AEAC;
  line-height: 1;
  font-weight: bold;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__answer {
    margin-right: 2.196193265vw;
    font-size: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__answer {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__answer {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__answer {
    font-size: 8vw;
    margin-right: 5.3333333333vw;
  }
}
.faq-page .faq__block .accordion__main--inner {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__main--inner {
    margin-left: 2.9282576867vw;
    margin-right: 2.9282576867vw;
    padding-top: 1.0248901903vw;
    padding-bottom: 1.0248901903vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__main--inner {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__main--inner {
    margin-right: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__main--inner {
    padding-top: 14px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__main--inner {
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__main--inner {
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    padding-top: 3.7333333333vw;
    padding-bottom: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .faq-page .faq__block .accordion__answer--contents {
    font-size: 1.1713030747vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__block .accordion__answer--contents {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__block .accordion__answer--contents {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .faq-page .faq__wrapper {
    margin-top: 2.9282576867vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  .faq-page .faq__wrapper {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .faq-page .faq__wrapper {
    margin-top: 8vw;
  }
}