/* ============================================================
   FUTSU — footer.css（2026-09-29）
   全ページ共通フッター。トップページを含む全ページで読み込む。
   土台（.footer / .footer__grid / .footer__col ほか）は shell CSS に定義済み。ここは上書きと追加だけ。
   ============================================================ */
.footer { padding: 72px var(--gutter) 32px; border-top: 1px solid rgba(255,255,255,.12); }
.footer__grid, .footer__base { max-width: 1040px; }
.footer__grid { grid-template-columns: 1.5fr 1fr 1.2fr; }
.footer__addr { font-size: 13px; }
.footer__addr a { text-decoration: underline; text-underline-offset: 3px; }
.footer__btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.footer__col h4 { font-size: 12px; }
.footer__col li { margin-bottom: 4px; }
.footer__col a { font-size: 14px; padding: 6px 0; }
.footer__base { font-size: 12px; align-items: center; }
.footer__base a { text-decoration: underline; text-underline-offset: 3px; }
/* トップページ用: 浮いているロゴ・バッジ・メニューの上にフッターがかぶさる（重なって読めなくなるのを防ぐ） */
.footer--over { z-index: 45; }

@media (max-width: 768px) {
  .footer { padding: 56px var(--gutter) 28px; }
  .footer__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .footer__col h4 { margin-bottom: 6px; }
  .footer__col ul { display: flex; flex-wrap: wrap; gap: 0 24px; }
  .footer__col li { margin-bottom: 0; }
  .footer__col a { flex-direction: row; align-items: center; min-height: 44px; padding: 0; white-space: nowrap; }
  .footer__btns .btn { flex: 1 1 auto; justify-content: center; }
  .footer__base { gap: 0; }
  .footer__base a { display: inline-flex; align-items: center; min-height: 44px; }
}