/* ================================================

FOOTER

================================================ */

/* ----------------------------------------
FOOTER前のボーダー [NEWS STAFF]
---------------------------------------- */

/* .page-about main::after,
.post-type-archive-staff main::after,
.post-type-archive-news main::after {
    content: '';
    display: block;
    width: 90%;
    height: 1px;
    background-color: var(--color-border-brown);
    max-width: 1240px;
    margin-inline: auto;
    position: relative;
    z-index: 1;
} */

.page-about main::before,
.post-type-archive-staff main::before,
.post-type-archive-news main::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-bg-l-pink);
    max-width: 100%;
    margin-inline: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}


/* ----------------------------------------
FOOTER
---------------------------------------- */

.footer {
    background-color: var(--color-bg-l-beige);
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5em;
    row-gap: 40px;
}

/* ロゴ */
.footer__logo {
    width: clamp(150px, 25vw, 290px);
    margin-bottom: var(--space-md);
    display: block;
}

.footer__info {
    font-size: clamp(14px, 1.27vw, 15px);

    line-height: 1.64;

    address {
        font-weight: 400;
    }

    .footer__tel {
        font-weight: var(--fontWeight-regular);
    }
}

.footer__btn {
    margin-top: 1em;
}


.footer__info p {
    font-size: clamp(14px, 1.27vw, 15px);
    margin-bottom: 4px;
}

.footer__nav {
    flex: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-xl);
    height: fit-content;
}

.footer__nav-section {
    justify-self: center;
    max-width: 230px;
}

.footer__nav-section:nth-of-type(2) {
    flex: 1;
}

.footer__nav-section:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.footer__title {
    font-size: clamp(14px, 1.82vw, 16px);
    font-weight: var(--fontWeight-medium);
    margin-bottom: 0.5em;
    cursor: pointer;
}

.footer__list {
    list-style: none;
    line-height: 1.6;
}

.footer__link {
    font-size: clamp(12px, 1.09vw, 14px);
    text-decoration: none;
    transition: color 0.2s;
}

@media (max-width: 768px) {
    .footer__inner {
        flex-direction: column;
        align-items: center;
        padding: 0 16px;

        .btn {
            margin: auto;
        }
    }

    .footer__info {
        text-align: center;
    }

    .footer__logo {
        width: clamp(230px, 60vw, 260px);
    }

    .footer__nav {
        gap: 24px;
    }

    .page-about main::after,
    .post-type-archive-staff main::after,
    .post-type-archive-news main::after {
        width: 90%;
    }
}

@media (width < 580px) {

    .footer__nav {
        flex-direction: column;
    }

    .footer__nav-section {
        min-width: auto;
        flex: unset;
        justify-self: center;
    }

    .footer__nav-title {
        text-align: center;

    }
}