/*
 * [LPへの遷移に時間がかかる対策 / Webフォント]
 * css/style.css先頭にあったGoogle Fontsの@importは削除済み。
 * フォントはindex.htmlのlinkタグだけから取得し、重複通信を防いでいる。
 */

/*
 * [スクロールが重い対策 / LPへの遷移に時間がかかる対策]
 * 画面から離れている長いセクションのレイアウト・描画を、表示範囲へ近づくまで延期する。
 * contain-intrinsic-sizeは、描画前にも仮の高さを確保してスクロール位置の急変を抑える設定。
 * 古いブラウザでは無視されるが、通常表示が壊れない段階的な最適化になっている。
 */
.city-gas,
.feature-cards,
.feature,
.price-note,
.bl_flow,
.recommend,
.campaign-terms {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

/*
 * [スクロールが重い対策]
 * 固定申込ボタンの表示切替をbottomではなくtransformで動かす。
 * transformはブラウザの合成処理で動かせるため、アニメーション中の再レイアウトを避けられる。
 */
.btnFixed {
  bottom: 0;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.2s ease-out;
  will-change: transform;
}

.btnFixed.is-visible {
  bottom: 0;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  /* [アクセシビリティ / 軽量化] 動きを減らす端末設定ではアニメーションを停止する。 */
  html {
    scroll-behavior: auto;
  }

  .btnFixed {
    transition: none;
  }
}