:root{--fs-min:17px;--fs-ui:15px}@media(min-width:900px){:root{--fs-min:20px;--fs-ui:16px}}
/* v4 グローバルヘッダー（メインデザイン）— トップ以外のページ（LP・下層）で読み込む。style.css の .hdr/.menu と同じ見た目。
   下層では常に白背景（.solid）。LP側CSSの .btn/.wrap と衝突しないよう .hdr 配下で全指定する */
:root{--g-navy:#141a2a;--g-gold:#b49646;--g-gold-d:#8f7534;--g-ink2:#5b5b5b;--g-line:#e6e2d8;--g-ut:0px;--g-hh:60px;--g-pad:20px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;font-family:Geist,system-ui,-apple-system,"Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;line-height:1.6;letter-spacing:.01em;font-feature-settings:"palt"}
.hdr.solid{background:#fff;color:var(--g-navy);box-shadow:0 1px 0 var(--g-line)}
body.lp{padding-top:calc(var(--g-ut) + var(--g-hh));overflow-x:hidden}
html:has(body.lp){overflow-x:hidden}
body.lp .hero{scroll-margin-top:calc(var(--g-ut) + var(--g-hh))}
body.lp section,body.lp #apply,body.lp #courses,body.lp #plans,body.lp #features{scroll-margin-top:calc(var(--g-ut) + var(--g-hh) + 8px)}
.hdr a{color:inherit;text-decoration:none}
.hdr .wrap{max-width:1280px;margin:0 auto;padding:0 var(--g-pad)}
.hdr .utl{display:none;height:var(--g-ut);font-size:14px;border-bottom:1px solid var(--g-line)}
.hdr .utl .wrap{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:22px}
.hdr .utl a{opacity:.85;display:inline-flex;align-items:center;gap:4px;font-weight:700}
.hdr .utl a:hover{opacity:1}
.hdr .main{height:var(--g-hh);display:flex;align-items:center;gap:16px}
.hdr .logo{display:flex;align-items:center;height:32px}
.hdr .logo img{height:30px;width:auto;display:block}
.hdr .logo .l-full{display:none}
.hdr .logo .l-mark{display:block;height:34px}
.hdr .gn{display:none;margin-left:18px;gap:4px;font-size:max(15px,var(--fs-ui));font-weight:700}
.hdr .gi{position:relative}
.hdr .gi>a{display:block;padding:8px 10px;border-bottom:2px solid transparent;transition:border-color .15s;white-space:nowrap}
.hdr .gi:hover>a{border-color:currentColor}
.hdr .mega{position:absolute;left:0;top:100%;padding-top:10px;display:none;min-width:280px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.14))}
.hdr .gi:hover .mega{display:block}
.hdr .mega>div,.hdr .mega .mg{background:#fff;color:var(--g-navy)}
.hdr .mg{padding:16px 18px;display:grid;gap:6px;font-weight:400;font-size:max(14px,var(--fs-ui));border-bottom:1px solid var(--g-line)}
.hdr .mg:last-child{border-bottom:0}
.hdr .mg b{font-size:max(12px,var(--fs-ui));color:var(--g-gold-d);letter-spacing:.08em;margin-bottom:4px}
.hdr .mg a:hover{color:var(--g-gold-d)}
.hdr .mg span{color:var(--g-ink2)}
.hdr .cvs{margin-left:auto;display:flex;align-items:center;gap:8px}
.hdr .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:max(15px,var(--fs-ui));line-height:1;padding:11px 14px;border-radius:999px;border:1px solid transparent;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background-color .15s,transform .15s,border-color .15s,color .15s}
.hdr .btn:hover{box-shadow:none;transform:translateY(-1px)}
.hdr .btn-gold{background:var(--g-gold);color:#fff}
.hdr .btn-gold:hover{background:var(--g-gold-d)}
.hdr .btn-ghost{background:transparent;color:var(--g-navy);border-color:var(--g-navy)}
.hdr .btn-ghost:hover{background:var(--g-navy);color:#fff}
.hdr .cvs .cv2{display:none}
.hdr .cvs .login{font-size:max(15px,var(--fs-ui));font-weight:700;white-space:nowrap;opacity:.9}
.hdr .sp-only{display:inline}
.hdr .burger{width:40px;height:40px;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;padding:0}
.menu{position:fixed;inset:calc(var(--g-ut) + var(--g-hh)) 0 auto 0;background:#fff;color:var(--g-navy);z-index:49;border-bottom:1px solid var(--g-line);padding:8px 0 16px;display:none;font-family:Geist,system-ui,-apple-system,"Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;font-size:max(15px,var(--fs-ui));box-shadow:0 12px 30px rgba(0,0,0,.12)}
.menu.open{display:block}
.menu a{display:block;padding:14px var(--g-pad);font-weight:700;border-top:1px solid var(--g-line);color:inherit;text-decoration:none}
.menu .cv{color:var(--g-gold-d)}
@media (min-width:900px){
  :root{--g-ut:32px;--g-hh:72px;--g-pad:32px}
  .hdr .utl{display:block}
  .hdr .logo .l-full{display:block}
  .hdr .logo .l-mark{display:none}
  .hdr .burger{display:none}
  .hdr .sp-only{display:none}
  .hdr .cvs .cv2{display:inline-flex}
  .hdr .btn{padding:12px 16px}
}
@media (min-width:1200px){ .hdr .gn{display:flex} }

/* C68 L2: 検索はグロナビ行の末尾 */
.hdr .gn .srch{margin-left:6px}
.hdr .gn .srch a{display:inline-flex;align-items:center;gap:5px;opacity:.85}
.hdr .gn .srch a:hover{opacity:1}