/* フッター前半（トップ2ページ以外の28ページ共通） */
/* ===== footer (shared with index) ===== */
.footer { background: #fff; border-top: 1px solid var(--line); padding: 64px 0 40px; }
.footer__main { display: grid; grid-template-columns: 1.5fr 0.9fr 1.9fr; gap: 56px; margin-bottom: 48px; }
.footer__brand { max-width: 320px; }
.footer__brand-desc { font-size: 13px; color: var(--ink-2); line-height: 1.7; margin-top: 16px; }
.footer .logo { display: flex; align-items: center; text-decoration: none; }
.footer .logo__svg { height: 28px; width: auto; display: block; }
.footer__col-title { font-size: 12px; font-weight: 600; color: var(--ink); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 16px; }
.footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.footer__links a { font-size: 13px; color: var(--ink-2); transition: color 0.15s; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.footer__links a:hover { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; }
.footer__links a:hover .footer__ext { color: var(--accent-2); }
.footer__ext { color: var(--ink-4); transition: color 0.15s; flex-shrink: 0; }
.footer__links--cases { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 10px; }