@charset "UTF-8";

:root {
    --blackColor: rgba(0,0,0,1);
    --whiteColor: rgba(255,255,255,1);
}

/*------------------------------------------------*/

/* 768 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) , print { /*PC&TB*/
}

/* 1500 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) , print { /*PC*/
}

/* 1660 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) and ( max-width:1660px) { /*TB*/
}
@media screen and (min-width:1661px) , print { /*PC*/
}


/* XXX */
@media screen and (max-width:767px) { /*SP*/
    body{position: relative;}
    .XXX{
        width: 414px; height: auto;
        position: absolute;
        top: 0;
        z-index: 99999999;
        pointer-events: none;
        opacity: 0.5;
        display: none;
        mix-blend-mode: multiply;
    }
}
@media screen and (min-width:768px) and ( max-width:1920px) { /*TB*/
    body{position: relative;}
    .XXX{
        width: 1921px; height: auto;
        /* width: 100%; height: auto; */
        position: absolute;
        top: 0;
        z-index: 99999999;
        pointer-events: none;
        opacity: 0.5;
        display: none;
        mix-blend-mode: multiply;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    body{position: relative;}
    .XXX{
        width: 1921px; height: auto;
        position: absolute;
        top: 0px;
        z-index: 99999999;
        pointer-events: none;
        opacity: 0.5;
        display: none;
        mix-blend-mode: multiply;
    }
}


/*------------------------------------------------*/
/* BG_ */
@media screen and (max-width:767px) { /*SP*/
    .BG_01{
        display: flex; flex-direction: column; align-items: center;
        /* width: 100vw; height: 9760px; */
        width: 100vw; height: 2357.49vw;
        position: absolute;
        /* top: 610px; left: 0; */
        top: 147.34vw; left: 0;
        overflow: hidden;
        z-index: -1;
        background-color: #F7F4E8;
        padding: 0 0 0 0;
    }
    .BG_01 img{
        /* width: 100vw; height: 11550px; */
        width: 100vw; height: 2789.86vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    .BG_01{
        display: flex; flex-direction: column; align-items: center;
        width: 100%; height: auto;
        overflow: hidden;
        z-index: -1;
        background-color: #F7F4E8;
    }
    .BG_01 img{
        /* width: 1920px; height: auto; min-width: 1920px; */
        width: 128.00vw; height: auto; min-width: 128.00vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    .BG_01{
        display: flex; flex-direction: column; align-items: center;
        width: 100%; height: auto; 
        overflow: hidden;
        z-index: -1;
        background-color: #F7F4E8;
    }
    .BG_01 img{
        width: 1920px; height: auto; min-width: 1920px;
    }
}

@media screen and (min-width:768px) and ( max-width:1936px) { /*TB*/
    .BG_01{
        position: absolute;
        /* top: 1038px; left: 0; */
        top: 53.62vw; left: 0;
    }
}
@media screen and (min-width:1937px) , print { /*PC*/
    .BG_01{
        position: absolute;
        top: 1038px; left: 0;
    }
}


/* MARK_drop */
@media screen and (max-width:767px) { /*SP*/
    .MARK_drop_01{
        position: absolute;
        /* top: 118px; */
        top: 28.50vw;
        /* left: 260px; */
        left: 62.80vw;
        z-index: -1;
        /* width: 75px; */
        width: 18.12vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_02{
        position: absolute;
        /* top: 59px; */
        top: 14.25vw;
        /* left: 277px; */
        left: 66.91vw;
        z-index: -1;
        /* width: 84px; */
        width: 20.29vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_03{
        position: absolute;
        /* top: 58px; */
        top: 14.01vw;
        /* left: 284px; */
        left: 68.60vw;
        z-index: -1;
        /* width: 69px; */
        width: 16.67vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_04{
        position: absolute;
        /* top: 100px; */
        top: 24.15vw;
        /* left: 68px; */
        left: 16.43vw;
        z-index: -1;
        /* width: 56px; */
        width: 13.53vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_05{
        position: absolute;
        /* top: 82px; */
        top: 19.81vw;
        /* left: 64px; */
        left: 15.46vw;
        z-index: -1;
        /* width: 77px; */
        width: 18.60vw;
        mix-blend-mode: multiply;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    .MARK_drop_01{
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        /* left: 733px; */
        left: 48.87vw;
        z-index: -1;
        /* width: 113px; */
        width: 7.53vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_02{
        position: absolute;
        /* top: 70px; */
        top: 4.67vw;
        /* left: 1080px; */
        left: 72.00vw;
        z-index: -1;
        /* width: 127px; */
        width: 8.47vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_03{
        position: absolute;
        /* top: 68px; */
        top: 4.53vw;
        /* left: 835px; */
        left: 55.67vw;
        z-index: -1;
        /* width: 101px; */
        width: 6.73vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_04{
        position: absolute;
        /* top: 128px; */
        top: 8.53vw;
        /* left: 605px; */
        left: 40.33vw;
        z-index: -1;
        /* width: 118px; */
        width: 7.87vw;
        mix-blend-mode: multiply;
    }
    .MARK_drop_05{
        position: absolute;
        /* top: 397px; */
        top: 26.47vw;
        /* left: 502px; */
        left: 33.47vw;
        z-index: -1;
        /* width: 122px; */
        width: 8.13vw;
        mix-blend-mode: multiply;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    .MARK_drop_01{
        position: absolute;
        top: 0px;
        left: 733px;
        z-index: -1;
        width: 113px;
        mix-blend-mode: multiply;
    }
    .MARK_drop_02{
        position: absolute;
        top: 70px;
        left: 1080px;
        z-index: -1;
        width: 127px;
        mix-blend-mode: multiply;
    }
    .MARK_drop_03{
        position: absolute;
        top: 68px;
        left: 835px;
        z-index: -1;
        width: 101px;
        mix-blend-mode: multiply;
    }
    .MARK_drop_04{
        position: absolute;
        top: 128px;
        left: 605px;
        z-index: -1;
        width: 118px;
        mix-blend-mode: multiply;
    }
    .MARK_drop_05{
        position: absolute;
        top: 397px;
        left: 502px;
        z-index: -1;
        width: 122px;
        mix-blend-mode: multiply;
    }
}


/*------------------------------------------------*/
/* KYV */
@media screen and (max-width:767px) { /*SP*/
    #KYV{
        position: relative;
        /* width: 414px; height: 610px; */
        width: 100.00vw; height: 147.34vw;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        margin: 0 0 0 0;
        z-index: -1;
        overflow: hidden;
    }
    .KYV_01{
        position: fixed;
        /* top: 50px; left: 0; */
        top: 12.08vw; left: 0;
        /* width: 414px; height: auto; */
        width: 100.00vw; height: auto;
    }
    .KYV_02{
        position: absolute;
        /* width: 414px; height: auto; */
        width: 100.00vw; height: auto;
        /* bottom: 0px; left: 0; */
        bottom: 0.00vw; left: 0;
    }
    .KYV_03{
        position: absolute;
        /* width: 312px; */
        width: 75.36vw;
        height: auto;
        /* bottom: 44px; */
        bottom: 10.63vw;
        /* left: 51px; */
        left: 12.32vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1936px) { /*TB*/
    #KYV{
        position: relative;
        /* width: 1920px; height: 1039px; */
        width: 99.17vw; height: 53.67vw;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        margin: 0 0 0 0;
        z-index: -1;
        overflow: hidden;
    }
    .KYV_01{
        position: fixed;
        /* top: 0; left: calc( ( 100vw - 1937px ) / 2 ); */
        top: 0; left: calc( ( 100vw - 100.05vw ) / 2 );
        /* width: 1920px; height: auto; */
        width: 99.17vw; height: auto;
    }
    .KYV_02{
        position: absolute;
        /* width: 1920px; height: auto; */
        width: 99.17vw; height: auto;
        /* bottom: 0px; left: 0; */
        bottom: 0.00vw; left: 0;
    }
    .KYV_03{
        position: absolute;
        /* width: 1190px; */
        width: 61.47vw;
        /* bottom: 66px; */
        bottom: 3.41vw;
        /* left: 362px; */
        left: 18.70vw;
    }
}
@media screen and (min-width:1937px) , print { /*PC*/
    #KYV{
        position: relative;
        width: 1920px; height: 1039px;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        margin: 0 0 0 0;
        z-index: -1;
        overflow: hidden;
    }
    .KYV_01{
        position: fixed;
        top: 0; left: calc( ( 100vw - 1937px ) / 2 );
        width: 1920px; height: auto;
    }
    .KYV_02{
        position: absolute;
        width: 1920px; height: auto;
        bottom: 0px; left: 0;
    }
    .KYV_03{
        position: absolute;
        width: 1190px;
        bottom: 66px;
        left: 362px;
    }
}


/*------------------------------------------------*/
/* CN0 */
@media screen and (max-width:767px) { /*SP*/
    #CN0{
        position: relative;
        /* width: 364px; */
        width: 87.92vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* margin: 47px 0 0 0; */
        margin: 11.35vw 0 0 0;
    }
    .CN0_p1{
        /* font-size: 16px; */
        font-size: 3.86vw;
        /* line-height: 35px; */
        line-height: 8.45vw;
        color: #353400;
        margin: 0 0 0 0;
        /* letter-spacing: 2.0px; */
        letter-spacing: 0.48vw;
    }
    .IMG_00Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 123px 0 0 0; */
        margin: 29.71vw 0 0 0;
    }
    .IMG_00Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_00{
        /* width: 364px; */
        width: 87.92vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN0{
        position: relative;
        width: 100%;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* margin: 80px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }
    .CN0_p1{
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 45px; */
        line-height: 3.00vw;
        color: #353400;
        /* margin: 0 0 0 438px; */
        margin: 0 0 0 29.20vw;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .IMG_00Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        /* margin: 123px 0 0 0; */
        margin: 8.20vw 0 0 0;
    }
    .IMG_00Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_00{
        /* width: 951px; */
        width: 63.40vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN0{
        position: relative;
        width: 100%;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        margin: 80px 0 0 0;
    }
    .CN0_p1{
        font-size: 18px;
        line-height: 45px;
        color: #353400;
        margin: 0 0 0 438px;
        letter-spacing: 4px;
    }
    .IMG_00Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        margin: 123px 0 0 0;
    }
    .IMG_00Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_00{
        width: 951px;
    }
}


/*------------------------------------------------*/
/* CN1 */
@media screen and (max-width:767px) { /*SP*/
    #CN1{
        position: relative;
        width: 100%;
        /* height: 1242px; */
        height: 300.00vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 324px 0 0 0; */
        margin: 78.26vw 0 0 0;
    }
    .CN1_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 38px; */
        line-height: 9.18vw;
        color: #353400;
        /* margin: 143px 0 0 11px; */
        margin: 34.54vw 0 0 2.66vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.97vw;
    }
    .CN1_h2::before,
    .CN1_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN1_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -19px; */
        top: -4.59vw;
        /* left: -18px; */
        left: -4.35vw;
        z-index: 1;
    }
    .CN1_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -37px; */
        bottom: -8.94vw;
        /* right: -6px; */
        right: -1.45vw;
        z-index: 1;
    }
    .CN1_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 66px 0 0 0; */
        margin: 15.94vw 0 0 0;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 6px; */
        letter-spacing: 1.45vw;
        /* padding: 0 0 0 25px; */
        padding: 0 0 0 6.04vw;
        /* text-indent: -25px; */
        text-indent: -6.04vw;
    }
    .CN1_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    }
    .IMG_01Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 9.66vw 0 0 0;
        position: absolute;
        /* top: -258px; */
        top: -62.32vw;
        /* right: 25px; */
        right: 6.04vw;
    }
    .IMG_01Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 5px 0 0; */
        margin: 1.21vw 1.21vw 0 0;
        display: flex;
    }
    .IMG_01{
        /* width: 364px; */
        width: 87.92vw;
    }
    .IMG_02Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 60px 80px 0 0; */
        margin: 14.49vw 19.32vw 0 0;
    }
    .IMG_02Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_02{
        /* width: 284px; */
        width: 68.60vw;
    }
    .IMG_03Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0;
        position: absolute;
        /* top: -222px; */
        top: -53.62vw;
        /* right: 25px; */
        right: 6.04vw;
    }
    .IMG_03Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_03{
        /* width: 280px; */
        width: 67.63vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN1{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 1130px; */
        height: 75.33vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 314px 0 0 0; */
        margin: 20.93vw 0 0 0;
    }
    .CN1_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 78px; */
        line-height: 5.20vw;
        color: #353400;
        /* margin: 9px 0 0 -610px; */
        margin: 0.60vw 0 0 -40.67vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .CN1_h2::before,
    .CN1_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN1_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .CN1_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .CN1_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 32px; */
        line-height: 2.13vw;
        color: #353400;
        /* margin: 126px 0 0 -50px; */
        margin: 8.40vw 0 0 -3.33vw;
        /* width: 800px; */
        width: 53.33vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN1_p2{
        /* width: 800px; */
        width: 53.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 34px 0 0 -50px; */
        margin: 2.27vw 0 0 -3.33vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    }
    .IMG_01Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: -214px; */
        top: -14.27vw;
        /* right: 210px; */
        right: 14.00vw;
    }
    .IMG_01Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 1.34vw 0 0;
        display: flex;
    }
    .IMG_01{
        /* width: 537px; */
        width: 35.80vw;
    }
    .IMG_02Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 798px; */
        top: 53.20vw;
        /* right: 360px; */
        right: 24.00vw;
    }
    .IMG_02Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_02{
        /* width: 469px; */
        width: 31.27vw;
    }
    .IMG_03Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 254px; */
        top: 16.93vw;
        /* left: 209px; */
        left: 13.93vw;
    }
    .IMG_03Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_03{
        /* width: 465px; */
        width: 31.00vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN1{
        position: relative;
        width: 1920px;
        height: 1130px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 314px 0 0 0;
    }
    .CN1_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 78px;
        color: #353400;
        margin: 9px 0 0 -610px;
        position: relative;
        letter-spacing: 4px;
    }
    .CN1_h2::before,
    .CN1_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN1_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        width: 46px; 
        height: 46px;
        top: -20px; 
        left: -40px;
        z-index: 1;
    }
    .CN1_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .CN1_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        color: #353400;
        margin: 126px 0 0 -50px;
        width: 800px;
        text-align: left;
        letter-spacing: 8px;
    }
    .CN1_p2{
        width: 800px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 34px 0 0 -50px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    }
    .IMG_01Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: -214px;
        right: 210px;
    }
    .IMG_01Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_01{
        width: 537px;
    }
    .IMG_02Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0 0 0 0;
        position: absolute;
        top: 798px;
        right: 360px;
    }
    .IMG_02Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_02{
        width: 469px;
    }
    .IMG_03Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 254px;
        left: 209px;
    }
    .IMG_03Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_03{
        width: 465px;
    }
}


