@charset "utf-8";

/* -------------------------------------------------
    KPW ロゴ
----------------------------------------------------*/
.kpw__title {
    padding-top: 65px;
    padding-bottom: 10px;
    background-image: url('../img/KPW/slider_kpw-1500x500.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

/* ----- タイトルエリア（背景画像含む） ----- */
.kpw-movie__title {
    padding-top: 65px;
    padding-bottom: 10px;
    background-image: url('../img/KPW/slider_kpw-1500x500.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
}


/* ----- KPWロゴサイズ ----- */
.KPW-logo {
    max-width: 250px;
    margin: auto;
}

.kpw-list {
    position: relative;
    margin-left: 20px;
}

.kpw-list:before {
    content: '●';
    position: absolute;
    top: 0;
    left: -20px;
}

.kpw-list-wrap {
    margin-left: 20px !important;
}

/* ----- ワンストップソリューション ----- */
.kpw-solution {
    background-image: url('../img/KPW/kpw-img-01.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    padding: 5% 2%;
}

.kpw-solution__inner {
    margin: auto;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.95);
}


.facility_hr{
    border-bottom:1px dotted #111;
    margin-top:5rem;
    margin-bottom:2rem;

}




/* ----- ワンストップソリューション Flex-box ----- */
.kpw-solution__box__left{
    width: 57%;
}


.kpw-solution__box__right {
    width: 37%;
}



.kpw-solution__box__title {
    color: #444;
    font-size: 2em;
}

.kpw-solution__box__title:first-letter {
    color: #2a87d3;
}

/* ----- バリアブル印刷 ----- */
.kpw-solution-kahen {
    padding: 0 4% 6% 4%;
}

.kpw-solution-kahen__box__title {
    position: relative;
    padding-bottom: 8px;
    font-size: 1.2em;


    margin-left: 39px;
    padding-left: 10px;
}

.kpw-solution-kahen__box__title:before {
    position: absolute;
    bottom: 0px;
    left: -37px;
    width: 40px;
    height: 40px;
    color: #111;
    font-size: 28px;
    background-color: #fff;
    font-family: 'Lato', sans-serif;
    border: solid 1px #111;
    padding: 0px 8px 4px 9px;
    border-radius: 20px;
}

.kpw-solution-kahen__box__title--1:before {
    content: 'A';
}

.kpw-solution-kahen__box__title--2:before {
    content: 'B';
}

.kpw-solution-kahen__box__title--3:before {
    content: 'C';
}

.kpw-solution-kahen__box__title--4:before {
    content: 'D';
}

.kpw-solution-kahen__box__title--5:before {
    content: 'E';
    color: #cc0000;
}

.melit_special {
    background: #fff;
    padding: 4rem;
    -webkit-filter: drop-shadow(8px 5px 6px rgba(0, 0, 0, .1));
    filter: drop-shadow(8px 5px 6px rgba(0, 0, 0, .1));
}


.melit_box {
    position: relative;
    z-index: 2;
}

.melit_vali::before {

    background: #fef5f3;
    content: "";
    width: 70%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.melit_vali {
    padding: 3rem 5rem 3rem 5rem;
}





.sec_img_iriguchi_txt {
    width: 27%;
    height: auto;
    order: 3;
}


.sec_img_iriguchi_img {
    width: 67%;
    height: auto;
    order: 1;
    flex-wrap: nowrap;
}

.sec_img_iriguchi_img img {
    width: 45%;
    margin-right: 2rem;
}

.sec_img_shomen::before {

    background: #e3ffff;
    content: "";
    width: 80%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.sec_img_shomen {
    padding: 3rem 5rem 3rem 5rem;
}



.sec_img_box::before {

    background: #e3ffff;
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.sec_img_box {
    padding: 3rem 5rem 3rem 5rem;
}


.signimg{
    margin-bottom:0 !important;
}

.signimg img {
    margin-bottom:3rem;
}


.signhead {
    width:100%;
    display:block;
    margin-bottom:3rem;
}



/* ----- アイキャッチエリア ----- */
.kpw__EyeCatch-2 {
    background-image: url('../img/KPW/kpw-img-02.jpg');
}



/* ----- DM ----- */

#dm {}

.dm-flow {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px 20px;
}

.dm-flow__box {
    border: 2px solid #0079c4;
    border-radius: 2rem;
    padding: 2rem;
    width: 25%;
}

.dm-flow__box h4 {
    color: #0079c4;
    font-weight: 700;
    font-size: 1.8rem;
}

.dm-flow__arrow {
    width: 5%;
}

.dm-flow__arrow_tate {
    display: none;
}

@media (max-width: 1200px) {

    .dm-flow__box {
        width: 40%;
    }

}

@media (max-width: 767px) {

    .dm-flow {
        gap: 1rem 0px;
    }

    .dm-flow__box {
        width: 100%;
    }

    .dm-flow__arrow_tate {
        display: block;
        width: 5%;
        margin: 0 auto;
    }

    .dm-flow__arrow {
        display: none;
    }

}



.dm-facility {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px 2%;
}

.dm-facility__img {
    width: 35%;
}

.dm-facility__txt {
    width: 10%;
    margin-right: 2%;
}

.dm-facility__txt h4 {
    color: #0079c4;
    font-weight: 700;
    font-size: 1.8rem;
}


@media (max-width: 991px) {
    .dm-facility__img {
        width: 60%;
    }

    .dm-facility__txt {
        width: 35%;
        margin-right: 0%;
    }


}



/* -------------------------------------------------
    @メディアクエリ 991px以下
----------------------------------------------------*/



@media (max-width: 991px) {

    .sec_img_iriguchi_txt {
        width: 100%;
        height: auto;
    }



    .sec_img_iriguchi_img {
        width: 100%;
        height: auto;
    }

    .sec_img_iriguchi_img img {
        width: 45%;
        height: auto;
        margin-bottom: 2rem;
    }

    .sec_img_shomen::before {
        background: none;
    }

    .sec_img_box::before {
        background: none;
    }


}



/* -------------------------------------------------
    @メディアクエリ 767px以下
----------------------------------------------------*/


@media (max-width: 767px) {
    .kpw__title {
        background-attachment: scroll;
    }

    .kpw-solution__box__left,
    .kpw-solution__box__right {
        width: 100% !important;
    }

    .kpw-sample {
        padding: 0 4% 4% 4%;
    }

    .melit_vali::before {
        width: 100%;
    }


    .melit_vali {
        padding: 3rem 2rem 3rem 2rem;

    }








    .sec_img_shomen {
        padding: 3rem 1rem 3rem 1rem;
    }

    .sec_img_box {
        padding: 3rem 1rem 3rem 1rem;
    }


    .sec_img_iriguchi_img img {
        width: 100%;
    }



    .dm-facility__img {
        width: 100%;
    }

    .dm-facility__txt {
        width: 100%;
        margin-right: 0%;
    }



}