@media (min-width: 650px) and (max-width: 1150px) {
    .info-container .info-box {
        width: 575px !important;
        min-width: 575px;
        max-width: 575px;
        flex: 0 0 auto;
        height: auto;
        min-height: 0;
        box-sizing: border-box;
    }
}

@media (min-width: 460px) and (max-width: 480px) {
    .info-container .info-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .info-container .info-box img {
        margin: 0 auto 20px !important;
    }

    .info-container .info-box .text,
    .info-container .info-box h3,
    .info-container .info-box p {
        text-align: center !important;
    }
}

@media (max-width: 460px) {
    #wrapper > section.introduce {
        padding-top: 5rem !important;
    }

    #wrapper section.introduce > article.innerContentsWrap:first-of-type {
        padding-top: 0 !important;
    }

    #wrapper section.introduce > article.innerContentsWrap:first-of-type > .contentsWrap {
        padding: 120px 1.25rem 0 !important;
    }

    #wrapper section.introduce > article.innerVisualWrap.roundMotion {
        margin-top: 2.5rem !important;
    }

    #wrapper section.introduce > article.innerContentsWrap.viewMargin {
        margin-top: 3rem !important;
    }

    #wrapper section.introduce > article.innerContentsWrap.viewMargin > .contentsWrap {
        padding: 0 1.25rem !important;
    }
}