@media screen and (min-width: 600px) {
    body .wrapper.wrapper--column-2 > .__inner {
        width: 100%;
        max-width: 1180px;
        padding: 0;
        display: grid;
        grid-template-columns:220px 940px;
        flex-wrap: wrap;
        column-gap: 20px;
        grid-auto-flow: dense;
    }
}

@media screen and (max-width: 1180px) {
    body .wrapper.wrapper--column-2 > .__inner {
        grid-template-columns:.18644fr .7966fr
    }
}

@media screen and (min-width: 600px)and (max-width: 979px) {
    body .wrapper.wrapper--column-2 > .__inner {
        width: 1220px;
        max-width: 1220px;
        display: grid;
        grid-template-columns:.2034fr .7966fr;
        padding: 0;
        flex-wrap: wrap;
        column-gap: 10px;
        grid-auto-flow: dense;
    }
}

@media screen and (min-width: 980px)and (max-width: 1199px) {
    body .wrapper.wrapper--column-2 > .__inner {
        grid-template-columns:.2034fr .7966fr;
        padding: 0 10px;
        flex-wrap: wrap;
        column-gap: 10px
    }
}

@media screen and (min-width: 600px) {
    body .wrapper.wrapper--column-2 > .__inner::before, body .wrapper.wrapper--column-2 > .__inner::after {
        content: none
    }
}

@media screen and (min-width: 600px) {
    body .wrapper.wrapper--column-2 > .__inner .__content-home-top {
        grid-column: span 2
    }
}

@media screen and (min-width: 600px) {
    body .wrapper.wrapper--column-2 > .__inner .main {
        width: 100%;
        max-width: 940px;
        padding-left: 0;
        float: none;
        order: 3
    }
}

@media screen and (min-width: 600px)and (max-width: 979px) {
    body .wrapper.wrapper--column-2 > .__inner .main {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

@media screen and (min-width: 600px) {
    body .wrapper.wrapper--column-2 > .__inner .aside {
        width: 100%;
        max-width: 220px;
        padding-right: 0;
        margin-left: auto;
        float: none;
        order: 2
    }
}

@media screen and (min-width: 600px)and (max-width: 979px) {
    body .wrapper.wrapper--column-2 > .__inner .aside {
        padding-top: 1em;
        padding-bottom: 1em
    }
}

@media screen and (min-width: 600px) {
    .gnav-pc .__menu {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 600px) {
    .body-home .wrapper .__inner {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 600px) {
    .layout {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 599px) {
    body .wrapper .__inner {
        padding: 20px 0
    }

    body .wrapper .__inner .main {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        float: none !important
    }

    body .wrapper .__inner .aside {
        display: none
    }

    body.body-home .wrapper .__inner {
        padding: 0px 0 20px
    }

    body .__search--keyword {
        display: none
    }

    body .wrapper--corporate .__inner, body .wrapper--law .__inner, body .wrapper--howto .__inner, body .wrapper--privacy .__inner, body .wrapper--kiyaku .__inner, body .wrapper--sitemap .__inner {
        padding-left: 5%;
        padding-right: 5%
    }
}