/*------------------------------------------------*/
/* CN2 */
@media screen and (max-width:767px) { /*SP*/
    #CN2{
        position: relative;
        width: 100%;
        /* height: 911px; */
        height: 220.05vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 108px 0 0 0; */
        margin: 26.09vw 0 0 0;
    }
    .CN2_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 38px; */
        line-height: 9.18vw;
        color: #353400;
        margin: 0 0 0 0;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.97vw;
    }
    .CN2_h2::before,
    .CN2_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN2_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -20px; */
        top: -4.83vw;
        /* left: -28px; */
        left: -6.76vw;
        z-index: 1;
    }
    .CN2_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 41px; */
        width: 9.90vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -46px; */
        bottom: -11.11vw;
        /* right: -28px; */
        right: -6.76vw;
        z-index: 1;
    }
    .CN2_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 36px; */
        line-height: 8.70vw;
        color: #353400;
        /* margin: 72px 0 0 0px; */
        margin: 17.39vw 0 0 0.00vw;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 6px; */
        letter-spacing: 1.45vw;
        /* padding: 0 0 0 26px; */
        padding: 0 0 0 6.28vw;
        /* text-indent: -26px; */
        text-indent: -6.28vw;
    }
    .CN2_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 15px 0 0 0; */
        margin: 3.62vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    }
    .IMG_04Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* margin: 62px 0 0 0; */
        margin: 14.98vw 0 0 0;
        position: relative;
    }
    .IMG_04Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: left;
        margin: 0;
        display: flex;
        position: absolute;
        /* bottom: -38px; */
        bottom: -9.18vw;
        /* left: 53px; */
        left: 12.80vw;
    }
    .IMG_04{
        /* width: 393px; */
        width: 94.93vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN2{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 966px; */
        height: 64.40vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 260px 0 0 0; */
        margin: 17.33vw 0 0 0;
    }
    .CN2_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 78px; */
        line-height: 5.20vw;
        color: #353400;
        /* margin: 3px 0 0 -1px; */
        margin: 0.20vw 0 0 -0.07vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .CN2_h2::before,
    .CN2_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN2_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .CN2_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .CN2_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 32px; */
        line-height: 2.13vw;
        color: #353400;
        /* margin: 116px 0 0 90px; */
        margin: 7.73vw 0 0 6.00vw;
        /* width: 800px; */
        width: 53.33vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN2_p2{
        /* width: 800px; */
        width: 53.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 52px 0 0 88px; */
        margin: 3.47vw 0 0 5.87vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    }
    .IMG_04Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 97px 0 0 0; */
        margin: 6.47vw 0 0 0;
        position: relative;
    }
    .IMG_04Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        margin: 0;
        display: flex;
        position: absolute;
        /* bottom: 20px; */
        bottom: 1.33vw;
        /* right: 140px; */
        right: 9.33vw;
    }
    .IMG_04{
        /* width: 1466px; */
        width: 97.73vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN2{
        position: relative;
        width: 1920px;
        height: 966px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 260px 0 0 0;
    }
    .CN2_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 78px;
        color: #353400;
        margin: 3px 0 0 -1px;
        position: relative;
        letter-spacing: 4px;
    }
    .CN2_h2::before,
    .CN2_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN2_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        width: 46px;
        height: 46px;
        top: -20px;
        left: -40px;
        z-index: 1;
    }
    .CN2_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .CN2_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        color: #353400;
        margin: 116px 0 0 90px;
        width: 800px;
        text-align: left;
        letter-spacing: 8px;
    }
    .CN2_p2{
        width: 800px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 52px 0 0 88px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    }
    .IMG_04Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 97px 0 0 0;
        position: relative;
    }
    .IMG_04Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 0;
        display: flex;
        position: absolute;
        bottom: 20px;
        right: 140px;
    }
    .IMG_04{
        width: 1466px;
    }
}


