@charset "UTF-8";

/* フッター
***************************************************************/
footer {
    background: #FDF5E6;
    width: 100%;
    padding: 8vw 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5vw;
}

footer .inner {
    display: flex;
    flex-flow: column;
    gap: 3vw;
}

footer .logo {}

footer .logo img {
    width: 28vw;
}

footer .sns {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 5vw;
}

footer .icon {
    display: flex;
    width: 8vw;
}

footer .icon svg {
    width: 8vw;
}

footer p {
    font-size: 3vw;
}

@media screen and (min-width: 681px) {
    footer {
        padding: 25px 0;
        gap: 25px;
    }

    footer .inner {
        flex-direction: row;
        gap: unset;
        justify-content: space-between;
    }

    footer .logo {}

    footer .logo img {
        width: 110px;
    }



    footer .sns {
        gap: 30px;

    }

    footer .icon {
        width: 30px;
    }

    footer .icon svg {
        width: 30px;
    }

    footer p {
        font-size: 15px;
    }
}


@media screen and (min-width: 681px) {}

@media screen and (max-width: 680px) {}