/* footer-unified.css — TOP(index.html L801-820)のフッターを正準として全ページで強制統一。
* 各静的ページのインラインCSSが色ドリフトしても、本ファイルを最後に読み込ませて上書きする。
* serve-static / top-shell で全公開ページの 末尾に注入。重要箇所は !important で確実化。 */
.footer { padding: 80px 0 0 !important; background: #2D2D2D !important; color: #fff !important; }
.footer-inner { max-width: 1400px !important; margin: 0 auto !important; padding: 0 40px !important; display: grid !important; grid-template-columns: 1.2fr 1fr 1fr 1.4fr !important; gap: 48px !important; }
.footer-logo { margin-bottom: 16px !important; }
.footer-logo img { height: 24px !important; filter: brightness(0) invert(1) !important; }
.footer-desc { font-size: 15px !important; line-height: 2 !important; color: rgba(255,255,255,0.55) !important; }
.footer-sns a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.footer-nav-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.92) !important; margin-bottom: 16px !important; }
.footer-nav a { display: block !important; font-size: 14px !important; color: rgba(255,255,255,0.72) !important; padding: 5px 0 !important; letter-spacing: 0.03em !important; transition: color 0.3s !important; text-decoration: none !important; }
.footer-nav a:hover { color: #fff !important; }
.footer-col-last { display: grid !important; grid-template-columns: 1.2fr 1fr !important; gap: 24px !important; }
.footer-bottom { max-width: 1400px !important; margin: 48px auto 0 !important; padding: 32px 40px 24px !important; border-top: 1px solid rgba(255,255,255,0.08) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap !important; gap: 16px !important; }
.footer-legal { display: flex !important; gap: 24px !important; flex-wrap: wrap !important; justify-content: center !important; }
.footer-legal a { font-size: 12px !important; color: rgba(255,255,255,0.45) !important; text-decoration: none !important; transition: color 0.3s !important; letter-spacing: 0.04em !important; white-space: nowrap !important; }
.footer-legal a:hover { color: rgba(255,255,255,0.72) !important; }
.footer-copy { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; letter-spacing: 0.06em !important; }
@media (max-width: 1024px) { .footer-inner { grid-template-columns: 1fr 1fr !important; gap: 32px !important; } }
@media (max-width: 768px) {
.footer-inner { grid-template-columns: 1fr 1fr !important; gap: 16px 24px !important; text-align: left !important; }
.footer-brand { grid-column: 1 / -1 !important; text-align: center !important; }
.footer-col-last { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
.footer-bottom { flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 24px 20px 20px !important; }
.footer-legal { gap: 16px !important; }
.footer-copy { font-size: 10px !important; }
}