/*------------------------------------------------*/
/* CN3 */
@media screen and (max-width:767px) { /*SP*/
    #CN3{
        position: relative;
        width: 100%;
        /* height: 1507px; */
        height: 364.01vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
    }
    .CN3_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 66px 0 0 0; */
        margin: 15.94vw 0 0 0;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 1px; */
        letter-spacing: 0.24vw;
        /* padding: 0 0 0 24px; */
        padding: 0 0 0 5.80vw;
        /* text-indent: -24px; */
        text-indent: -5.80vw;
    }
    .CN3_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 14px 0 0 0; */
        margin: 3.38vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2.4px; */
        letter-spacing: 0.58vw;
    }
    .CN3_inline{
        display: none;
    }
    .IMG_05Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: -17px 0 0 81px; */
        margin: -4.11vw 0 0 19.57vw;
    }
    .IMG_05Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_05{
        /* width: 280px; */
        width: 67.63vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN3{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 1824px; */
        height: 121.60vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: -190px 0 0 0; */
        margin: -12.67vw 0 0 0;
    }
    .CN3_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 0 0 0 210px; */
        margin: 0 0 0 14.00vw;
        /* width: 570px; */
        width: 38.00vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN3_p2{
        /* width: 830px; */
        width: 55.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 50px 0 0 465px; */
        margin: 3.33vw 0 0 31.00vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    }
    .CN3_inline{display: inline;}
    .IMG_05Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: -26px; left: 494px; */
        top: -1.73vw; left: 32.93vw;
    }
    .IMG_05Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_05{
        /* width: 466px; */
        width: 31.07vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN3{
        position: relative;
        width: 1920px;
        height: 1824px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: -190px 0 0 0;
    }
    .CN3_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 40px;
        color: #353400;
        margin: 0 0 0 210px;
        width: 570px;
        text-align: left;
        letter-spacing: 8px;
    }
    .CN3_p2{
        width: 830px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 50px 0 0 465px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    }
    .CN3_inline{display: inline;}
    .IMG_05Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: -26px; left: 494px;
    }
    .IMG_05Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_05{
        width: 466px;
    }
}


