/* ============================================================
   lc-header-zoom：全ページ共通のヘッダー縮小（2026-10-27 大久保さん指示・案B）
   画面の高さに合わせてヘッダーを伸縮する（大久保さんの画面＝高さ 913px で 100%、小型 PC は最小 75%、
   大型モニターは最大 130%。2026-10-27 拡大側を追加）。
   倍率 --lc-hz は functions.php（lc_common_restyle_head）の head 内 script が入れる。
   TOP（body.home）のヘッダー高さは lc-home.css 側で別計算（--lc-frame）。
   SIMPLE NOTE・ReNOMA などヘッダーの余白を height:0 !important にしているページはそのまま。
   会員ページ（box-header-03）は対象外。
   ============================================================ */
@media screen and (min-width:901px){
  body:not(.home) header.box-header-02,
  body:not(.home) .box-header-02 .header-wrap{ height:calc(100px * var(--lc-hz,1)); }
  .box-header-02 .header-wrap .header-inner{ zoom:var(--lc-hz,1); }
  /* 案B：メニュー下の小さい日本語（私たちについて 等）は見た目 9px より小さくしない */
  html body .box-header-02 .header-wrap .header-inner .header-nav ul.nav-inner > li > a::after,
  html body .box-header-02 .header-wrap .header-inner .header-nav .nav-inner > li > a::after{ font-size:max(1rem, calc(9px / var(--lc-hz,1))); }
}
/* script が動かない環境向けの段階値（script があれば上書きされる） */
@media screen and (min-width:901px) and (max-height:860px){ :root{ --lc-hz:.9; } }
@media screen and (min-width:901px) and (max-height:760px){ :root{ --lc-hz:.8; } }
@media screen and (min-width:901px) and (max-height:690px){ :root{ --lc-hz:.75; } }
/* ============================================================
   サービスページの写真上の文字（2026-10-27 大久保さん指示）
   TOP と同じく、写真の上の文字（見出し・本文・数字・ボタン）をヘッダーと同じ倍率 --lc-hz で伸縮する。
   大久保さんの画面（高さ 913px）は 100% のまま。写真・背景の大きさは変えない。
   位置を細かく決めているページ（SIMPLE NOTE・ReNOMA・Q-AUTO・LOGICALTE・Double）は、位置を持つ箱はそのままにして中身だけ伸縮。
   ============================================================ */
@media screen and (min-width:901px){
  body.simplenote.service .sn_mainImg .sn_mainTtl > *,
  body.simplenote.service .sn_mainImg .sn_mainTtl::before,
  body.renoma.service .rn-hero .rn-body > *,
  body.renoma.service .rn-hero .rn-stats > li,
  body.potential.service .box-mainvisual-01.potential h1.logo,
  body.logicalte.service .box-mainvisual-01.logicalte .mainvisual-inner > *,
  body.qauto.service .mainImg_blc .mainImg_blc_in > *,
  body.leverage.service .leverage_mainImg .leverage_mainImg_in,
  body.double.service .hero > *,
  body.promo.service .promo_mainImg .promo_mainImg_in > *{ zoom:var(--lc-hz,1); }
}
/* ReNOMA：写真の帯は高さ 875px 固定で文字を上下中央に置く作りなので、帯の高さと上下の余白も同じ倍率にする
   （そのままだと大型モニターで見出しがヘッダーに近づく） */
@media screen and (min-width:1200px){
  html body.renoma.service main .rn-hero{ min-height:calc(875px * var(--lc-hz,1)) !important; }
  html body.renoma.service main .rn-hero .rn-body{ padding-top:calc(100px * var(--lc-hz,1)) !important; padding-bottom:calc(74px * var(--lc-hz,1)) !important; }
}
/* ProMo：ロゴは写真の帯の上下中央にあるが、黒いヘッダーと帯が一続きに見えるため低く見える。
   画面に見えている範囲（ヘッダー込み・帯が画面より長いときは画面の下端まで）の上下中央に置く（2026-10-27 大久保さん指示）。
   100% は帯の高さ、100px×倍率 はヘッダーの高さ */
@media screen and (min-width:901px){
  body.promo.service .promo_mainImg .promo_mainImg_in{ top:calc(min(100vh, 100% + 100px * var(--lc-hz,1)) / 2 - 100px * var(--lc-hz,1)); }
}
/* SIMPLE NOTE：写真上の見出し（「少ない」という／概念が生み出した優位性）だけ 86% に（2026-10-27 大久保さん指示）。
   大久保さんの画面で 40px → 約34px。倍率 --lc-hz による伸縮はそのまま */
@media screen and (min-width:901px){
  body.simplenote.service .sn_mainImg .sn_mainTtl > .txt01{ zoom:calc(var(--lc-hz,1) * .86); }
}