.mb-160 {
    margin-bottom: 160px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-60 {
    margin-bottom: 60px;
}

#banner {
    background-color: #8C816F;
}

.cbox-image {
    position: relative;
}

.cbox-image .img-caption {
    width: 83.7rem;
    top: auto;
    bottom: 70px;
    left: 20px;
    margin: 0;
}

.box-grid h2 {
    font-size: 2.4rem;
}

.box-grid h3 {
    font-size: 2.4rem;
}

.link-btn {
    margin-bottom: 0 !important;
    height: auto !important;

}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sns-bg {
    background: url(../../../../wp-content/uploads/2021/06/sns.jpg) no-repeat;
    background-size: cover;
    min-height: 40rem;
    margin-right: -13.5rem;
}

#it-solutions-bg {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 70rem;
    /*margin-left: -13.5rem;*/
}

.news-post .news-ajax-container .link-to {
    top: 64px;
}

.font-16 {
    font-size: 16px;
}

.supply-img {
    text-align: right;
}

.digital-sns-link {
    padding-left: 0 !important;
}

.contact-e {
    font-size: 1.4rem;
}

.fuku-btn {
    margin-top: 32px;
}

.btn-ig,
.btn-fb {
    display: inline-block;
}

.btn-ig span,
.btn-fb span {
    display: inline-block;
    margin-right: 3px;
}

@media (max-width: 991.8px) {
    #banner {
        background-position: right 30% center;
    }

    .cbox-image .img-caption {
        width: 360px;
    }

    #it-solutions-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        min-height: 488px;
        width: 700px;
        margin-left: 0;
    }

    .title-line.flex-100:first-of-type {
        display: inline-flex;
    }

    .title-line.flex-100:first-of-type:before {
        content: "";
        border-left: 1px solid #181975;
        height: auto;
    }

    .title-line:before {
        padding: 0 16px 0 0;
    }

    .cbox .cbox-image {
        margin-left: -6rem;
    }

    .img-caption {
        left: -40px;
        top: 226px;
    }

    .diaplex-desc {
        width: 400px;
        max-width: 100%;
    }

    .btn-dl,
    .btn-movie {
        width: 170px;
    }

    .bg-white.material-biz .title-head {
        padding-left: 45px !important;
    }
}

@media (max-width: 767px) {
    .col-order-2 {
        order: 2;
    }
}

@media (max-width: 575.98px) {

    .mb-130,
    .mb-160 {
        margin-bottom: 64px;
    }

    .img-caption {
        width: auto;
        top: 202px;
        left: 0;
        font-size: 35px;
        line-height: 35px;
    }

    .fuku-btn {
        margin-top: 26px;
    }

    .btn-fb,
    .btn-ig {
        display: block;
    }

    .box-grid.v1 .title-head {
        display: block !important;
    }

    .box-grid.v1 .title-head .title-line:before {
        padding: 0 16px 0 0;
    }

    .box-grid h3 {
        font-size: 20px;
    }

    .ls-font-sm {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    .box-grid.v1 .title-head {
        margin-bottom: 32px;
    }

    .box-grid.v1 .title-head h3 {
        margin-top: 32px;
    }

    #it-solutions-bg {
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 300px;
        width: 355px;
    }

    .f-16 {
        font-size: 14px !important;
    }

    .btn img {
        width: 21px;
    }

    .sns-btn {
        margin-top: 16px !important;
    }

    .btn.btn-dark {
        width: 100%;
    }
}