/* 全ページ共通のCSS。
   もともと129ファイルに同じ内容が複製されていたものを1本にまとめた。
   ここを直せば全ページに反映される。 */
/* モバイル：画面の過剰な動きを抑制（実測に基づく修正） */
@media (max-width:768px){
  html{
    zoom:1;                 /* 固定要素の揺れ防止・文字の可読性向上 */
    scroll-behavior:auto;   /* 1万px超の滑走アニメーションを停止 */
    scroll-padding-top:76px;/* 固定ヘッダーの下に見出しが潜るのを防ぐ */
  }
  /* アドレスバー開閉で高さが変わらない単位にする（画面の上下動を解消） */
  .hero,body{min-height:100svh}

  /* ヘッダー：CTAが画面外へ44pxはみ出して見切れていたためドロワーへ退避。
     さらにロゴが3行に折り返してヘッダー高が146pxまで肥大していたため一行に収める。 */
  .nav{padding:14px 16px;gap:10px}
  .nav .logo{font-size:15.5px;letter-spacing:.04em;white-space:nowrap;line-height:1.3}
  .nav .logo span{font-size:10px;letter-spacing:.14em;white-space:nowrap;margin-top:1px}
  .nav-right{gap:8px}
  .nav-right>.nav-cta{display:none}
  .lang-switch button{padding:7px 9px;font-size:10.5px;letter-spacing:.06em}

  /* 開閉ボタン（表示可否は mobile-nav.js が実測して決める） */
  .mnav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;
    width:34px;height:34px;padding:0;border:0;background:transparent;cursor:pointer;flex:0 0 auto}
  .mnav-toggle span{display:block;width:22px;height:2px;background:#3e2712;transition:.3s}
  .mnav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mnav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mnav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* ドロワー：モバイルで消えていたグローバルナビを開閉式で復活 */
  .nav ul.mnav-open{display:flex!important;position:fixed;top:var(--mnav-top,64px);left:0;right:0;
    flex-direction:column;gap:0;background:#faf6ef;padding:6px 20px 16px;
    border-top:1px solid rgba(107,68,35,.12);box-shadow:0 10px 26px rgba(62,39,18,.14);
    z-index:120;max-height:calc(100svh - var(--mnav-top,64px));overflow-y:auto;
    font-size:15px;line-height:1.6;text-align:left}
  .nav ul.mnav-open li{padding:13px 2px;border-bottom:1px solid rgba(107,68,35,.08)}
  .nav ul.mnav-open li:last-child{border-bottom:0}
  .mnav-cta{display:inline-block;background:#3e2712;color:#faf6ef;
    padding:11px 22px;font-size:13px;letter-spacing:.08em}
}
/* 小型端末（iPhone SE等 320px）でもヘッダーを一行に保つ */
@media (max-width:360px){
  .nav .logo{font-size:13.5px}
  .nav .logo span{font-size:9px;letter-spacing:.1em}
  .lang-switch button{padding:6px 6px;font-size:9.5px}
}
/* デスクトップでは開閉ボタンとドロワー専用のCTAを出さない */
@media (min-width:769px){.mnav-toggle{display:none!important}.mnav-cta-item{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}