@media screen and (min-width:1280px) {
    #footer .top {
        gap: 10px;
    }

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

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

    #footer .bottom {
        gap: 10px;
    }

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

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

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

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

    #footer .bottom .depth1-list .depth1-item {
        width: calc((100% / 4) - (30px / 4));
        padding: 0;
    }

    #footer .bottom .depth1-list .depth1-item.sns-item {
        width: calc((100% / 4) - (30px / 4));
    }

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