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

#diaplex-bg {
    background: url(../../../../wp-content/uploads/2021/06/diaplex-bg.jpg) no-repeat;
    background-size: cover;
    background-position: right;
    padding: 96px 0 96px 60px;
}

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

#material-biz-bg {
    background: url(../../../../wp-content/uploads/2021/06/material-biz.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 40rem;
    margin-left: -13.5rem;
}

#product-supply-bg {
    background: url(../../../../wp-content/uploads/2024/11/img_product_supply_solutions_about.webp) no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 70rem;
    margin-left: -13.5rem;
}

.hidden {
    visibility: hidden;
}

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

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

.img-caption {
    left: -13.5rem;
    top: 40.5rem;
}

.bg-white.material-biz {
    margin-left: -13.5rem;
}

.grid-img img {
    width: 50rem;
    height: 50rem;
    object-fit: cover;
}

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

.diaplex-desc {
    font-size: 1.4rem;
}

.diaplex-btns {
    flex-wrap: nowrap;
}

.flex-width {
    width: 39vw;
}

.flex-44 {
    flex: 44%;
}

.flex-100 {
    flex: 100%;
}

.btn-dl,
.btn-movie {
    font-size: 1.4rem;
}

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

.btn-movie,
.btn-dl {
    /*height: 5.6rem;*/
}

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

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

button.close {
    position: absolute;
    right: -9px;
    top: -13px;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 9;
    opacity: 1;
}

button.close span {
    font-weight: bold;
    position: relative;
    bottom: 1px;
    color: #fff;
    font-size: 14px;
}

.business-h3 {
    white-space: nowrap;
}

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

@media (min-width: 1441px) {
    #product-supply-bg {
        margin-left: unset;
    }

    .flex-44 {
        flex: 30%;
    }
}

@media (max-width: 1439px) {
    .img-caption {
        top: 23%;
    }
}

@media (max-width: 1065px) {
    .img-caption {
        top: 22%;
    }
}



@media (max-width: 991.8px) {
    #diaplex-bg {
        padding: 96px 60px !important;
        background: url('../../../../wp-content/uploads/2021/06/diaplex-bg-tab.png') no-repeat;
        background-size: cover;
        background-position: center;
    }

    #import-license-bg {
        margin-right: -45px;
        height: 300px;
    }

    #product-supply-bg {
        background: url(../../../../wp-content/uploads/2021/07/210709-0243.jpg) no-repeat;
        background-size: cover;
        height: 408.33px;
        width: 700px;
        margin-left: 0px;
    }

    #material-biz-bg,
    .bg-white.material-biz {
        margin-left: -6rem;
    }

    .grid-img img {
        width: 360px;
        height: 360px;
    }

    .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) {
    #import-license-bg {
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .img-caption {
        width: auto;
        top: 202px;
        font-size: 35px;
        line-height: 35px;
        left: 0px;
    }

    .grid-img {
        padding: 0 20px !important;
    }

    .grid-img img {
        width: 295px;
        height: 295px;
    }

    .dl-btns {
        display: block !important;
    }

    #diaplex-logo {
        margin: 0 auto 32px auto;
        width: 180px;
    }

    #diaplex-bg {
        background: url('../../../../wp-content/uploads/2021/06/diaplex-bg-sp.jpg') no-repeat;
        background-size: cover !important;
        padding: 48px 20px !important;
    }

    #product-supply-bg {
        background: url(../../../../wp-content/uploads/2021/07/210709-0243.jpg) no-repeat;
        background-size: cover;
        height: 300px;
        width: unset;
    }

    .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;
    }

    .diaplex-title {
        padding-bottom: 16px !important;
    }

    .diaplex-title br {
        display: none;
    }

    .diaplex-desc {
        font-size: 12px;
        margin-bottom: 32px !important;
        padding-bottom: 0 !important;
        line-height: 21.6px;
    }

    .diaplex-btns {
        margin-top: 16px;
    }

    .diaplex-btns>div p {
        margin: 16px 0 12px;
    }

    .btn-dl {
        display: block;
    }

    #import-license-bg {
        background: url(../../../../wp-content/uploads/2021/06/import-license-sp.jpg) no-repeat;
        margin-right: -5px;
    }

    #material-biz-bg {
        background: url(../../../../wp-content/uploads/2021/06/material-biz-sp.jpg) no-repeat;
        height: 239.12px;
    }

    #material-biz-bg,
    .bg-white.material-biz {
        margin-left: -20px;
    }

    .bg-white.material-biz {
        height: 200px;
    }

    .hidden {
        display: none;
    }

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

    p.ls-font-sm {
        line-height: 21.6px;
    }

    .px-10 {
        padding: 0 10px;
    }

    .px-15 {
        padding: 0 15px;
    }

    .flex-width {
        width: unset;
    }

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

    .title-line.flex-100:first-of-type:before {
        content: "|";
        border-left: none;
        height: unset;
    }

    .mb-130,
    .mb-150 {
        margin-bottom: 64px !important;
    }

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

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

    .btn-dl,
    .btn-movie {
        font-size: 14px;
    }

    .btn img {
        width: 21px;
    }

}


@media screen and (min-width: 992px) {

    .material-biz .title-head,
    .import-biz .title-head {
        padding-left: 135px !important;
        padding-top: 64px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .bg-white.material-biz .title-head {
        padding-left: 60px !important;
    }
}