@media screen and (min-width:1024px) {
    #footer{
        margin-top:200px;
    }
    #footer .footer-newslatter {
        border-bottom: 2px solid #000;
    }

    #footer .top {
        display: flex;
        gap: 50px;
        padding: 20px 0;
    }

    #footer .top .logo {
        width: 200px;
    }

    #footer .top .menu-list {
        width: calc(100% - 250px);
    }

    #footer .top .menu-list .depth1-list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 10px;
    }

    #footer .top .menu-list .depth1-item {
        border-bottom: none;
        flex-direction: column;
        padding: 0;
        width: calc((100% / 4) - (30px / 4));
    }

    #footer .bottom {
        border-top: 1px solid #000;
        display: flex;
        gap: 10px;
        padding: 20px 0;
    }

    #footer .bottom .extra-space {
        display: none;
        width: 386px;
    }

    #footer .bottom .menu-list {
        width: 100%;
    }

    #footer .bottom .depth1-item.sns-item {
        order: unset;
        flex-direction: column;
        border-bottom: 0;
    }

    #footer .bottom .depth1-list {
        flex-direction: row;
        gap: 10px;
    }

    #footer .bottom .depth1-list .depth1-item {
        width: calc(40.32% - 10px);
    }

    #footer .bottom .depth1-list .depth1-item.sns-item {
        width: 19.36%;
    }

    #footer .bottom .depth1-list .depth1-item.empty {
        display: none;
    }

    #footer .bottom .depth1-item.sns-item .sns-list {
        font-size: 0;
    }

    #footer .top .menu-list .depth1-item a[target="_blank"]:after {
        margin-bottom: -2px;
    }

    #footer .footer-etc-info .site-by {
        order: -1;
        width: 250px;
    }
}