/* ==========================================================================
   旧デザインの下層ページ向けの調整。

   2026年デザインのページ($design2026)は base.css を全体に読み込むため
   このファイルは読み込まない。下層ページは /common/css/base.css と
   /common/css/common.css がページ本文を担当しているので、全体リセットを
   当てると本文が壊れる。そのため .site-header / .menu-overlay / .site-footer
   の配下だけに限定して同じ既定値を与えたうえで、ページ全体の地色と
   フッター前の余白を整える。

   ページ固有の CSS($ex_tag_css)はこのファイルより後に読み込まれるので、
   個別ページ側で上書きできる。
   ========================================================================== */

/* --- ページ全体の地色 ---
   旧 CSS は html/body に background を指定していないため、OS/ブラウザが
   ダークモードだと UA 既定の暗い地色が透けてしまう。下層ページは白基調の
   デザインなので明示する。color-scheme も併せて宣言し、フォーム部品や
   スクロールバーがダークモード用に描き替えられるのを防ぐ(/contact/ 等)。 */
:root {
  color-scheme: light;
}
body {
  background-color: #fff;
}

.site-header,
.menu-overlay,
.site-footer,
.site-header *,
.menu-overlay *,
.site-footer *,
.site-header *::before,
.menu-overlay *::before,
.site-footer *::before,
.site-header *::after,
.menu-overlay *::after,
.site-footer *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.site-header,
.menu-overlay,
.site-footer {
  font-family: var(--font-serif);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--color-green-pale);
  -webkit-font-smoothing: antialiased;
}

.site-header img,
.menu-overlay img,
.site-footer img,
.site-header svg,
.menu-overlay svg,
.site-footer svg {
  display: block;
  max-width: 100%;
  height: auto;
  /* 旧 base.css の img { vertical-align: top } を打ち消す */
  vertical-align: baseline;
}

.site-header a,
.menu-overlay a,
.site-footer a {
  color: inherit;
  text-decoration: none;
}

.site-header ul,
.menu-overlay ul,
.site-footer ul,
.site-header ol,
.menu-overlay ol,
.site-footer ol {
  list-style: none;
}

.site-header button,
.menu-overlay button,
.site-footer button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

/* 見出し・p の font-size / font-weight はここで打ち消さないこと。
   旧 base.css の `h1〜h6, p, td, th, address { font-weight: inherit; font-size: 100% }`
   は実質 inherit で無害な一方、打ち消しを `.site-footer p` のように書くと
   詳細度(0,1,1)が footer.css の `.footer-address`(0,1,0)を上回ってしまい、
   ヘッダー/フッター側の指定を壊す。 */

/* --- 旧ページ本文の位置合わせ ---
   上: 旧 common.css は #Contents に旧ヘッダー高(PC 100px / SP 16vw)ぶんの
       margin-top を入れている。新ヘッダーは PC 59px / SP 56px なので上書きする。
   下: 旧 common.css は下余白(padding: 20px 0 195px)がコメントアウトされており
       本文がフッターに密着する。2026年デザインの下層ページ(officer.css の
       .content-end)がフッター前に PC 90px / SP 75px を取っているので、
       同じ値を全下層ページ一律で入れて揃える。 */
#Contents {
  margin-top: 56px;
  padding-bottom: 75px;
}
@media print, screen and (min-width: 768px) {
  #Contents {
    margin-top: 59px;
    padding-bottom: 90px;
  }
}