/* ========================================
   Footer
======================================== */
.footer { 
    background-color: var(--color-primary); 
    padding: 80px 0 40px; /* ★上部の余白を60pxから80pxにして安定感を出す */
    color: #fff; text-align: center; 
}
.footer-inner { max-width: 1200px; margin: 0 auto; padding: 0 4%; }
.footer-nav ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-bottom: 50px; } /* ★余白調整 */
.footer-nav a { font-size: 14px; font-weight: bold; color: #fff; letter-spacing: 0.05em; }
.footer-nav a:hover { opacity: 0.7; }
.social-links { display: flex; justify-content: center; gap: 40px; margin-bottom: 40px; } /* ★余白調整 */

.social-links img { width: 40px; height: 40px; transition: transform 0.3s ease; }
.social-links a:hover img { transform: translateY(-3px); }
.copyright { font-size: 13px; opacity: 0.9; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) {
    .footer { padding: 60px 0 30px; }
    .footer-nav ul { gap: 25px; flex-direction: column; align-items: center;}
}