@charset "UTF-8";
/* FLOCSS
----------------------------------------------------- */
/* ==========================================================================
   Print styles（PCブラウザ印刷対応・EZ公式「印刷チェック」準拠）
   (A) 背景色・背景画像を印刷に反映する
   (B) スクロールアニメで初期非表示になる要素を強制表示する
   (C) ヘッダーナビを表示する（ハンバーガーにしない）
   印刷の上書きは画面用の inline style（GSAP）に勝つ必要があるため、このファイルに限り !important を使う。
   ========================================================================== */
@media print {
  /* (A) 淡緑・中緑の地、濃緑のフッターが白紙上で消えないよう背景を保持する。
     box-shadow / text-shadow のみ除去。 */
  *,
  *::before,
  *::after {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    print-color-adjust: exact !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    font-size: 12pt;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }
  p,
  h1,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* (B) 初期非表示・動きのある要素を紙の上で最終状態にする。
       ・GSAP（my-gsap.js）の出現アニメ（js-fadeIn / js-fadeUp / js-popUp / js-popUps /
         js-trimming-animation / js-trimming-top）。スクロールして画面に入るまで visibility:hidden・
         opacity:0・clip-path で隠れているため、これを外さないと紙の下半分が丸ごと空白になる。
       ・TOP の FV 登場アニメ（js-fv-*）。初期状態を my-gsap.js が inline style で作るので、
         読み込み直後に印刷するとキャッチと英字が消える。 */
  .js-fadeIn,
  .js-fadeUp,
  .js-popUp,
  .js-popUps,
  .js-popUps > *,
  .js-trimming-animation,
  .js-trimming-top,
  .js-fv-bg,
  .js-fv-bg img,
  .js-fv-catch,
  .js-fv-catch .home-fv__catch-char,
  .js-fv-en {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  /* (C) ヘッダーはナビと電話を展開して表示（ハンバーガーとドロワーは出さない）。
     逆スクロールで .show が付いていると fixed のままなので通常フローに戻す。 */
  .l-header,
  .l-header.show {
    position: static !important;
    height: auto !important;
    -webkit-animation: none !important;
            animation: none !important;
    /* my-gsap.js がロード時に autoAlpha 0 → 1 でフェードインさせるため、
       読み込み直後に印刷するとヘッダーごと消える。紙では常に出す。 */
    opacity: 1 !important;
    visibility: visible !important;
  }
  body {
    padding-top: 0 !important;
  }
  .l-header__inner {
    height: auto !important;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-block: 8pt;
  }
  .l-header__nav {
    display: block !important;
  }
  .l-header__tel {
    display: grid !important;
  }
  .l-header__hamburger,
  .l-drawer,
  .l-pagetop {
    display: none !important;
  }
}