/* ===== F-01・F-02 (v1.3, user-approved): header menu below 1280px =====
   1280px and wider: the PC global navigation (unchanged).
   768–1279px: the global navigation opens from the menu button, exactly like the confirmed phone menu (mobile.css, 767px and
   narrower), which also removes the 768–880px gap where neither the navigation nor the menu button was shown.
   The rules below are the phone menu rules of mobile.css, applied to 768–1279px. Differences, and why:
     - the header keeps its PC height, logo size and the full consultation button 「自社の状況について相談する」 (it fits);
       the button sits before the menu button and never moves into the menu panel, so they never overlap;
     - the panel starts below the header (its measured height, --t-hdr) and its content is kept within 720px.
   Font sizes in the open menu are the phone menu's (16px items / 15px links), not smaller than the PC navigation (14px). */
@media (min-width:768px) and (max-width:1279px){
  html.mb-lock,html.mb-lock body{overflow:hidden}
  header.site nav.gnav{display:none}
  header.site .logo-box{margin-right:auto}
  header.site .header-row > .cta-btn{order:2;flex:none}
  header.site .header-row > .mb-burger{order:3}
  header.site .mb-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-right:-8px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none}
  header.site .mb-burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}
  header.site.mb-open .mb-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.site.mb-open .mb-burger span:nth-child(2){opacity:0}
  header.site.mb-open .mb-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header.site .mb-burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

  header.site.mb-open{position:fixed;top:0;left:0;right:0;z-index:70;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--night)}
  html.mb-lock body{padding-top:var(--t-hdr,77px)}
  header.site.mb-open nav.gnav{display:block;position:fixed;left:0;right:0;top:var(--t-hdr,77px);bottom:0;overflow-y:auto;overscroll-behavior:contain;
    background:var(--night);padding:8px max(var(--gutter),calc((100% - 720px) / 2)) 120px;border-top:1px solid var(--header-rule);white-space:normal}
  header.site.mb-open nav.gnav details{position:static;border-bottom:1px solid var(--panel-border)}
  header.site.mb-open nav.gnav summary,header.site.mb-open nav.gnav a.plain{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 4px;
    font-size:16px;font-weight:700;color:var(--text);text-decoration:none;cursor:pointer}
  header.site.mb-open nav.gnav a.plain{border-bottom:1px solid var(--panel-border)}
  header.site.mb-open nav.gnav summary::after{content:"";width:9px;height:9px;margin-right:6px;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:rotate(45deg);transition:transform .2s}
  header.site.mb-open nav.gnav details[open] > summary::after{transform:rotate(-135deg)}
  header.site.mb-open nav.gnav .mega,header.site.mb-open nav.gnav .mega.wide,header.site.mb-open nav.gnav .mega.simple{position:static;transform:none;width:auto;display:block;
    margin:0 0 14px;padding:4px 0;border:0;border-radius:0;box-shadow:none;background:transparent}
  header.site.mb-open nav.gnav .mega-col{display:block;padding:10px 0 6px;border:0}
  header.site.mb-open nav.gnav .mega-col + .mega-col{border-top:1px dashed var(--panel-border)}
  header.site.mb-open nav.gnav .mega :is(h5,:where(.ox-hs-h5)){margin:0 0 2px;font-size:13px;letter-spacing:.06em;color:var(--accent)}
  header.site.mb-open nav.gnav .mega-concept{margin:0 0 6px;font-size:12.5px;line-height:1.7;color:var(--text-2)}
  header.site.mb-open nav.gnav .mega a,header.site.mb-open nav.gnav .mega-item{display:flex;align-items:center;min-height:48px;padding:6px 8px;border-radius:8px;font-size:15px;line-height:1.6;color:var(--text);text-decoration:none}
  header.site.mb-open nav.gnav .mega a:active{background:var(--cta2-hover)}
}