/*------------------------------------------------*/
/* CN4 */
@media screen and (max-width:767px) { /*SP*/
    #CN4{
        position: relative;
        /* width: 100%; height: 300px; */
        width: 100%; height: 72.46vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
        overflow: hidden;
        background-color: #353400;
    }
    .CN4_inner{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        clip-path: inset(0);
     }
     .CN4_bg{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        background-image: url('../img/IMG_06_sp.webp');
        background-size: cover;
        background-position: center;
        z-index: -1;
     }
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN4{
        position: relative;
        /* width: 100%; height: 800px; */
        width: 100%; height: 53.33vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
        overflow: hidden;
        background-color: #353400;
    }
    .CN4_inner{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        clip-path: inset(0);
     }
     .CN4_bg{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url('../img/IMG_06_pc.webp');
        background-size: cover;
        background-position: center;
        z-index: -1;
     }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN4{
        position: relative;
        width: 100%; height: 800px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 0;
        overflow: hidden;
        background-color: #353400;
    }
    .CN4_inner{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        clip-path: inset(0);
     }
     .CN4_bg{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-image: url('../img/IMG_06_pc.webp');
        background-size: cover;
        background-position: center;
        z-index: -1;
     }
}


/*------------------------------------------------*/
/* CN5 */
@media screen and (max-width:767px) { /*SP*/
    #CN5{
        position: relative;
        width: 100%;
        /* height: 1995px; */
        height: 481.88vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 88px 0 0 0; */
        margin: 21.26vw 0 0 0;
    }
    .CN5_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 38px; */
        line-height: 9.18vw;
        color: #353400;
        /* margin: 50px 0 0 20px; */
        margin: 12.08vw 0 0 4.83vw;
        position: relative;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    }
    .CN5_h2::before,
    .CN5_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN5_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -22px; */
        top: -5.31vw;
        /* left: -29px; */
        left: -7.00vw;
        z-index: 1;
    }
    .CN5_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -37px; */
        bottom: -8.94vw;
        /* right: -8px; */
        right: -1.93vw;
        z-index: 1;
    }
    .CN5_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 36px; */
        line-height: 8.70vw;
        color: #353400;
        /* margin: 63px 0 0 0; */
        margin: 15.22vw 0 0 0;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 5px; */
        letter-spacing: 1.21vw;
        /* padding: 0 0 0 26px; */
        padding: 0 0 0 6.28vw;
        /* text-indent: -26px; */
        text-indent: -6.28vw;
    }
    .CN5_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 14px 0 0 0; */
        margin: 3.38vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    }
    .CN5_p2_2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 650px 0 0 0; */
        margin: 157.00vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    } 
    .IMG_07Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0;
        position: absolute;
        /* top: 690px; */
        top: 166.67vw;
        /* left: 26px; */
        left: 6.28vw;
    }
    .IMG_07Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_07{
        /* width: 363px; */
        width: 87.68vw;
    }
    .IMG_08Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0;
        position: absolute;
        /* top: 1009px; */
        top: 243.72vw;
        /* left: 24px; */
        left: 5.80vw;
    }
    .IMG_08Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_08{
        /* width: 280px; */
        width: 67.63vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN5{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 2210px; */
        height: 147.33vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 214px 0 0 0; */
        margin: 14.27vw 0 0 0;
    }
    .CN5_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 78px; */
        line-height: 5.20vw;
        color: #353400;
        /* margin: 0 0 0 -581px; */
        margin: 0 0 0 -38.73vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .CN5_h2::before,
    .CN5_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN5_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .CN5_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .CN5_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 111px 0 0 87px; */
        margin: 7.40vw 0 0 5.80vw;
        /* width: 800px; */
        width: 53.33vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN5_p2{
        /* width: 800px; */
        width: 53.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 45px 0 0 90px; */
        margin: 3.00vw 0 0 6.00vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    } 
    .IMG_07Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 1074px; */
        top: 71.60vw;
        /* left: 209px; */
        left: 13.93vw;
    }
    .IMG_07Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_07{
        /* width: 840px; */
        width: 56.00vw;
    }
    .IMG_08Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 1489px; */
        top: 99.27vw;
        /* right: 213px; */
        right: 14.20vw;
    }
    .IMG_08Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 1.34vw 0 0;
        display: flex;
    }
    .IMG_08{
        /* width: 476px; */
        width: 31.73vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN5{
        position: relative;
        width: 1920px;
        height: 2210px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 214px 0 0 0;
    }
    .CN5_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 78px;
        color: #353400;
        margin: 0 0 0 -581px;
        position: relative;
        letter-spacing: 4px;
    }
    .CN5_h2::before,
    .CN5_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN5_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        width: 46px; 
        height: 46px;
        top: -20px; 
        left: -40px;
        z-index: 1;
    }
    .CN5_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .CN5_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 40px;
        color: #353400;
        margin: 111px 0 0 87px;
        width: 800px;
        text-align: left;
        letter-spacing: 8px;
    }
    .CN5_p2{
        width: 800px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 45px 0 0 90px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    } 
    .IMG_07Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 1074px;
        left: 209px;
    }
    .IMG_07Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_07{
        width: 840px;
    }
    .IMG_08Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 1489px;
        right: 213px;
    }
    .IMG_08Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_08{
        width: 476px;
    }
}


