/* 試作B(検証用): style.cssの上に重ねる上書き。
   本文=Instrument Sans(公共・クリーン)/見出しだけBricolage Grotesque(遊び)。
   線とタブはlabecque実測に合わせる: 線2px・タブ文字1.4rem・ミディアム〜セミボールド。
   ブランドはボールドな太文字(本人指摘「テキストロゴがダサい」→装飾でなく太さで立てる) */

:root {
  /* labecqueのAlphabecque(丸い幾何グロテスク)にGoogle Fontsで一番近いQuicksandへ一族統一 */
  --sans: "Quicksand", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --disp: "Quicksand", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  --mono: "Quicksand", "Hiragino Maru Gothic ProN", sans-serif;
}
body { font-weight: 500; }

/* 見出しとタイトルだけ遊びの書体 */
h2 { font-family: var(--disp); font-weight: 700; letter-spacing: 0.01em; }

/* ブランド: 太い文字。構成(ロクマル→6okken+住所→コピー)は不変 */
/* 左上ブロック: 3行の行送りを21.6pxに統一(brand 1.8rem×1.2 = 住所 1.2rem×1.8)。
   下限はコピーと同サイズ(1.2rem)にして揃える */
header.site .brand { font-family: var(--sans); font-weight: 700; font-size: 1.8rem; letter-spacing: 0; line-height: 1.2; position: relative; top: -5px; }  /* 字面の上端をロゴ上端へ(箱2px+グリフ余白3px)。住所は不動 */
header.site address { font-family: var(--sans); font-weight: 500; font-size: 1.2rem; line-height: 1.8; }
header.site .tagline { font-family: var(--sans); font-weight: 600; font-size: 1.2rem; line-height: 1.8; }
.wx { font-family: var(--sans); font-weight: 600; }

/* タブ: labecque実測(文字22px/400・UPPERCASE・タブ高52px・pad上16px下12px)。線2px。
   top:3px=線2pxより1px深く重ねて、タブ下のうっすら線を消す */
nav.tabs { border-bottom-width: 2px; }
nav.tabs a { padding: 2px 2px 0; top: 3px; }
nav.tabs a > span { font-size: 2.2rem; font-weight: 500; text-transform: uppercase;
  padding: 2.2rem 1.8rem 1rem; letter-spacing: 0.01em; }
nav.tabs::after { height: 2px; bottom: -2px; right: 15px; width: 137px; }  /* 右端15pxは生きた線を残す=山の右裾(右から約15px)と接続する */

/* 富士山: 2px用に描き直したSVG(b各ページのインライン)。位置だけ2px線に合わせる */
.fujimt { bottom: -2px; }
.fujimt rect { fill: var(--blk); }
.fujimt path { stroke: var(--blk); }

/* ラベル列: ボールドの黒(橙)ラベルに */
.row .k, .yeargroup .year { font-family: var(--sans); font-weight: 700; font-size: 1.25rem;
  letter-spacing: 0.03em; color: var(--blk); }
.hlogo { height: 62px; }  /* brand21.6+住所2行43.2の実測 */
.toc { font-family: var(--sans); font-weight: 600; }
.toc .toclabel { border-bottom-width: 2px; }
figcaption, .mono, .stagewrap .bar { font-family: var(--sans); font-weight: 500; }
footer.site, footer.site .fnav { font-family: var(--sans); font-weight: 600; }

/* B系ホーム: 2枚のスライドショー(lewonder比率=904:1280は.stage既定)と、その下のフッター行 */
.bfoot { border-top: 2px solid var(--blk); margin-top: 2rem;
  display: flex; flex-wrap: wrap; gap: 0.6rem 3rem; align-items: baseline;
  padding: 2rem 10px 3rem; }
.bfoot .copy { font-size: 1.3rem; }
.bfoot .opencall { margin-left: auto; font-family: var(--disp); font-weight: 800; font-size: 1.6rem;
  text-decoration: underline; text-underline-offset: 0.25em; }
.switch { position: fixed; left: 10px; bottom: 10px; z-index: 60; background: var(--wht);
  font-family: var(--sans); font-weight: 600; font-size: 1.3rem; padding: 0.2rem 0.6rem;
  text-decoration: underline; text-underline-offset: 0.22em; }