.site-footer {
    background-color: var(--color-bg-base);
    border-top: 1px solid var(--color-border);
    padding-block: 56px;
}

.site-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 1100px;
    margin-inline: auto;
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
    text-align: center;
}

.footer-menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 32px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu__list a {
    display: inline-block;
    padding: 4px 2px;
    color: var(--color-text-main);
    font-size: 0.9rem;
}

.footer-menu__list a:hover,
.footer-menu__list a:focus-visible {
    color: var(--color-pink);
}

.footer-sns a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    color: var(--color-text-sub);
    font-size: 0.85rem;
}

.footer-sns a:hover,
.footer-sns a:focus-visible {
    color: var(--color-text-main);
}

.footer-copyright {
    margin: 0;
    color: var(--color-text-sub);
    font-size: 0.8rem;
}