/* フッター全体 */
footer {
    background-color: var(--footer-background-color);
    color: var(--string-white-color);
    padding: clamp(5px, 2vw, 10px) 0;
}

/* 上段（ロゴ＋ナビ） */
.footer-inner {
    display: flex;
    justify-content: flex-start; /* 左寄せ */
    align-items: center;
    gap: clamp(16px, 5vw, 40px);
}

/* ナビ（横並び） */
.footer-inner nav ul {
    display: flex;
    gap: clamp(10px, 3vw, 20px);
    list-style: none;
}

.footer-inner nav a {
    color: inherit;
    text-decoration: none;
}

/* 下段（Copyright） */
.footer-copyright {
    text-align: center; /* これで中央寄せになる */
    border-top: 1px solid var(--border-color-in-bgblack);
}

/* スマホ対応 */
@media (max-width: 768px) {
    .footer-inner {
        flex-direction: column;
        gap: 20px;
    }
}

/* リンク色 */
footer a {
    color: var(--string-white-color);
    text-decoration: none;
}