/* 共通ヘッダー ── 静的層のページと WP（SWELL子テーマ）の両方が読む。
   header.top 配下だけに効くよう選択子を絞り、SWELL 側の要素（.l-header 等）には触れない。
   色・フォントの変数もここで定義する（site.css は先頭でこのファイルを @import する）。2026-09-26 */
:root{
  --navy:#00338d; --deep:#0c233c; --ink:#1f2937; --sub:#5b6474; --line:#d9dee8; --rule:#0c233c;
  --paper:#f7f6f2; --white:#ffffff; --teal:#63ebda; --teal-ink:#0f7f73; --red:#c0392b;
  --serif:"Yu Mincho","游明朝","Hiragino Mincho ProN","Noto Serif JP",serif;
  --sans:"Yu Gothic","游ゴシック","Hiragino Sans","Noto Sans JP",sans-serif;
  --num:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
header.top{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5;font-family:var(--sans);line-height:1.9;letter-spacing:.02em}
header.top .wrap{max-width:1040px;margin:0 auto;padding:0 24px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:64px}
header.top a{text-decoration:none}
header.top .brand{font-family:var(--num);font-weight:700;letter-spacing:.18em;color:var(--deep);font-size:15px;line-height:1.3}
header.top .brand small{display:block;font-family:var(--sans);font-weight:400;letter-spacing:.08em;font-size:10px;color:var(--sub)}
header.top nav a{margin-left:28px;font-size:13px;color:var(--deep);letter-spacing:.12em}
header.top nav a span{font-family:var(--num);font-size:10px;color:var(--sub);margin-right:6px;letter-spacing:.14em}
header.top nav a{white-space:nowrap}
/* 電話幅: 番号を消し、ナビを語の途中で折らずに行送りする（SWELL のハンバーガーは使わない） */
@media (max-width:820px){
  header.top .wrap{height:auto;min-height:56px;padding:10px 16px;gap:8px 16px;flex-wrap:wrap}
  header.top nav{display:flex;flex-wrap:wrap;gap:4px 14px}
  header.top nav a{margin-left:0;font-size:12px}
  header.top nav a span{display:none}
  html.motion header.top.compact .wrap{height:auto}
}
/* 動き（motion.js が html.motion を付けたときだけ） */
html.motion header.top{transition:box-shadow .25s ease}
html.motion header.top .wrap{transition:height .25s ease}
html.motion header.top.compact .wrap{height:52px}
html.motion header.top.compact{box-shadow:0 1px 0 var(--line)}