/* =========================================================
   印刷用スタイルシート（print.css）
   PC版レイアウトを基準に、A4縦向き用紙に収まるよう調整する。
   対象: index.html / form/index.php / form/confirm.php / form/thanks.php
   ※ PC版ブラウザ幅（769px以上）で表示した状態からの印刷を想定。
   ========================================================= */

@page {
  size: A4 portrait;
  margin: 12mm;
}

@media print {

  /* ----- 背景色・背景画像を確実に印刷する ----- */
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* ----- PC版のレイアウトをA4用紙の幅に収まる大きさへ縮小 -----
     用紙に対して大きすぎる／小さすぎる場合はこの数値を調整すること。
     （例: 0.55〜0.7程度の範囲で、印刷プレビューを見ながら微調整） */
  body {
    zoom: 0.62;
  }

  /* ----- 固定表示要素を通常フローに戻す -----
     position:fixed のままだと全ページに重複表示されてしまうため、
     印刷時は静止表示に変換する（内容の非表示ではない）。 */
  #site-header {
    position: static !important;
    background: var(--color-white) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* ----- 操作用UI・演出パーツを非表示 -----
     SPドロワーメニュー／ローディング画面は本文コンテンツではなく、
     印刷時に開いたまま・重なったまま出力されるのを防ぐための処置。 */
  .sp-nav-overlay,
  #sp-nav,
  #sp-fixed-cta,
  #loading-screen,
  div.loading-layer {
    display: none !important;
  }

  /* ----- スクロールフェードイン演出を表示済み状態に固定 ----- */
  .fade-in-target {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* ----- MV演出・ボタンの点滅アニメーションを停止（静止画として印刷） ----- */
  .mv-hero-bg img,
  .mv-hero-bg::after,
  .btn-header,
  .mv-cta-pc a,
  .cta1-btn,
  .cta1-btn-ghost,
  .cta2-btn,
  #sp-fixed-cta .btn-white,
  #sp-fixed-cta .btn-green {
    animation: none !important;
  }

}