/*------------------------------------------------*/
/* CN6 */
@media screen and (max-width:767px) { /*SP*/
    #CN6{
        position: relative;
        width: 100%;
        /* height: 1443px; */
        height: 348.55vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .CN6_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 38px; */
        line-height: 9.18vw;
        color: #353400;
        /* margin: 61px 0 0 10px; */
        margin: 14.73vw 0 0 2.42vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.97vw;
    }
    .CN6_h2::before,
    .CN6_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN6_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -22px; */
        top: -5.31vw;
        /* left: -39px; */
        left: -9.42vw;
        z-index: 1;
    }
    .CN6_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -38px; */
        bottom: -9.18vw;
        /* right: -27px; */
        right: -6.52vw;
        z-index: 1;
    }
    .CN6_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 36px; */
        line-height: 8.70vw;
        color: #353400;
        /* margin: 398px 0 0 0; */
        margin: 96.14vw 0 0 0;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 7px; */
        letter-spacing: 1.69vw;
        /* padding: 0 0 0 24px; */
        padding: 0 0 0 5.80vw;
        /* text-indent: -24px; */
        text-indent: -5.80vw;
    }
    .CN6_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 14px 0 0 0; */
        margin: 3.38vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 3px; */
        letter-spacing: 0.72vw;
    }
    .IMG_09Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 0;
        position: absolute;
        /* top: 216px; */
        top: 52.17vw;
        /* left: 25px; */
        left: 6.04vw;
    }
    .IMG_09Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_09{
        /* width: 364px; */
        width: 87.92vw;
    }
    .IMG_10Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
        position: absolute;
        /* top: -236px; */
        top: -57.00vw;
        /* right: 24px; */
        right: 5.80vw;
    }
    .IMG_10Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_10{
        /* width: 201px; */
        width: 48.55vw;
    }
    .IMG_11Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* margin: 70px 66px 0 0; */
        margin: 16.91vw 15.94vw 0 0;
    }
    .IMG_11Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: right;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_11{
        /* width: 300px; */
        width: 72.46vw;
    }
    .IMG_12Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 16px 0 0 129px; */
        margin: 3.86vw 0 0 31.16vw;
    }
    .IMG_12Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        /* margin: 5px 5px 0 0; */
        margin: 1.21vw 1.21vw 0 0;
        display: flex;
        text-align: right;
    }
    .IMG_12{
        /* width: 280px; */
        width: 67.63vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN6{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 846px; */
        height: 56.40vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .CN6_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 78px; */
        line-height: 5.20vw;
        color: #353400;
        /* margin: 59px 0 0 -440px; */
        margin: 3.93vw 0 0 -29.33vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .CN6_h2::before,
    .CN6_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN6_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .CN6_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .CN6_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 32px; */
        line-height: 2.13vw;
        color: #353400;
        /* margin: 166px 0 0 440px; */
        margin: 11.07vw 0 0 29.33vw;
        /* width: 800px; */
        width: 53.33vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN6_p2{
        /* width: 800px; */
        width: 53.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 34px 0 0 440px; */
        margin: 2.27vw 0 0 29.33vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    }
    .IMG_09Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: -195px; */
        top: -13.00vw;
        /* right: 213px; */
        right: 14.20vw;
    }
    .IMG_09Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 1.34vw 0 0;
        display: flex;
    }
    .IMG_09{
        /* width: 580px; */
        width: 38.67vw;
    }
    .IMG_10Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 189px; */
        top: 12.60vw;
        /* right: 211px; */
        right: 14.07vw;
    }
    .IMG_10Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_10{
        /* width: 476px; */
        width: 31.73vw;
    }
    .IMG_11Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 1234px; */
        top: 82.27vw;
        /* left: 207px; */
        left: 13.80vw;
    }
    .IMG_11Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: right;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_11{
        /* width: 903px; */
        width: 60.20vw;
    }
    .IMG_12Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 675px; left: 1429px; */
        top: 45.00vw; left: 95.27vw;
    }
    .IMG_12Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        /* margin: 10px 10px 0 0; */
        margin: 0.67vw 0.67vw 0 0;
        display: flex;
    }
    .IMG_12{
        /* width: 483px; */
        width: 32.20vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/
    #CN6{
        position: relative;
        width: 1920px;
        height: 846px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .CN6_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 78px;
        color: #353400;
        margin: 59px 0 0 -440px;
        position: relative;
        letter-spacing: 4px;
    }
    .CN6_h2::before,
    .CN6_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN6_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        width: 46px; 
        height: 46px;
        top: -20px; 
        left: -40px;
        z-index: 1;
    }
    .CN6_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .CN6_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 32px;
        color: #353400;
        margin: 166px 0 0 440px;
        width: 800px;
        text-align: left;
        letter-spacing: 8px;
    }
    .CN6_p2{
        width: 800px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 34px 0 0 440px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    }
    .IMG_09Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: -195px;
        right: 213px;
    }
    .IMG_09Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_09{
        width: 580px;
    }
    .IMG_10Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 189px;
        right: 211px;
    }
    .IMG_10Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_10{
        width: 476px;
    }
    .IMG_11Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 1234px;
        left: 207px;
    }
    .IMG_11Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: right;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_11{
        width: 903px;
    }
    .IMG_12Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
        margin: 40px 0 0 0;
        position: absolute;
        top: 675px; left: 1429px;
    }
    .IMG_12Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        margin: 10px 10px 0 0;
        display: flex;
    }
    .IMG_12{
        width: 483px;
    }
}


