#footer {
    background: #150E0D;
    padding: clamp(2.5rem, 1.926rem + 2.35vw, 4.75rem) 0 0 0;
}

.footer-container {
    width: clamp(21.875rem, 0.686rem + 86.93vw, 105rem);
    margin: 0 auto;
}

.footer-bnr-box {
    width: 100%;
}

.footer-bnr-link {
    display: block;
    width: 49.2%;

    img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (hover: hover) {
    .footer-bnr-link:hover {
        opacity: 0.9;
    }
}

.footer-txt-box {
    width: 100%;
    margin: 3.8% 0 5.2% 0;
}

.footer-txt-inner {
    width: 100%;
}

.footer-logo {
    width: 22.75%;
}

.footer-nav {
    width: 59.52%;
}

/* ノートPC帯: メニュー幅を広げる */
@media screen and (min-width: 1081px) and (max-width: 1800px) {
    .footer-nav {
        width: 72%;
    }
}

.footer-nav-ul {
    width: 100%;
}

.footer-nav-li {
    font-size: clamp(0.75rem, 0.718rem + 0.131vw, 0.875rem);
    font-weight: 500;
}

.footer-social {
    margin: clamp(2.5rem, 2.142rem + 1.47vw, 3.906rem) 0 0 auto;
    width: 656px;
    justify-content: flex-end;
    gap: 48px;
}

.footer-btm-right-link {
    height: 63px;
    width: clamp(252px, 35vw, 264px);
}

.social-icons {
    gap: 24px;
}

.icons-link {
    width: 40px;
    height: 40px;
}

.footer-privacy {
    background: #FFF;
    text-align: center;
    padding: clamp(1.5rem, 1.197rem + 1.24vw, 2.688rem) 0 clamp(0.625rem, 0.243rem + 1.57vw, 2.125rem) 0;
}

@media (max-width: 768px) {
    .footer-privacy {
        padding-bottom: 2.5rem; /* 40px */
    }
}

.footer-privacy-inner {
    font-size: 14px;
    font-weight: 400;
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    margin-top: clamp(1.25rem, 0.788rem + 1.9vw, 3.063rem);
}

@media screen and (max-width: 1080px) {
    .footer-txt-inner {
        display: block;
    }

    .footer-nav {
        margin-top: 32px;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .footer-social {
        width: 525px;
    }

    .icons-link {
        width: 14.595%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .footer-bnr-box {
        display: block;
    }

    .footer-bnr-link {
        width: 100%;
    }

    .footer-bnr-link {
        &:nth-child(n+2) {
            margin-top: 5.71%
        }
    }

    .footer-txt-box {
        width: 88.57%;
        margin: 17.14% auto 28.57% auto;
    }

    .footer-logo {
        width: 53.55%;
    }

    .footer-nav {
        margin-top: 12.9%;
    }

    .footer-nav-ul {
        flex-wrap: wrap;
    }

    .footer-nav-li {
        width: 46%;

        &:nth-child(n+3) {
            margin-top: 7.74%;
        }
    }

    .footer-social {
        display: block;
        width: 252px;
        margin-left: 0;
    }

    .footer-btm-right-link {
        width: 100%;
    }

    .social-icons {
        margin-top: 15.87%;
    }
}

