/* ==========================================================
   スム住む 下層ページ共通の上書き（2026-10 刷新）
   style.css の後に読み込む。トップ（home.css）と同じ紺×山吹・ロゴにそろえる。
   マークアップは変えない（全ページ共通の .header / .logo-image / .footer に効かせる）。
   ========================================================== */
:root {
  --color-primary: #0F2647;
  --color-secondary: #24528C;
  --color-accent: #16365F;
  --color-text: #1C2533;
  --color-text-light: #4A5566;
  --font-primary: "Montserrat", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-japanese: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}
body { letter-spacing: .03em; }

/* ヘッダー：文字の「スム住む」を実物のロゴに（文字はDOMに残す＝検索・読み上げ用） */
.header .logo .logo-image {
  display: block; width: 136px; height: 32px; margin-top: 2px;
  background: url(../images/brand/logo-mark.svg) no-repeat left center / contain;
  font-size: 0; line-height: 0; color: transparent; text-indent: 0; overflow: hidden; filter: none;
}
.header .logo .logo-image a { display: block; width: 100%; height: 100%; color: transparent !important; }
.header.scrolled { box-shadow: 0 8px 24px -20px rgba(15, 38, 71, .5); }
.nav a { color: #1C2533; }
.nav a::after { background: #F7B500; height: 2px; }
.nav-cta { background: #F7B500 !important; color: #0B1D38 !important; font-weight: 700 !important; }
.nav-cta:hover { background: #E0A100 !important; }

/* フッター */
.footer { background: #0B1D38; }
.footer .logo-image {
  display: block; width: 168px; height: 40px; margin-bottom: 18px;
  background: url(../images/brand/logo-mark-white.svg) no-repeat left center / contain;
  font-size: 0; line-height: 0; color: transparent; text-indent: 0; overflow: hidden; filter: none;
}
.footer a:hover { color: #F7B500 !important; }

/* 見出しの英字ラベル等（style.css の Inter 指定を置き換え） */
.section-label { color: #24528C; letter-spacing: .22em; }

/* スマホの固定ボタン（旧インラインの紫グラデーションを上書き） */
#mobile-estimate-btn { background: #F7B500 !important; color: #0B1D38 !important; box-shadow: 0 8px 20px -8px rgba(224, 161, 0, .8) !important; animation: none !important; }
#mobile-call-btn { background: #16365F !important; box-shadow: 0 8px 20px -8px rgba(15, 38, 71, .8) !important; animation: none !important; }