/*------------------------------------------------*/
/* CN7 */
@media screen and (max-width:767px) { /*SP*/
    #CN7{
        position: relative;
        width: 100%;
        /* height: 1380px; */
        height: 333.33vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
    }
    .CN7_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 38px; */
        line-height: 9.18vw;
        color: #353400;
        /* margin: 22px 0 0 0; */
        margin: 5.31vw 0 0 0;
        position: relative;
        /* letter-spacing: 3px; */
        letter-spacing: 0.72vw;
    }
    .CN7_h2::before,
    .CN7_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN7_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -23px; */
        top: -5.56vw;
        /* left: -37px; */
        left: -8.94vw;
        z-index: 1;
    }
    .CN7_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 40px; */
        width: 9.66vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -38px; */
        bottom: -9.18vw;
        /* right: -36px; */
        right: -8.70vw;
        z-index: 1;
    }
    .CN7_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 20px; */
        font-size: 4.83vw;
        /* line-height: 35px; */
        line-height: 8.45vw;
        color: #353400;
        /* margin: 64px 0 0 0; */
        margin: 15.46vw 0 0 0;
        /* width: 364px; */
        width: 87.92vw;
        text-align: left;
        /* letter-spacing: 5px; */
        letter-spacing: 1.21vw;
        /* padding: 0 0 0 25px; */
        padding: 0 0 0 6.04vw;
        /* text-indent: -25px; */
        text-indent: -6.04vw;
    }
    .CN7_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 15px; */
        font-size: 3.62vw;
        /* line-height: 32px; */
        line-height: 7.73vw;
        color: #353400;
        /* margin: 15px 0 0 0; */
        margin: 3.62vw 0 0 0;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.48vw;
    }
    .IMG_13Box{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        /* margin: 70px 0 0 0; */
        margin: 16.91vw 0 0 0;
    }
    .IMG_13Box p{
        /* font-size: 12px; */
        font-size: 2.90vw;
        /* line-height: 20px; */
        line-height: 4.83vw;
        color: #353400;
        text-align: left;
        /* margin: 5px 0 0 0; */
        margin: 1.21vw 0 0 0;
        display: flex;
    }
    .IMG_13{
        /* width: 300px; */
        width: 72.46vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #CN7{
        position: relative;
        /* width: 1920px; */
        width: 128.00vw;
        /* height: 2117px; */
        height: 141.13vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
    }
    .CN7_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 78px; */
        line-height: 5.20vw;
        color: #353400;
        /* margin: 240px 0 0 -410px; */
        margin: 16.00vw 0 0 -27.33vw;
        position: relative;
        /* letter-spacing: 4px; */
        letter-spacing: 0.27vw;
    }
    .CN7_h2::before,
    .CN7_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN7_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .CN7_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .CN7_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 25px; */
        font-size: 1.67vw;
        /* line-height: 39px; */
        line-height: 2.60vw;
        color: #353400;
        /* margin: 138px 0 0 90px; */
        margin: 9.20vw 0 0 6.00vw;
        /* width: 800px; */
        width: 53.33vw;
        text-align: left;
        /* letter-spacing: 8px; */
        letter-spacing: 0.53vw;
    }
    .CN7_p2{
        /* width: 800px; */
        width: 53.33vw;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 37px 0 0 87px; */
        margin: 2.47vw 0 0 5.80vw;
        column-count: 2;
        /* column-gap: 60px; */
        column-gap: 4.00vw;
        text-align: justify;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
    }
    .IMG_13Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        /* margin: 40px 0 0 0; */
        margin: 2.67vw 0 0 0;
        position: absolute;
        /* top: 70px; right: 359px; */
        top: 4.67vw; right: 23.93vw;
    }
    .IMG_13Box p{
        /* font-size: 14px; */
        font-size: 0.93vw;
        /* line-height: 20px; */
        line-height: 1.33vw;
        color: #353400;
        text-align: left;
        /* margin: 10px 0 0 0; */
        margin: 0.67vw 0 0 0;
        display: flex;
    }
    .IMG_13{
        /* width: 581px; */
        width: 38.73vw;
    }
}
@media screen and (min-width:1501px) , print { /*PC*/ 
    #CN7{
        position: relative;
        width: 1920px;
        height: 2117px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0px 0 0 0;
    }
    .CN7_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 78px;
        color: #353400;
        margin: 240px 0 0 -410px;
        position: relative;
        letter-spacing: 4px;
    }
    .CN7_h2::before,
    .CN7_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .CN7_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        width: 46px; 
        height: 46px;
        top: -20px; 
        left: -40px;
        z-index: 1;
    }
    .CN7_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .CN7_h3{
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 39px;
        color: #353400;
        margin: 138px 0 0 90px;
        width: 800px;
        text-align: left;
        letter-spacing: 8px;
    }
    
    .CN7_p2{
        width: 800px;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 37px 0 0 87px;
        column-count: 2;
        column-gap: 60px;
        text-align: justify;
        letter-spacing: 2px;
    }
    .IMG_13Box{
        width: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-end;
        margin: 40px 0 0 0;
        position: absolute;
        top: 70px; right: 359px;
    }
    .IMG_13Box p{
        font-size: 14px;
        line-height: 20px;
        color: #353400;
        text-align: left;
        margin: 10px 0 0 0;
        display: flex;
    }
    .IMG_13{
        width: 581px;
    }
}


