/* =========================================================
   RUSHAH — スマホ表示のみ修正（≤820px）。PC表示には一切影響しません。
   ========================================================= */

/* ハンバーガーボタン: PCでは非表示 */
.m-navbtn{display:none}

@media(max-width:820px){
  /* ---- ヘッダー: ナビをハンバーガー化（ブランドとの重なり解消） ---- */
  .m-navbtn{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;
    position:relative;z-index:1300;margin-left:auto;color:currentColor;
  }
  .m-navbtn span{display:block;width:24px;height:2px;margin:0 auto;border-radius:2px;
    background:currentColor;transition:transform .35s ease,opacity .3s ease}
  body.m-open .m-navbtn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.m-open .m-navbtn span:nth-child(2){opacity:0}
  body.m-open .m-navbtn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* デスクトップナビ → フルスクリーンのオーバーレイに */
  .site-header .gnav{
    position:fixed;inset:0;z-index:1200;
    flex-direction:column;align-items:center;justify-content:center;gap:22px;
    background:linear-gradient(165deg,#050e1d 0%,#0f2744 70%,#143257 100%);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .4s ease,visibility .4s ease;
  }
  body.m-open .site-header .gnav{opacity:1;visibility:visible;pointer-events:auto}
  body.m-open{overflow:hidden}
  .site-header .gnav .gl{color:#fff;font-size:22px;font-weight:700;padding:6px 0}
  .site-header .gnav .gl small{display:block;text-align:center;font-size:10px;
    letter-spacing:.3em;opacity:.6;margin-top:4px}
  .site-header .gnav .nav-cta{margin-top:12px;background:#fff;color:var(--navy);
    padding:14px 34px;border-radius:999px;font-weight:700}
  .site-header .gnav .nav-cta .arw{color:var(--navy)}
  /* 保険：ブランドが収まる幅に */
  .site-header .brand{max-width:72vw}

  /* ---- ISSUEカードの「→」をスマホでは非表示 ---- */
  .issue-item .arw{display:none !important}

  /* ---- 事業紹介（About/Business）をコンパクトに ---- */
  .feat{padding:42px 0 !important}
  .feat-chapter{margin-bottom:22px !important}
  .feat-num{font-size:50px !important}
  .feat-content{gap:20px !important;margin-left:0 !important}
  .feat-visual{aspect-ratio:16/10 !important;min-height:0 !important;height:auto !important}
  .feat-heading h3,.feat-body h3{font-size:22px !important;line-height:1.55 !important}
  .feat-content p,.feat-body p{font-size:14.5px !important}
}