#material-business-solutions-bg {
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../../../../wp-content/uploads/2022/03/material-business-solution.jpg) no-repeat;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../../../../wp-content/uploads/2022/05/top-business-material.jpg) no-repeat;
    background-size: cover;
    min-height: 70rem;
    background-position: center;
    /* width: 1200px;
    height: 700px; */
    /* margin-left: -14.5rem; */
}

.diaplex-img01 {
    background: url(../../../../wp-content/uploads/2022/03/diaplex-img-1024x614.jpg);
    background-size: cover;
    background-position: 85%;
    height: 600px;
    margin-top: 32px;
}

.diaplex-img02 {
    background: url(../../../../wp-content/uploads/2022/03/material-library-cta-img-1024x236.jpg);
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.padding-inner {
    padding: 80px 156px; 
}

.diaplex-img02-detail {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 567px;
}

.diaplex-to-library {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 321px;
    height: 70px;
    margin: 0px 64px 0px 0px;
}

.diaplex-to-library-big {
    width: 321px;
    font-size: 20px;
    color: #FFFFFF;
}

.diaplex-to-library-sub {
    width: 272px;
    font-family: Montserrat;
    font-size: 14px;
    color: #FFFFFF;
}

.view-more-frame {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    width: 182px;
    height: 60px;
    background: #FFFFFF;
}

.view-more-btn {
    left: 4px;
    top: 4.5px;
}
.view-more-text {
    width: 88px;
    font-family: Montserrat;
    font-size: 14px;
    color: #6C6C6C;
    flex: none;
    margin: 0px 10px;
}

.diaplex-desc {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 36px;
    width: 493px;
    margin-top: 32px;
}

.diaplex-details {
    width: 493px;
}

.dl-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    /* width: 163px; */
    height: 74px;
    margin-right: 16px;
}

.dl-div p {
    margin-bottom: 8px;
}

.fs-12 {
    font-size: 12px;
}

#diaplex-logo {
    margin-bottom: 32px;
}

section.flyer-section {
    margin-bottom: 160px;
}

section.flyer-section .title {
    font-size: 24px;
    color: #181975;
    margin-bottom: 64px;
    font-family: "Montserrat";
}

.flyer-section .title hr {
    margin: 0 32px 0 0;
}

/* .flyer-img {
    margin: 0px 64px 0px 0px;
} */

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

.flyer-img:nth-of-type(4),
.flyer-img:nth-child(5),
.flyer-img:nth-child(6) {
    margin-bottom: 64px;
}

.material-caption {	
     position: absolute;	
    width: 1182px;	
    height: 240px;	
    left: 154px;	
    top: 380px;	
    line-height: 120px;	
    text-align: left;	
    margin-left: -28rem;	
    font-size: 110px; 	
}

.wp-video-shortcode {
    width: 100%;
    height: auto;
}

.diaplex-title {
    margin-bottom: 32px;
}

.copy-icon {
    width: 13px !important;
    height: 13px;
}

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

.btn-dl-sp {
    display: none;
}

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

@media (max-width: 1439px) {
    .material-caption {
        top: 16%;
        line-height: 10rem;
        font-size: 10rem;
        text-align: left !important;
    }
}

@media (max-width: 1400px) and (min-width:991px) {
    .flyer-img {
        width: 100%;
        height: auto;
    }

    .mb-64 {
        margin-bottom: 32px;
    }
}

@media (max-width: 1300px) and (min-width:769px) { 
    .diaplex-desc, .diaplex-details {
        width: 300px;
    }

    .material-caption {
        top: 15%;
     }
}

@media (max-width: 1175px) {
     .material-caption {
        top: 14%;
        width: auto;
     }
}


@media (max-width: 1075px) {
     .material-caption {
        top: 13%;
     }
}


@media (max-width: 991.8px){
    #material-business-solutions-bg {
        background: url(../../../../wp-content/uploads/2022/03/material-business-solution-tab.png) no-repeat;
        background-size: contain;
        min-height: 409px;
        width: 700px;
        margin-left: 0;
    }

    .diaplex-img01 {
        background: url(../../../../wp-content/uploads/2022/03/material-diaplex-v1-tab.jpg) no-repeat;
        background-size: cover;
        background-position: right;
        width: 100%;
    }

    .img-caption {
        top: 10%;
        left: 237px;
        width: 645px;
        height: 120px;
        font-weight: 500;
        font-size: 60px;
        line-height: 60px;
    }

    .flyer-img {
        margin: 0;
    }

    .diaplex-img02 {
        background-position: 80%;
    }

    .padding-inner {
        padding: 0px;
    }
    .diaplex-img02-detail {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* padding: 0px; */
        position: static;
        width: 257px;
        height: 158px;
        left: 29px;
        top: 40px;
        padding: 40px 365px;
        margin: 32px 0px;
    }

    .diaplex-to-library {
        margin: 10px;
        padding: 0;
    }
    
    .diaplex-to-library-big {
        width: 257px;
        height: 36px;
        left: 0px;
        top: 0px;
        font-family: Noto Sans JP;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 36px;
    }

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

@media  (max-width: 768px) {
    .d-tablet-block {
      display: block !important;
    }

    .diaplex-img01 {
        height: 724px;
    }

    .diaplex-desc, .diaplex-details {
        width: 210px;
    }
}

@media  (max-width: 665px) {
    .img-caption {
        top: 16%;
        font-size: 5rem;
    }
}

/*SNS part*/
.digital-sns-link {
    padding-left: 0!important;
}

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

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

@media  (max-width: 575.98px) {
    #material-business-solutions-bg {
        background: url(../../../../wp-content/uploads/2022/03/material-business-solution-sp.png) no-repeat;
        background-size: contain;
        min-height: 285px;
        width: unset;
    }

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

    .material-caption {
        margin-left: 0px;
    }

    .dl-div {
        margin: auto;
    }

    #diaplex-logo {
        margin: 0 auto 32px auto;
    }
    /* .flyer-img {
        width: 335px;
    } */
    section.flyer-section {
        margin-bottom: 80px;
    }
    .diaplex-img01 {
        background: url(../../../../wp-content/uploads/2022/03/diaplex-img-sp-446x1024.jpg);
        background-size: cover;
        /* background-position: center; */
        width: 100%;
        height: auto;
        padding: 48px 20px !important;
    }
    .diaplex-desc {
        width: auto;
        line-height: 25px;
        margin: 32px 0;
    }

    .diaplex-details {
        width: auto !important;
        font-size: 12px !important;
    }
    .download-btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .download-materials {
        width: 170px;
        height: 44px;
    }
    .download-btn .dl-div:nth-child(2) {
        margin-top: 16px;
    }
    .flyer-img-div {
        margin-bottom: 16px;
    }

    .cbox .cbox-content:not(.centered) > .col {
        padding: 48px 20px !important;
    }

    .cbox-content h2 {
      font-size: 22px;
    }

    .diaplex-logo {
        width: 100%;
        height: auto;
    }

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

    .btn-dl-sp {
        display: block;
    }

    .btn-dl-pc {
        display: none;
    }

    .btn-dl img {
        width: 21px;
    }

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

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

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

@media screen and (min-width: 992px) {
    .d-biz .title-head{
        padding-left: 135px !important;
        padding-top: 64px!important;
    }
}