footer {
    display: flex;
    background-color: #234E45;
    padding-top: 3.8rem;
    padding-left: 8.5rem;
    padding-bottom: 14.8rem;
    font-family: "Zen Old Mincho", serif;
}

.footer_title {
    color: #ffffff;
}

.footer_title h3 {
    font-size: 1.8rem;
    font-weight: 500;
}

.footer_title p {
    font-size: 1.4rem;
    margin-top: 1.2rem;
}

.footer_nav_left {
    display: flex;
    flex-flow: column;
    margin-left: 10.7rem;
    gap: 1.3rem;
}

.footer_nav_right {
    display: flex;
    flex-flow: column;
    margin-left: 8rem;
    gap: 1.3rem;
}

.footer_nav_left a {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(to right, #ECB687 50%, #ffffff 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position 0.3s;
}

.footer_nav_right a {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(to right, #ECB687 50%, #ffffff 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position 0.3s;
}

.footer_nav_left a:hover {
    background-position: 0 100%;
}

.footer_nav_right a:hover {
    background-position: 0 100%;
}

.footer_link_sp {
    display: flex;
}

@media screen and (max-width: 699.98px) {
    footer {
        flex-flow: column;
        padding-top: 3.5rem;
        padding-left: 2rem;
        padding-bottom: 7.3rem;
    }

    .footer_link_sp {
        display: flex;
        margin-top: 4.2rem;
    }

    .footer_nav_left {
        margin-left: 0;
    }

    .footer_nav_right {
        margin-left: 3.1rem;
    }
}