@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@700&display=swap');

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

/*3*/
@media screen and (max-width:780px) { /*SP*/
    /*-------------------------------------------------------*/
}
@media screen and (min-width:781px) and ( max-width:1920px) { /*TB&PC*/
    /*-------------------------------------------------------*/
}
@media screen and (min-width:1921px) , print { /*PC*/
}

/*3*/
@media screen and (max-width:780px) { /*SP*/
}
@media screen and (min-width:781px) and ( max-width:1680px) { /*TB&PC*/
}
@media screen and (min-width:1681px) , print { /*PC*/
}

:root {
    --commonColor01: #ffffff;
}

*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    /* font-family: 'Zen Maru Gothic', sans-serif; */
    /* font-feature-settings: "palt"; */
    letter-spacing: 0px;
    font-size: 20px; font-weight: 500;
    background-color: #F5F3EE;
    color: var(--commonColor01);
    /* overflow: hidden; */
}
a{ 
    text-decoration: none;
    color: var(--commonColor01);
    /* transition: opacity transform 0.3s; */
    transition-property: transform, opacity;
    transition-duration: 0.3s;
}
a:hover{ 
    /* opacity: 0.75; */
    opacity: 1;
    /* transform: scale(1.05); */
}
img {
    image-rendering: -webkit-optimize-contrast;
    width: 100%; /*max-width: 100%;*/ height: auto;
    user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

@media screen and (max-width:768px) { /*SP*/
    #MDQ{ display: none; }
    .spON{ display: block!important; }
    .pcON{ display: none!important; }
}
@media screen and (min-width:769px) , print { /*PC&TB*/
    #MDQ{ display: block; }
    .spON{ display: none!important; }
    .pcON{ display: block!important; }
}


/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* OPN */
@media screen and (max-width:780px) { /*SP*/
    #OPN{
        position: relative;
        width: auto; height: 100lvh;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .OPN_siteLogo{
        font-size: 60px;
        color: #fff;
        display: block;
        font-family: 'Sansita Swashed', system-ui;
        z-index: 1;
        filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.1));
    }
    .OPN_Mask{
        width: 100vw; height: 100lvh;
        background-color: #fff;
        position: fixed;
        top: 0;
    }
    .OPN_webm_pc,.OPN_webm_sp{
        width: auto; height: 100lvh;
        position: fixed;
        top: 0; left: 0;
        z-index: 0;
        object-fit: cover;
    }
    .OPN_webm_pc{display: none;}
    .OPN_subTitle{
        z-index: 1;
        font-size: 6px;
        /* background-color: #333; */
        padding: 0px 10px 0px 16px;
        letter-spacing: 5px;
        color: #ccc;
    }
    /*---414----------------------------------------------------*/
    #OPN{
        position: relative;
        width: auto; height: 100lvh;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .OPN_siteLogo{
        font-size: 14.493vw;
        color: #fff;
        display: block;
        font-family: 'Sansita Swashed', system-ui;
        z-index: 1;
        filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.1));
    }
    .OPN_Mask{
        width: 100vw; height: 100lvh;
        background-color: #fff;
        position: fixed;
        top: 0;
    }
    .OPN_webm_pc,.OPN_webm_sp{
        width: auto; height: 100lvh;
        position: fixed;
        top: 0; left: 0;
        z-index: 0;
        object-fit: cover;
    }
    .OPN_webm_pc{display: none;}
    .OPN_subTitle{
        z-index: 1;
        font-size: 1.45vw;
        /* background-color: #333; */
        padding: 0.00vw 2.42vw 0.00vw 3.86vw;
        letter-spacing: 1.21vw;
        color: #ccc;
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*//*PC*/
    #OPN{
        position: relative;
        height: 100vh;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .OPN_siteLogo{
        font-size: 150px;
        color: #fff;
        display: block;
        font-family: 'Sansita Swashed', system-ui;
        z-index: 1;
        filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.1));
    }
    .OPN_Mask{
        width: 100vw; height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
    }
    .OPN_webm_pc{
        width: 100%; height: 100vh;
        position: fixed;
        top: 0; left: 0;
        z-index: 0;
        object-fit: cover;
    }
    .OPN_webm_sp{display: none;}
    .OPN_subTitle{
        z-index: 1;
        font-size: 12px;
        /* background-color: #333; */
        padding: 0px 10px 0px 16px;
        letter-spacing: 5px;
        color: #ccc;
    }
    /*-------------------------------------------------------*/
    #OPN{
        position: relative;
        height: 100vh;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .OPN_siteLogo{
        font-size: 7.813vw;
        color: #fff;
        display: block;
        font-family: 'Sansita Swashed', system-ui;
        z-index: 1;
        filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.1));
    }
    .OPN_Mask{
        width: 100vw; height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
    }
    .OPN_webm_pc{
        width: 100%; height: 100vh;
        position: fixed;
        top: 0; left: 0;
        z-index: 0;
        object-fit: cover;
    }
    .OPN_webm_sp{display: none;}
    .OPN_subTitle{
        z-index: 1;
        font-size: 0.63vw;
        /* background-color: #333; */
        padding: 0.00vw 0.52vw 0.00vw 0.83vw;
        letter-spacing: 0.26vw;
        color: #ccc;
    }
}



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* CN1 */
@media screen and (max-width:780px) { /*SP*/
    /* #CN1{ display: none; } */
    #CN1{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        /* background: #81c31a; */
    }
    .CN1_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN1_h2{
        font-size: 40px;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
        text-align: center;
    }
    .CN1_tx{
        font-size: 16px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
        text-align: center;
        padding: 0 20px;
    }
    .CN1_01{
        position: absolute;
        bottom: 0;
        width: 220vw;
    }
    .CN1_02{
        position: absolute;
        bottom: 80px;
        left: -70px;
        width: 50vw;
    }
    .CN1_03{
        position: absolute;
        bottom: 80px;
        right: -70px;
        width: 60vw;
    }
    .CN1_04{
        position: absolute;
        bottom: -80px;
        right: 165px;
        width: 40vw;
    }
    .CN1_05{
        position: absolute;
        bottom: -20px;
        left: 5px;
        width: 40vw;
    }
    .CN1_06{
        position: absolute;
        bottom: -20px;
        right: 20px;
        width: 40vw;
    }
    .CN1_Mask{
        width: 100vw; height: 100vh;
        position: fixed; top: 0;
        background-color: rgba(129, 195, 26, 1.0);
    }
    /*----414---------------------------------------------------*/
    #CN1{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        /* background: #81c31a; */
    }
    .CN1_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN1_h2{
        font-size: 9.662vw;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
        text-align: center;
    }
    .CN1_tx{
        font-size: 3.865vw;
        color: #fff;
        z-index: 1;
        margin: 2.415vw 0 0 0;
        text-align: center;
        padding: 0 4.831vw;
    }
    .CN1_01{
        position: absolute;
        bottom: 0;
        width: 220vw;
    }
    .CN1_02{
        position: absolute;
        bottom: 19.324vw;
        left: -16.908vw;
        width: 50vw;
    }
    .CN1_03{
        position: absolute;
        bottom: 19.324vw;
        right: -16.908vw;
        width: 60vw;
    }
    .CN1_04{
        position: absolute;
        bottom: -19.324vw;
        right: 39.855vw;
        width: 40vw;
    }
    .CN1_05{
        position: absolute;
        bottom: -4.831vw;
        left: 1.208vw;
        width: 40vw;
    }
    .CN1_06{
        position: absolute;
        bottom: -4.831vw;
        right: 4.831vw;
        width: 40vw;
    }
    .CN1_Mask{
        width: 100vw; height: 100vh;
        position: fixed; top: 0;
        background-color: rgba(129, 195, 26, 1.0);
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*/
    #CN1{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        /* background: #81c31a; */
    }
    .CN1_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN1_h2{
        font-size: 70px;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN1_tx{
        font-size: 20px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    .CN1_01{
        position: absolute;
        bottom: 0;
        width: 70vw;
    }
    .CN1_02{
        position: absolute;
        bottom: -210px;
        left: -260px;
        width: 50vw;
    }
    .CN1_03{
        position: absolute;
        bottom: -290px;
        right: -370px;
        width: 60vw;
    }
    .CN1_04{
        position: absolute;
        bottom: -130px;
        right: -125px;
        width: 40vw;
    }
    .CN1_05{
        position: absolute;
        bottom: -170px;
        left: 105px;
        width: 40vw;
    }
    .CN1_06{
        position: absolute;
        bottom: -170px;
        right: 200px;
        width: 40vw;
    }
    .CN1_Mask{
        width: 100vw; height: 100vh;
        position: fixed; top: 0;
        background-color: rgba(129, 195, 26, 1.0);
    }
    /*-------------------------------------------------------*/
    #CN1{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        /* background: #81c31a; */
    }
    .CN1_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN1_h2{
        font-size: 3.646vw;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN1_tx{
        font-size: 1.042vw;
        color: #fff;
        z-index: 1;
        margin: 0.521vw 0 0 0;
    }
    .CN1_01{
        position: absolute;
        bottom: 0;
        width: 70vw;
    }
    .CN1_02{
        position: absolute;
        bottom: -10.937vw;
        left: -13.542vw;
        width: 50vw;
    }
    .CN1_03{
        position: absolute;
        bottom: -15.104vw;
        right: -19.271vw;
        width: 60vw;
    }
    .CN1_04{
        position: absolute;
        bottom: -6.771vw;
        right: -6.51vw;
        width: 40vw;
    }
    .CN1_05{
        position: absolute;
        bottom: -8.854vw;
        left: 5.469vw;
        width: 40vw;
    }
    .CN1_06{
        position: absolute;
        bottom: -8.854vw;
        right: 10.417vw;
        width: 40vw;
    }
    .CN1_Mask{
        width: 100vw; height: 100vh;
        position: fixed; top: 0;
        background-color: rgba(129, 195, 26, 1.0);
    }
}



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* CN2 */
@media screen and (max-width:780px) { /*SP*/
    /* #CN2{ display: none; } */
    #CN2{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #46b8c5;
    }
    .CN2_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN2_h2{
        font-size: 40px;
        color: #fff;
        text-align: center;
        font-family: 'Sansita Swashed', system-ui;
    }
    .CN2_tx{
        font-size: 16px;
        color: #fff;
        z-index: 1;
        margin: 20px 0 0 0;
        text-align: center;
    }
    
    .CN2_s01a_box{
        position: absolute;
        top: 2vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01b_box{
        position: absolute;
        top: 11vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 3vw 0 0;
    }
    .CN2_s01c_box{
        position: absolute;
        top: 20vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02a_box{
        position: absolute;
        bottom: 2vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02b_box{
        position: absolute;
        bottom: 11vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 5vw 0 0;
    }
    .CN2_s02c_box{
        position: absolute;
        bottom: 20vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01,.CN2_s02{
        width: 200vw;
        margin: 0 -1.2vw;
    }
    /*-----414--------------------------------------------------*/
    #CN2{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #46b8c5;
    }
    .CN2_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN2_h2{
        font-size: 9.662vw;
        color: #fff;
        text-align: center;
        font-family: 'Sansita Swashed', system-ui;
    }
    .CN2_tx{
        font-size: 3.865vw;
        color: #fff;
        z-index: 1;
        margin: 4.831vw 0 0 0;
        text-align: center;
    }
    
    .CN2_s01a_box{
        position: absolute;
        top: 2vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01b_box{
        position: absolute;
        top: 11vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 3vw 0 0;
    }
    .CN2_s01c_box{
        position: absolute;
        top: 20vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02a_box{
        position: absolute;
        bottom: 2vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02b_box{
        position: absolute;
        bottom: 11vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 5vw 0 0;
    }
    .CN2_s02c_box{
        position: absolute;
        bottom: 20vw;
        width: 400vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01,.CN2_s02{
        width: 200vw;
        margin: 0 -1.2vw;
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*/
    #CN2{
        position: relative;
        height: 100vh;
        min-height: 800px;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #46b8c5;
    }
    .CN2_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN2_h2{
        font-size: 70px;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN2_tx{
        font-size: 20px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    
    .CN2_s01a_box{
        position: absolute;
        top: 1vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01b_box{
        position: absolute;
        top: 5vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 3vw 0 0;
    }
    .CN2_s01c_box{
        position: absolute;
        top: 9vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02a_box{
        position: absolute;
        bottom: 1vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02b_box{
        position: absolute;
        bottom: 5vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 5vw 0 0;
    }
    .CN2_s02c_box{
        position: absolute;
        bottom: 9vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01,.CN2_s02{
        width: 80vw;
        margin: 0 1vw;
    }
    /*-------------------------------------------------------*/
    #CN2{
        position: relative;
        height: 100vh;
        min-height: 800px;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #46b8c5;
    }
    .CN2_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN2_h2{
        font-size: 3.646vw;
        color: #fff;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN2_tx{
        font-size: 1.042vw;
        color: #fff;
        z-index: 1;
        margin: 0.521vw 0 0 0;
    }
    
    .CN2_s01a_box{
        position: absolute;
        top: 1vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01b_box{
        position: absolute;
        top: 5vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 3vw 0 0;
    }
    .CN2_s01c_box{
        position: absolute;
        top: 9vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02a_box{
        position: absolute;
        bottom: 1vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s02b_box{
        position: absolute;
        bottom: 5vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
        margin: 0 5vw 0 0;
    }
    .CN2_s02c_box{
        position: absolute;
        bottom: 9vw;
        width: 160vw;
        display: flex; flex-wrap: nowrap;
    }
    .CN2_s01,.CN2_s02{
        width: 80vw;
        margin: 0 1vw;
    }
}


/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* CN3 */
@media screen and (max-width:780px) { /*SP*/
    /* #CN3{ display: none; } */
    #CN3{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #dfec26;
        /* background: #000; */
    }
    .CN3_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN3_h2{
        font-size: 40px;
        color: #000;
        text-align: center;
        font-family: 'Sansita Swashed', system-ui;
        position: absolute;
        bottom: 310px;
    }
    .CN3_tx{
        font-size: 20px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    
    .CN3_01,.CN3_02,.CN3_03,.CN3_04,.CN3_05,.CN3_06,.CN3_07,.CN3_08,
    .CN3_09,.CN3_10,.CN3_11,.CN3_12,.CN3_13,.CN3_14,.CN3_15,.CN3_16,
    .CN3_17,.CN3_18,.CN3_19,.CN3_20,.CN3_21,.CN3_22,.CN3_23,.CN3_24{
        font-family: 'Sansita Swashed', system-ui;
        color: #fff;
        position: absolute;
        border: 3px solid #fff;
        border-radius: 5px;
        padding: 0 0 0 0;
        width: 80px; height: 80px;
        display: flex; justify-content: center; align-items: center;
        text-align: center;
        font-size: 12px;
    }
    .CN3_monkey{
        width: 360px;
        position: absolute;
        bottom: -100px;
        /* left: 40vw; */
        z-index: 2;
    }
    .CN3_chooseforme{
        width: 140px;
        position: absolute;
        bottom: 44px;
        right: 12px;
        z-index: 2;
    }
    .CN3_block{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: absolute;
        top: 32px;
        left: 32px;
        width: 100vw; height: 100vh;
    }
    .CN3_01{
        top: 0px;
        left: 0px;
    }
    .CN3_02{
        top: 0px;
        left: 90px;
    }
    .CN3_03{
        top: 0px;
        left: 180px;
    }
    .CN3_04{
        top: 0px;
        left: 270px;
    }
    .CN3_05{
        top: 90px;
        left: 0px;
    }
    .CN3_06{
        top: 90px;
        left: 90px;
    }
    .CN3_07{
        top: 90px;
        left: 180px;
    }
    .CN3_08{
        top: 90px;
        left: 270px;
    }
    .CN3_09{
        top: 180px;
        left: 0px;
    }
    .CN3_10{
        top: 180px;
        left: 90px;
    }
    .CN3_11{
        top: 180px;
        left: 180px;
    }
    .CN3_12{
        top: 180px;
        left: 270px;
    }
    .CN3_13{
        top: 270px;
        left: 0px;
    }
    .CN3_14{
        top: 270px;
        left: 180px;
    }
    .CN3_15{
        top: 270px;
        left: 270px;
    }
    .CN3_16{
        display: none!important;
    }
    .CN3_17{
        top: 360px;
        left: 270px;
    }
    .CN3_18{
        top: 270px;
        left: 90px;
    }
    .CN3_19{
        top: 360px;
        left: 0px;
    }
    .CN3_20{
        top: 360px;
        left: 90px;
    }
    .CN3_21{
        top: 360px;
        left: 180px;
    }

    /*---414----------------------------------------------------*/
    #CN3{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #dfec26;
        /* background: #000; */
    }
    .CN3_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN3_h2{
        font-size: 9.66vw;
        color: #000;
        text-align: center;
        font-family: 'Sansita Swashed', system-ui;
        position: absolute;
        bottom: 74.88vw;
    }
    .CN3_tx{
        font-size: 4.831vw;
        color: #fff;
        z-index: 1;
        margin: 2.415vw 0 0 0;
    }
    
    .CN3_01,.CN3_02,.CN3_03,.CN3_04,.CN3_05,.CN3_06,.CN3_07,.CN3_08,
    .CN3_09,.CN3_10,.CN3_11,.CN3_12,.CN3_13,.CN3_14,.CN3_15,.CN3_16,
    .CN3_17,.CN3_18,.CN3_19,.CN3_20,.CN3_21,.CN3_22,.CN3_23,.CN3_24{
        font-family: 'Sansita Swashed', system-ui;
        color: #fff;
        position: absolute;
        border: 3px solid #fff;
        border-radius: 1.208vw;
        padding: 0 0 0 0;
        width: 19.324vw; height: 19.324vw;
        display: flex; justify-content: center; align-items: center;
        text-align: center;
        font-size: 2.899vw;
    }
    .CN3_monkey{
        width: 86.96vw;
        position: absolute;
        bottom: -24.15vw;
        /* left: 40vw; */
        z-index: 2;
    }
    .CN3_chooseforme{
        width: 33.82vw;
        position: absolute;
        bottom: 10.63vw;
        right: 2.90vw;
        z-index: 2;
    }
    .CN3_block{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: absolute;
        top: 7.729vw;
        left: 7.729vw;
        width: 100vw; height: 100vh;
    }

    .CN3_01{
        top: 0.00vw;
        left: 0.00vw;
    }
    .CN3_02{
        top: 0.00vw;
        left: 21.74vw;
    }
    .CN3_03{
        top: 0.00vw;
        left: 43.48vw;
    }
    .CN3_04{
        top: 0.00vw;
        left: 65.22vw;
    }
    .CN3_05{
        top: 21.74vw;
        left: 0.00vw;
    }
    .CN3_06{
        top: 21.74vw;
        left: 21.74vw;
    }
    .CN3_07{
        top: 21.74vw;
        left: 43.48vw;
    }
    .CN3_08{
        top: 21.74vw;
        left: 65.22vw;
    }
    .CN3_09{
        top: 43.48vw;
        left: 0.00vw;
    }
    .CN3_10{
        top: 43.48vw;
        left: 21.74vw;
    }
    .CN3_11{
        top: 43.48vw;
        left: 43.48vw;
    }
    .CN3_12{
        top: 43.48vw;
        left: 65.22vw;
    }
    .CN3_13{
        top: 65.22vw;
        left: 0.00vw;
    }
    .CN3_14{
        top: 65.22vw;
        left: 43.48vw;
    }
    .CN3_15{
        top: 65.22vw;
        left: 65.22vw;
    }
    .CN3_16{
        display: none!important;
    }
    .CN3_17{
        top: 86.96vw;
        left: 65.22vw;
    }
    .CN3_18{
        top: 65.22vw;
        left: 21.74vw;
    }
    .CN3_19{
        top: 86.96vw;
        left: 0.00vw;
    }
    .CN3_20{
        top: 86.96vw;
        left: 21.74vw;
    }
    .CN3_21{
        top: 86.96vw;
        left: 43.48vw;
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*/
    #CN3{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #dfec26;
        /* background: #000; */
    }
    .CN3_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN3_h2{
        font-size: 120px;
        color: #000;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN3_tx{
        font-size: 20px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    
    .CN3_01,.CN3_02,.CN3_03,.CN3_04,.CN3_05,.CN3_06,.CN3_07,.CN3_08,
    .CN3_09,.CN3_10,.CN3_11,.CN3_12,.CN3_13,.CN3_14,.CN3_15,.CN3_16,
    .CN3_17,.CN3_18,.CN3_19,.CN3_20,.CN3_21,.CN3_22,.CN3_23,.CN3_24{
        font-family: 'Sansita Swashed', system-ui;
        color: #fff;
        position: absolute;
        border: 3px solid #fff;
        border-radius: 5px;
        padding: 0 0 10px 0;
        width: 5vw; height: 5vw;
        display: flex; justify-content: center; align-items: center;
        text-align: center;
    }
    .CN3_monkey{
        width: 35vw;
        position: absolute;
        bottom: -11vw;
        /* left: 40vw; */
    }
    .CN3_chooseforme{
        width: 280px;
        position: absolute;
        bottom: 120px;
        right: 400px;
    }
    .CN3_block{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: absolute;
        top: calc( 50% - 670px );
        left: calc( 50% - 940px );
    }
    .CN3_14{
        font-size: 15px;
        top:120px;
        left: 380px;
    }
    .CN3_15{
        font-size: 15px;
        top:120px;
        left: 550px;
    }
    .CN3_16{
        font-size: 15px;
        top:120px;
        left: 720px;
    }
    .CN3_17{
        font-size: 15px;
        top:120px;
        left: 890px;
    }
    .CN3_18{
        font-size: 15px;
        top:120px;
        left: 1060px;
    }
    .CN3_19{
        font-size: 15px;
        top:120px;
        left: 1230px;
    }
    .CN3_20{
        font-size: 15px;
        top:120px;
        left: 1400px;
    }

    .CN3_01{
        font-size: 15px;
        top: 290px;
        left: 380px;
    }
    .CN3_02{
        font-size: 15px;
        top: 290px;
        left: 550px;
    }
    .CN3_03{
        font-size: 15px;
        top: 290px;
        left: 720px;
    }
    .CN3_04{
        font-size: 15px;
        top: 290px;
        left: 890px;
    }
    .CN3_05{
        font-size: 15px;
        top: 290px;
        left: 1060px;
    }
    .CN3_06{
        font-size: 15px;
        top: 290px;
        left: 1230px;
    }
    .CN3_07{
        font-size: 15px;
        top: 290px;
        left: 1400px;
    }

    .CN3_08{
        font-size: 15px;
        top: 460px;
        left: 380px;
    }
    .CN3_09{
        font-size: 15px;
        top: 460px;
        left: 550px;
    }
    .CN3_10{
        font-size: 15px;
        top: 460px;
        left: 720px;
    }
    .CN3_11{
        font-size: 15px;
        top: 460px;
        left: 890px;
    }
    .CN3_12{
        font-size: 15px;
        top: 460px;
        left: 1060px;
    }
    .CN3_13{
        font-size: 15px;
        top: 460px;
        left: 1230px;
    }
    .CN3_21{
        font-size: 15px;
        top: 460px;
        left: 1400px;
    }

    /* .CN3_22{
        font-size: 15px;
        top: 850px;
        left: 430px;
    }
    .CN3_23{
        font-size: 15px;
        top: 850px;
        left: 1350px;
    }
    .CN3_24{
        font-size: 15px;
        top: 850px;
        left: 1580px;
    } */

      
      
      

    /*-------------------------------------------------------*/
    
    #CN3{
        position: relative;
        height: 100vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #dfec26;
        /* background: #000; */
    }
    .CN3_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN3_h2{
        font-size: 6.25vw;
        color: #000;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN3_tx{
        font-size: 1.04vw;
        color: #fff;
        z-index: 1;
        margin: 0.52vw 0 0 0;
    }
    
    .CN3_01,.CN3_02,.CN3_03,.CN3_04,.CN3_05,.CN3_06,.CN3_07,.CN3_08,
    .CN3_09,.CN3_10,.CN3_11,.CN3_12,.CN3_13,.CN3_14,.CN3_15,.CN3_16,
    .CN3_17,.CN3_18,.CN3_19,.CN3_20,.CN3_21,.CN3_22,.CN3_23,.CN3_24{
        font-family: 'Sansita Swashed', system-ui;
        color: #fff;
        position: absolute;
        border: 0.16vw solid #fff;
        border-radius: 0.26vw;
        padding: 0 0 0.52vw 0;
        width: 5vw; height: 5vw;
        display: flex; justify-content: center; align-items: center;
        text-align: center;
    }
    .CN3_monkey{
        width: 35vw;
        position: absolute;
        bottom: -11vw;
        /* left: 40vw; */
    }
    .CN3_chooseforme{
        width: 14.58vw;
        position: absolute;
        bottom: 6.25vw;
        right: 20.83vw;
    }
    .CN3_block{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: absolute;
        top: calc( 50% - 34.90vw );
        left: calc( 50% - 48.96vw );
    }
    .CN3_14{
        font-size: 0.78vw;
        top:6.25vw;
        left: 19.79vw;
    }
    .CN3_15{
        font-size: 0.78vw;
        top:6.25vw;
        left: 28.65vw;
    }
    .CN3_16{
        font-size: 0.78vw;
        top:6.25vw;
        left: 37.50vw;
    }
    .CN3_17{
        font-size: 0.78vw;
        top:6.25vw;
        left: 46.35vw;
    }
    .CN3_18{
        font-size: 0.78vw;
        top:6.25vw;
        left: 55.21vw;
    }
    .CN3_19{
        font-size: 0.78vw;
        top:6.25vw;
        left: 64.06vw;
    }
    .CN3_20{
        font-size: 0.78vw;
        top:6.25vw;
        left: 72.92vw;
    }

    .CN3_01{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 19.79vw;
    }
    .CN3_02{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 28.65vw;
    }
    .CN3_03{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 37.50vw;
    }
    .CN3_04{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 46.35vw;
    }
    .CN3_05{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 55.21vw;
    }
    .CN3_06{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 64.06vw;
    }
    .CN3_07{
        font-size: 0.78vw;
        top: 15.10vw;
        left: 72.92vw;
    }

    .CN3_08{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 19.79vw;
    }
    .CN3_09{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 28.65vw;
    }
    .CN3_10{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 37.50vw;
    }
    .CN3_11{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 46.35vw;
    }
    .CN3_12{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 55.21vw;
    }
    .CN3_13{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 64.06vw;
    }
    .CN3_21{
        font-size: 0.78vw;
        top: 23.96vw;
        left: 72.92vw;
    }
}




/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* CN4 */
@media screen and (max-width:780px) { /*SP*/
    /* #CN4{ display: none; } */
    #CN4{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .CN4_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN4_h2{
        font-size: 40px; line-height: 40px;
        color: #333;
        font-family: 'Sansita Swashed', system-ui;
        text-align: center;
    }
    .CN4_tx{
        font-size: 16px;
        color: #333;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    /*form*/
    .CN4_form{
        /* margin: 50px 0 0 0; */
        color: #ccc;
        font-size: 14px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form label{
        /* margin: 0 5px 0 0; */
    }
    .CN4_form form input,.CN4_form form textarea{
        /* margin: 0 20px 0 0; */
        padding: 5px;
        /* width: 150px; */
        /* height: 50px; */
        line-height: 35px;
        overflow:hidden;
    }
    .CN4_form form input[type="submit"]{
        display: flex; justify-content: center; align-items: center;
        width: 100px;
        height: 50px;
        border-radius : 5px;       
        font-size     : 12px;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        color         : #666;
        line-height   : 1em;
        opacity       : 1;
        transition    : 0.3s;
        box-shadow    : 4px 4px 1px rgba(150,150,150,0.3);
    }
    .CN4_form form input[type="submit"]:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    #response-message{
        margin: 30px 0 0 0;
        text-align: center;
        color: #333;
    }
    .CN4_inquiry{
        margin: 30px 0 0 0;
        color: #000;
        display: flex; justify-content: center; align-items: center;
        width: 100px;
        height: 50px;
        border-radius : 5px;   
        border: 2px solid #666;    
        font-size     : 12px;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        transition    : .3s;
        box-shadow    : 4px 4px 1px rgba(150,150,150,0.3);
    }
    .CN4_inquiry:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    .CN4_formBox{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .CN4_formBox label{
        display: inline-block;
        /* width: 95px; */
    }
    .CN4_formBox input{
        display: inline-block;
        width: 100%;
    }
    .CN4_formBox textarea{
        display: inline-block;
        width: 100%;
    }

    .modaal-content-container{
        display: flex; justify-content: center; align-items: center;
        padding: 50px 30px 30px 30px!important;
        transition: 0.3s;
    }
    .modaal-container{
        border-radius: 3px!important;
    }
    .modaal-close:hover{
        background-color: rgba(0,0,0,0)!important;
    }
    .modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
        background: #dfec26!important;
    }
    /*---414----------------------------------------------------*/
    #CN4{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .CN4_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN4_h2{
        font-size: 9.662vw; line-height: 9.662vw;
        color: #333;
        font-family: 'Sansita Swashed', system-ui;
        text-align: center;
    }
    .CN4_tx{
        font-size: 3.865vw;
        color: #333;
        z-index: 1;
        margin: 2.415vw 0 0 0;
    }

    /*form*/
    .CN4_form{
        /* margin: 12.08vw 0 0 0; */
        color: #ccc;
        font-size: 3.38vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form label{
        /* margin: 0 1.21vw 0 0; */
    }
    .CN4_form form input,.CN4_form form textarea{
        /* margin: 0 4.83vw 0 0; */
        padding: 1.21vw;
        /* width: 36.23vw; */
        /* height: 12.08vw; */
        line-height: 8.45vw;
        overflow:hidden;
    }
    .CN4_form form input[type="submit"]{
        display: flex; justify-content: center; align-items: center;
        width: 24.15vw;
        height: 12.08vw;
        border-radius : 1.21vw;       
        font-size     : 2.90vw;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        color         : #666;
        line-height   : 1em;
        opacity       : 1;
        transition    : 0.3s;
        box-shadow    : 0.97vw 0.97vw 0.24vw rgba(150,150,150,0.3);
    }
    .CN4_form form input[type="submit"]:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    #response-message{
        margin: 7.25vw 0 0 0;
        text-align: center;
        color: #333;
    }
    .CN4_inquiry{
        margin: 7.25vw 0 0 0;
        color: #000;
        display: flex; justify-content: center; align-items: center;
        width: 24.15vw;
        height: 12.08vw;
        border-radius : 1.21vw;   
        border: 0.48vw solid #666;    
        font-size     : 2.90vw;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        transition    : .3s;
        box-shadow    : 0.97vw 0.97vw 0.24vw rgba(150,150,150,0.3);
    }
    .CN4_inquiry:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    .CN4_formBox{
        width: 100%;
        margin: 0 0 4.83vw 0;
    }
    .CN4_formBox label{
        display: inline-block;
        /* width: 22.95vw; */
    }
    .CN4_formBox input{
        display: inline-block;
        width: 100%;
    }
    .CN4_formBox textarea{
        display: inline-block;
        width: 100%;
    }

    .modaal-content-container{
        display: flex; justify-content: center; align-items: center;
        padding: 12.08vw 7.25vw 7.25vw 7.25vw!important;
        transition: 0.3s;
    }
    .modaal-container{
        border-radius: 0.72vw!important;
    }
    .modaal-close:hover{
        background-color: rgba(0,0,0,0)!important;
    }
    .modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
        background: #dfec26!important;
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*/
    #CN4{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .CN4_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN4_h2{
        font-size: 70px;
        color: #333;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN4_tx{
        font-size: 20px;
        color: #333;
        z-index: 1;
        margin: 10px 0 0 0;
    }
    /*form*/
    .CN4_form{
        /* margin: 50px 0 0 0; */
        color: #ccc;
        font-size: 14px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form label{
        /* margin: 0 5px 0 0; */
    }
    .CN4_form form input,.CN4_form form textarea{
        /* margin: 0 20px 0 0; */
        padding: 5px;
        /* width: 150px; */
        /* height: 50px; */
        line-height: 35px;
        overflow:hidden;
    }
    .CN4_form form input[type="submit"]{
        display: flex; justify-content: center; align-items: center;
        width: 100px;
        height: 50px;
        border-radius : 5px;       
        font-size     : 12px;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        color         : #666;
        line-height   : 1em;
        opacity       : 1;
        transition    : 0.3s;
        box-shadow    : 4px 4px 1px rgba(150,150,150,0.3);
    }
    .CN4_form form input[type="submit"]:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    #response-message{
        margin: 30px 0 0 0;
        text-align: center;
        color: #333;
    }
    .CN4_inquiry{
        margin: 50px 0 0 0;
        color: #000;
        display: flex; justify-content: center; align-items: center;
        width: 100px;
        height: 50px;
        border-radius : 5px;   
        border: 2px solid #666;    
        font-size     : 12px;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        transition    : .3s;
        box-shadow    : 4px 4px 1px rgba(150,150,150,0.3);
    }
    .CN4_inquiry:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    .CN4_formBox{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .CN4_formBox label{
        display: inline-block;
        /* width: 95px; */
    }
    .CN4_formBox input{
        display: inline-block;
        width: 100%;
    }
    .CN4_formBox textarea{
        display: inline-block;
        width: 100%;
    }

    .modaal-content-container{
        display: flex; justify-content: center; align-items: center;
        padding: 50px 30px 30px 30px!important;
        transition: 0.3s;
    }
    .modaal-container{
        border-radius: 3px!important;
    }
    .modaal-close:hover{
        background-color: rgba(0,0,0,0)!important;
    }
    .modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
        background: #dfec26!important;
    }
    /*-------------------------------------------------------*/
    #CN4{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
        background: #fff;
    }
    .CN4_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN4_h2{
        font-size: 3.65vw;
        color: #333;
        /* display: block; */
        font-family: 'Sansita Swashed', system-ui;
        /* opacity: 1; */
        /* visibility: hidden; */
    }
    .CN4_tx{
        font-size: 1.04vw;
        color: #333;
        z-index: 1;
        margin: 0.52vw 0 0 0;
    }
    /*form*/
    .CN4_form{
        /* margin: 2.60vw 0 0 0; */
        color: #ccc;
        font-size: 0.73vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
    }
    .CN4_form form label{
        /* margin: 0 0.26vw 0 0; */
    }
    .CN4_form form input,.CN4_form form textarea{
        /* margin: 0 1.04vw 0 0; */
        padding: 0.26vw;
        /* width: 7.81vw; */
        /* height: 2.60vw; */
        line-height: 1.82vw;
        overflow:hidden;
    }
    .CN4_form form input[type="submit"]{
        display: flex; justify-content: center; align-items: center;
        width: 5.21vw;
        height: 2.60vw;
        border-radius : 0.26vw;       
        font-size     : 0.63vw;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        color         : #666;
        line-height   : 1em;
        opacity       : 1;
        transition    : 0.3s;
        box-shadow    : 0.21vw 0.21vw 0.05vw rgba(150,150,150,0.3);
    }
    .CN4_form form input[type="submit"]:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    #response-message{
        margin: 1.56vw 0 0 0;
        text-align: center;
        color: #333;
    }
    .CN4_inquiry{
        margin: 2.60vw 0 0 0;
        color: #000;
        display: flex; justify-content: center; align-items: center;
        width: 5.21vw;
        height: 2.60vw;
        border-radius : 0.26vw;   
        border: 0.10vw solid #666;    
        font-size     : 0.63vw;     
        text-align    : center;   
        cursor        : pointer;  
        background    : #dfec26; 
        transition    : .3s;
        box-shadow    : 0.21vw 0.21vw 0.05vw rgba(150,150,150,0.3);
    }
    .CN4_inquiry:hover {
        box-shadow    : none;
        opacity       : 0.75;
    }
    .CN4_formBox{
        width: 100%;
        margin: 0 0 1.04vw 0;
    }
    .CN4_formBox label{
        display: inline-block;
        /* width: 4.95vw; */
    }
    .CN4_formBox input{
        display: inline-block;
        width: 100%;
    }
    .CN4_formBox textarea{
        display: inline-block;
        width: 100%;
    }

    .modaal-content-container{
        display: flex; justify-content: center; align-items: center;
        padding: 2.60vw 1.56vw 1.56vw 1.56vw!important;
        transition: 0.3s;
    }
    .modaal-container{
        border-radius: 0.16vw!important;
    }
    .modaal-close:hover{
        background-color: rgba(0,0,0,0)!important;
    }
    .modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
        background: #dfec26!important;
    }
}



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* CN5 */
@media screen and (max-width:780px) { /*SP*/
    /* #CN5{ display: none; } */
    #CN5{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
    }
    .CN5_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN5_h2{
        font-size: 40px;
        letter-spacing: 3px;
        color: #fff;
        font-family: 'Sansita Swashed', system-ui;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    .CN5_tx{
        font-size: 12px;
        letter-spacing: 1px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    /*-------------------------------------------------------*/
    #CN5{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
    }
    .CN5_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN5_h2{
        font-size: 9.662vw;
        letter-spacing: 0.725vw;
        color: #fff;
        font-family: 'Sansita Swashed', system-ui;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    .CN5_tx{
        font-size: 2.899vw;
        letter-spacing: 0.242vw;
        color: #fff;
        z-index: 1;
        margin: 2.415vw 0 0 0;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
}
@media screen and (min-width:781px) , print { /*TB&PC*/
    #CN5{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
    }
    .CN5_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN5_h2{
        font-size: 40px;
        letter-spacing: 3px;
        color: #fff;
        font-family: 'Sansita Swashed', system-ui;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    .CN5_tx{
        font-size: 16px;
        letter-spacing: 1px;
        color: #fff;
        z-index: 1;
        margin: 10px 0 0 0;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    /*-------------------------------------------------------*/
    #CN5{
        position: relative;
        height: 50vh;
        display: flex; justify-content: center; align-items: center;
        overflow: hidden;
    }
    .CN5_box{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .CN5_h2{
        font-size: 2.083vw;
        letter-spacing: 0.156vw;
        color: #fff;
        font-family: 'Sansita Swashed', system-ui;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
    .CN5_tx{
        font-size: 0.833vw;
        letter-spacing: 0.052vw;
        color: #fff;
        z-index: 1;
        margin: 0.521vw 0 0 0;
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.1));
    }
}