/* サイト共通のヘッダー（メニュー）。全ページで読み込む。2026-10-22 */
.gh{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.gh .wrap{display:flex;align-items:center;gap:22px;height:64px}
.gh .lg img{height:28px;display:block}
.gh nav{display:flex;gap:22px;margin-left:auto;font-size:13.5px;font-weight:700}
.gh nav a{color:var(--navy);text-decoration:none}
.gh nav a.on{border-bottom:3px solid var(--y2);padding-bottom:3px}
.gh .b1,.gh .b2{font-size:13px;font-weight:900;text-decoration:none;padding:10px 16px;border-radius:8px;white-space:nowrap}
.gh .b1{background:linear-gradient(90deg,#FFDC00,#FFF000);color:var(--navy)}
.gh .b2{background:var(--navy);color:#fff}
.gh .mn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;margin-left:auto;align-items:center;justify-content:center;background:#fff;padding:0;cursor:pointer;font:inherit}
.gh .mn i{display:block;position:relative;width:18px;height:2px;background:var(--navy);box-shadow:0 6px 0 var(--navy),0 -6px 0 var(--navy)}
.gh .mn[aria-expanded="true"] i{background:transparent;box-shadow:none}
.gh .mn[aria-expanded="true"] i::before,.gh .mn[aria-expanded="true"] i::after{content:"";position:absolute;left:0;top:0;width:18px;height:2px;background:var(--navy);transform:rotate(45deg)}
.gh .mn[aria-expanded="true"] i::after{transform:rotate(-45deg)}
.gh .gm{display:none}
/* ページ内リンク（例 reasons.html#design）で見出しがヘッダーに隠れないように */
[id]{scroll-margin-top:76px}
@media(max-width:860px){
 [id]{scroll-margin-top:68px}
 .gh .wrap{height:56px;gap:10px}
 .gh .lg img{height:24px}
 .gh nav,.gh .b2{display:none}
 /* スマホ：≡を開かなくても「お問い合わせ」が見えるように（ロゴ・お問い合わせ・≡を1行に） */
 .gh .wrap>.b1{margin-left:auto;padding:8px 12px;font-size:12.5px;border-radius:8px}
 .gh .mn{display:flex;margin-left:0;flex:0 0 44px}
 .gh .gm:not([hidden]){display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px rgba(0,0,0,.35);padding:6px 16px 18px;max-height:calc(100vh - 56px);overflow:auto}
 .gh .gm a{display:block;padding:15px 4px;font-size:16px;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--line)}
 .gh .gm a.on{box-shadow:inset 4px 0 0 var(--y2);padding-left:14px}
 .gh .gm .gm-b{display:flex;gap:10px;margin-top:14px}
 .gh .gm .gm-b a{flex:1;text-align:center;border:0;border-radius:10px;font-weight:900;font-size:15px;padding:14px 6px}
 .gh .gm .gm-b .b2{background:var(--navy);color:#fff}
 .gh .gm .gm-b .b1{background:linear-gradient(90deg,#FFDC00,#FFF000);color:var(--navy)}
}