a {
text-decoration: none;
color: #222426;
}

.pro_p_2 {
 color: #ffffff;
 white-space: pre-wrap;
 font-size: 13px;
 line-height:25px;
}


.contents_w2 {
padding-top: 2%;
width: 100%;
height: auto;
}

.contents_w2 h2{
margin: 0%;
padding-bottom: 3%;
padding-top: 3%;
text-align:center;
}

.contents_w2 h3{
font-size: 36px;
padding-bottom: 24px;
}

/*----- produce Service内容 -----*/

.woks_inner_D1 h3 {
    color: #ffffff;
}

.woks_inner_D1 {
width: 100%;
background-image: url(../images/works_img1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-blend-mode: exclusion;
background-size:cover;
background-position: bottop;
padding: 6% 7%;
}

/*----- 文章背景の色 -----*/
.D1-inner {
    width: 100%;
    padding: 7% 8%;
    background-color: rgba(36, 37, 39, 15%);
    box-shadow: 0 0 8px 2px rgb(20 21 23 / 58%);
}

/*----- lineupの中身 -----*/
.lineup-1 {
    display: flex;
    justify-content: center;
    padding: 4% 0;
} 

.lineup-1 img {
    padding: 0% 1%;
    width: 30%;
    height: auto;
    object-fit: cover;
}

.d1-scrollbox {
    background-color: #ffffff;
    display: flex; 
    margin-bottom: 5%;
    justify-content: center;
}

.d1-scroll-inner img {
    width: 100%;
}

.d1-inner2 img {
    width: 100%;
}

.d1-scrollbox h3 {
    font-size: 22px;
    padding: 0%;
    text-decoration: underline;
}

.d1-scroll-inner {
    padding-right: 5%;
}
/*----- lineupの中身 -----*/
/**----- produce Service内容 END -----**/


/*----- Import Businessの中身 -----*/
.woks_inner_D2 h3 {
    color: #ffffff;
}

.concept-p {
    padding-bottom: 3%;
    white-space: pre-wrap;
}

.woks_inner_D2 {
    width: 100%;
    background-image: url(../images/works-d2-sm.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: exclusion;
    background-position: 58%;
    background-color: rgba(0,235,225,0.4);
    background-blend-mode: exclusion;
    background-blend-mode:color;
    padding: 6% 7%;
    }

/* ------ パララックス１ ------- */
.d2-scrollbox {
background-color: #ffffff;
margin-bottom: 5%;
}

.d2-scrollbox h3 {
    font-size: 22px;
    padding: 0%;
    text-decoration: underline;
}

.d1-link h2 {
    padding-bottom: 24px;
    margin: 0;
    text-align:center;
    }
    
/* ------ パララックス１ ------- */
/**---- Import Businessの中身 ----**/



/*----- 卸売サービス説明 -----*/
.woks_inner_D3 h3 {
    color: #ffffff;
}
.woks_inner_D3 {
    width: 100%;
    background-image: url(../images/works-d3-sm.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-position: 257% 0%; */
    background-size:cover;
    /* background-size: 96%; */
    background-blend-mode:color;
    padding: 6% 7%;
    }
/**---- 卸売サービス説明 ----**/




/*----- オンラインプロモーション説明 -----*/
.woks_inner_D4 h3 {
    color: #ffffff;
}
.woks_inner_D4 {
    width: 100%;
    background-image: url(../images/works-d4-sm.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    background-blend-mode:color;
    padding: 6% 7%;
    }

.d4-scrollbox {
    background-color: #ffffff;
    margin-bottom: 12%;
}
/**---- オンラインプロモーション説明 ----**/



/********* SP版の画面サイズの時の設定 **********/
@media screen and (max-width: 1440px) {

    /* article {
    padding: 0 50px 0px 50;
    margin: 0 14%;   
    } */

}

@media screen and (max-width: 1000px) {

/* -----初期設定----- */
    article {
    width: 100%;
    margin: 0%;
    padding: 0% 4% 0 4%;
    }

    article section {
    display: block;
    }
/**-----初期設定 -----**/

.D1-inner {
    margin-bottom: 5%;
    margin-top: 6%;
    }

.pro_p_2 {
    width: 100%;
    }

.concept-p {
    padding-top: 2%;
    padding-bottom:  5%;
    word-break:normal;
}

.d1-scrollbox {
    display: block;
    }


}


  @media screen and (max-width: 768px) { 
/*----- 初期設定 -----*/

    .contents_w2{
    padding-top: 48px;
    }

    h2 {
    margin-bottom: 12%;
    font-size: 15px;
    }

    h3 {
    font-size: 30px;
    padding-bottom:3%;
    text-align: center;
    margin-top: 5%;
    }

    #works-1 h3 {
    font-size: 30px;
    padding-bottom:1%;
    text-align: center;
    margin: 0%;
    }

    p {
    width: 100%;
    text-align: center;
    }

    .contents_w2 h3 {
    font-size: 30px;
    padding: 0%;
    }

    h4 {
    font-size: 17px;
    }

    .lineup-1 {
    display: block;
    padding: 0;
    text-align: center;
    }

    .d1-link2 img{
    width: 100%;
    }

    .d1-scrollbox {
        display: block;
        }

    
/****** 初期設定 *******/

/*----- produceの説明 -----*/
    .D1-inner h3 {
    padding-bottom: 1%;
    }

    .woks_inner_D1 {
    background-attachment:inherit;
    background-position: 37% 7%;
    padding: 0%;
    /* background-size: 138%; */
    }

    .woks_inner_D2 {
    background-attachment:inherit;
    background-size: 100%;
    padding: 0%;
    }

    .woks_inner_D3 {
    background-attachment:inherit;
    background-size: 111%;
    background-position: 33% 0%;
    padding: 0%;
    }

    .woks_inner_D4 {
    background-attachment:inherit;
    background-size: 100%;
    padding: 0%;
    }

    .d1-img {
    padding: 0%;
    width: 112%;
    }

    .d1-scroll-inner {
        padding: 0;
    }

/******produceの説明******/

/*----- Productの説明 -----*/
    .d1-scrollbox {
    display: block;  
    }

    .d1-link-img {
    padding: 0%;
    }

/******Productの説明******/
  }

  @media screen and (max-width: 480px) {
    .concept-p {
        padding-top: 4%;
        padding-bottom:  12%;
        word-break:normal;
    }

    .contents_w2 h2 {
        padding: 0%;
        margin-top: 5%;
        margin-bottom: 4%;
    }
    .contents_w2 h3 {
        padding: 0%;
        margin-top: 5%;
    }

    .d1-link2 {
        display: block;  
        }

    .woks_inner_D1 {
    background-attachment:inherit;
    background-size: auto;
    padding: 0%;
    }

    .woks_inner_D2 {
    background-attachment:inherit;
    padding: 0%;
    background-size: cover;
    }

    .woks_inner_D3 {
    background-attachment:inherit;
    padding: 0%;
    background-size: 365%;
    background-position: 78% 0%;
    }

    .woks_inner_D4 {
    background-attachment:inherit;
    padding: 0%;
    background-size: cover;
    }

    .lineup-1 img {
        padding: 1% 1%;
        width: 65%;
    }

  }

  @media screen and (max-width: 375px) {
    .woks_inner_D3 {
    background-size: cover;
    }
}