/*------------------------------------------------*/
/* END */
@media screen and (max-width:767px) { /*SP*/
    #END{
        position: relative;
        width: 100%;
        /* height: 800px; */
        height: 193.24vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
        background-image: url('../img/IMG_17_sp.webp'); 
        /* background-size: 414px 800px; */
        background-size: 100.00vw 193.24vw;
        background-position: center; 
        background-repeat: no-repeat; 
    }
    .END_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 24px; */
        font-size: 5.80vw;
        /* line-height: 40px; */
        line-height: 9.66vw;
        color: #353400;
        /* margin: 60px 0 0 0; */
        margin: 14.49vw 0 0 0;
        position: relative;
        text-align: center;
        /* letter-spacing: 4px; */
        letter-spacing: 0.97vw;
    }
    .END_h2::before,
    .END_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .END_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp');
        /* width: 46px; */
        width: 11.11vw;
        /* height: 46px; */
        height: 11.11vw;
        /* top: -20px; */
        top: -4.83vw;
        /* left: -35px; */
        left: -8.45vw;
        z-index: 1;
    }
    .END_h2::after {
        background-image: url('../img/MARK_kk_migi.webp');
        /* width: 46px; */
        width: 11.11vw;
        /* height: 46px; */
        height: 11.11vw;
        /* bottom: -30px; */
        bottom: -7.25vw;
        /* right: -34px; */
        right: -8.21vw;
        z-index: 1;
    }
    .END_p2{
        /* width: 364px; */
        width: 87.92vw;
        /* font-size: 16px; */
        font-size: 3.86vw;
        /* line-height: 35px; */
        line-height: 8.45vw;
        color: #353400;
        /* margin: 57px 0 0 0; */
        margin: 13.77vw 0 0 0;
        text-align: center;
    }
    .END_image{
        /* font-size: 12px; */
        font-size: 2.90vw;
        color: #353400;
        position: absolute;
        /* bottom: 20px; */
        bottom: 4.83vw;
        /* left: 20px; */
        left: 4.83vw;
    }

}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
    #END{
        position: relative;
        width: 100%;
        /* height: 1000px; */
        height: 66.67vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 60px 0 0 0; */
        margin: 4.00vw 0 0 0;
        background-image: url('../img/IMG_17_pc.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .IMG_12{
        width: 100%;
    }
    .END_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        /* font-size: 45px; */
        font-size: 3.00vw;
        /* line-height: 73px; */
        line-height: 4.87vw;
        color: #353400;
        /* margin: 140px 0 0 0; */
        margin: 9.33vw 0 0 0;
        position: relative;
        text-align: center;
    }
    .END_h2::before,
    .END_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    .END_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* top: -20px; */
        top: -1.33vw;
        /* left: -40px; */
        left: -2.67vw;
        z-index: 1;
    }
    .END_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        /* width: 46px; */
        width: 3.07vw;
        /* height: 46px; */
        height: 3.07vw;
        /* bottom: -40px; */
        bottom: -2.67vw;
        /* right: -40px; */
        right: -2.67vw;
        z-index: 1;
    }
    .END_p2{
        width: 100%;
        /* font-size: 18px; */
        font-size: 1.20vw;
        /* line-height: 40px; */
        line-height: 2.67vw;
        color: #353400;
        /* margin: 66px 0 0 0; */
        margin: 4.40vw 0 0 0;
        text-align: center;
    }
    .END_image{
        /* font-size: 14px; */
        font-size: 0.93vw;
        color: #353400;
        position: absolute;
        /* bottom: 20px; left: calc( ( 100% - 1500px ) / 2 ); */
        bottom: 1.33vw; left: calc( ( 100% - 100.00vw ) / 2 );
    }
}
@media screen and (min-width:1501px) , print { /*PC*/   
    #END{
        position: relative;
        width: 100%;
        height: 1000px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 60px 0 0 0;
        background-image: url('../img/IMG_17_pc.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .IMG_12{
        width: 100%;
    }
    .END_h2 {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        font-size: 45px;
        line-height: 73px;
        color: #353400;
        margin: 140px 0 0 0;
        position: relative;
        text-align: center;
    }
    
    .END_h2::before,
    .END_h2::after {
        content: "";
        display: block; 
        background-size: contain; 
        background-repeat: no-repeat;
        position: absolute;
    }
    
    
    .END_h2::before {
        background-image: url('../img/MARK_kk_hidari.webp'); 
        width: 46px; 
        height: 46px;
        top: -20px; 
        left: -40px;
        z-index: 1;
    }
    
    
    .END_h2::after {
        background-image: url('../img/MARK_kk_migi.webp'); 
        width: 46px;
        height: 46px;
        bottom: -40px;
        right: -40px;
        z-index: 1;
    }
    .END_p2{
        width: 100%;
        font-size: 18px;
        line-height: 40px;
        color: #353400;
        margin: 66px 0 0 0;
        text-align: center;
    }
    .END_image{
        font-size: 14px;
        color: #353400;
        position: absolute;
        bottom: 20px; left: calc( ( 100% - 1500px ) / 2 );
    }
}

.spanText{
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}