/* サイト共通のフッター（LP・一問一答・歴史テスト・文章ページ・404）。LP の見た目が正本。
   フッターの HTML は各ページに同じものを置く（一問一答は scripts/build_ichimonitto.py の FOOTER から生成） */
.footer { max-width: 1180px; margin: 0 auto; padding: 30px 40px 44px; }
.footer-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.fbrand { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; line-height: 1; letter-spacing: var(--ls-wide);
  color: var(--ink-1); text-decoration: none; }
.fbrand:hover { color: var(--ink-1); }
.fbrand svg { width: 20px; height: 20px; flex: none; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; }
.footer-nav a { color: var(--ink-2); text-decoration: none; }
.footer-nav a:hover { color: var(--river-deep); }
.footer-credit { margin: 16px 0 0; font-size: 11.5px; line-height: 1.8; color: var(--ink-3); }
@media (max-width: 820px) { .footer { padding: 26px 18px 40px; } }