#site-footer {
    background-color: #003366;
    /* ヘッダーと統一 */
    color: #fff;
    padding: 60px 0 40px 0;
    margin-top: 80px;
    border-top: 4px solid rgba(255, 255, 255, 0.1);
    /* 繊細な区切り線 */
}

#site-footer .footer-content {
    max-width: 1100px;
    /* ヘッダーの幅と統一 */
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#site-footer .footer-links {
    display: flex;
    flex-wrap: wrap;       /* ★ここを追加（折り返しを許可） */
    justify-content: center; /* ★中央揃えを維持 */
    gap: 20px;
    list-style: none;
    padding: 0;
    text-align: center;    /* 文字列が改行された場合も考慮 */
}

#site-footer .footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

#site-footer .footer-links a:hover {
    color: #fff;
}

#site-footer .copyright {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px;
}