@charset "UTF-8";

/* sp375 */

/*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:1600px) { /*TB&PC*/
}
@media screen and (min-width:1601px) , 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*/
}



/*XXX*/
@media screen and (max-width:780px) { /*SP*/
    .XXX{
        width: 375px;
        position: absolute;
        top: 0px;
        opacity: 0.5;
        pointer-events: none;
        z-index: 100;
        display: none;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .XXX{
        display: none;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .XXX{
        /* mix-blend-mode: multiply; */
        width: 1920px;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0.3;
        pointer-events: none;
        z-index: 100;
        
        display: none;
    }
}


/* scroll-margin-top */
@media screen and (max-width:1023px) { /*SP*/
    #SST,#CT0,#CT3,#CT4,#CT5,#SNS{ scroll-margin-top: 60px; }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #SST,#CT0,#CT3,#CT4,#CT5,#SNS{ scroll-margin-top: 85px; }
}


/* sns x */
@media screen and (max-width:780px) { /*SP*/
    .header_sns_x{width: 21px;}
}
@media screen and (min-width:781px) and ( max-width:1023px) { /*TB&PC*/
    .header_sns_x{width: 21px;}
}
@media screen and (min-width:1024px) and ( max-width:1500px) { /*TB&PC*/
    .header_sns_x{width: 30px;}
}
@media screen and (min-width:1501px) , print { /*PC*/
    .header_sns_x{width: 30px;}
}
/* footer_tx */
@media screen and (max-width:780px) { /*SP*/
    footer{
        padding: 50px 20px 80px 20px;
    }
    .footer_tx{
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .footer_faq_btn{
        margin: 0 auto 30px;
    }
}
@media screen and (min-width:781px) , print { /*PC*/
    .footer_tx{
        font-size: 12px;
        margin: 0 0 30px 0;
    }
    .footer_faq_btn{
        margin: 0 auto 30px;
    }
}


/* COM_titleWrap */
@media screen and (max-width:780px) { /*SP*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .COM_titleWrap img {
        width: 100%;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /* max-width: 1920px; */
        max-width: 120.00vw;
        width: 100%;
        /* height: 147px; */
        height: 9.19vw;
        /* padding-left: 0px; */
        padding-left: 0.00vw;
        /* padding-right: 0px; */
        padding-right: 0.00vw;
        background-repeat: repeat-x;
        background-position: center top;
        /* background-size: 82px 100%; */
        background-size: 5.13vw 100%;
        background-image: url("../images/COMMON_title_bg.webp");
    }
    .COM_titleWrap img {
        /* width: 1280px; */
        width: 80.00vw;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        max-width: 1920px;
        width: 100%;
        height: 147px;
        padding-left: 0px;
        padding-right: 0px;
        background-repeat: repeat-x;
        background-position: center top;
        background-size: 82px 100%;
        background-image: url("../images/COMMON_title_bg.webp");
    }
    .COM_titleWrap img {
        width: 1280px;
    }
}

/*pagetop.footerFixed*/
@media screen and (max-width:780px) { /*SP*/
    .pagetop.footerFixed {
        bottom: 404px!important;
    }
    /* 375--------------------- */
    .pagetop.footerFixed {
        bottom: 404px!important;
    }
}
@media screen and (min-width:781px) , print { /*PC&TB*/
    .pagetop.footerFixed {
        bottom: 398px!important;
    }
}



:root {
    --commonColor01: #ffffff;
}

body {
    /* font-family: 'Zen Maru Gothic', sans-serif; */
    /* font-feature-settings: "palt"; */
    letter-spacing: 0px;
    font-size: 20px; font-weight: 500;
    background-color: #fff;
    color: var(--commonColor01);
}
@media screen and (max-width:768px) { /*SP*/
    body{ font-size: 16px; line-height: 32px;  }
}
@media screen and (min-width:769px) , print { /*PC&TB*/
    body{font-size: 20px;line-height: 40px;/* display: flex; *//* flex-direction: column; *//* justify-content: center; *//* align-items: center; */}
}
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;
}
.animate{opacity: 0;}

@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; }
}

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

#mdl01,#mdl02,#mdl03,#mdl04,#mdl05{
    display: none;
}
#mdl01:hover,#mdl02:hover,#mdl03:hover,#mdl04:hover,#mdl05:hover{
    transform: scale(1.1)!important;
}
.modaal-wrapper{
    z-index: 99999!important;
}
.modaal-overlay{
    z-index: 99998!important;
}
/* mdlClass */
@media screen and (max-width:780px) { /*SP*/
    .mdlClass .modaal-container{
        background: none!important;
        /* width: calc( 100% - 600px )!important; */
        max-width: initial;
        /* margin: 60px 0 0 0; */
        /* transform: translateY(60px); */
        /* padding: 50px 0 0 0; */
    }
    .modaal-content-container{
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .modaal-close {
        background-image: url('../images/MDL_bt_w.webp')!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        background-size: contain!important;
        position: absolute;
        /* right: 0px; */
        right: 0.00vw;
        /* top: 18px; */
        top: 4.80vw;
        /* width: 24px; */
        width: 6.40vw;
        /* height: 42px; */
        height: 11.20vw;
        border: none;
        outline: none;
        border-radius: 0!important;
        transition: opacity 0.3s!important;
    }
    .modaal-wrapper .modaal-close{
        background: none;
        /* right: 10px; */
        right: 2.67vw;
    }
    .mdl_img{
        /* margin: 46px 0 0 0; */
        margin: 12.27vw 0 0 0;
        max-width: initial;
    }
    /* MDL_01_BT */
    .MDL_01_BT{
        position: absolute;
        /* bottom: 90px; */
        bottom: 24.00vw;
        /* left: 85px; */
        left: 22.67vw;
        /* width: 200px; */
        width: 53.33vw;
    }
    .MDL_01_BT{
        margin: 0 0 0 0;
        max-width: initial;
    }
    .MDL_01_BT:hover{
        opacity: 0.5;
    }
    /* mdl_aikotoba */
    #mdl_aikotoba{
        display: none;
    }
    .MDL_aikotoba{
        position: absolute;
        /* bottom: 120px; */
        bottom: 32.00vw;
        /* left: 410px; */
        left: 109.33vw;
        /* width: 690px; */
        width: 184.00vw;
    }
    .MDL_aikotoba_BT{
        position: absolute;
        /* bottom: 190px; */
        bottom: 50.67vw;
        left: 50%;
        transform: translateX(-50%);
        /* width: 270px; */
        width: 72.00vw;
    }
    .MDL_aikotoba_BT img{
        margin: 0 0 0 0;
        max-width: initial;
        width: 100%;
    }

}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .mdlClass .modaal-container{
        background: none!important;
        /* width: 1500px!important; */
        width: 93.75vw!important;
        max-width: initial;
    }
    .modaal-content-container{
        /* padding: 30px 0px 30px 0px!important; */
        padding: 1.88vw 0.00vw 1.88vw 0.00vw!important;
        position: relative;
    }
    .modaal-close {
        background-image: url('../images/MDL_bt_w.webp')!important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain!important;
        position: absolute;
        /* right: 0px; */
        right: 0.00vw;
        /* top: 40px; */
        top: 2.50vw;
        /* width: 48px; */
        width: 3.00vw;
        /* height: 74px; */
        height: 4.63vw;
        border: none;
        outline: none;
        border-radius: 0!important;
        transition: opacity 0.3s!important;
    }
    .mdl_link{
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .mdl_img{
        /* margin: 130px 0 0 0; */
        margin: 8.13vw 0 0 0;
    }
    /* MDL_01_BT */
    .MDL_01_BT{
        position: absolute;
        /* bottom: 120px; */
        bottom: 7.50vw;
        /* left: 410px; */
        left: 25.62vw;
        /* width: 690px; */
        width: 43.13vw;
    }
    .MDL_01_BT{
        margin: 0 0 0 0;
        max-width: initial;
    }
    .MDL_01_BT:hover{
        opacity: 0.5;
    }
    /* mdl_aikotoba */
    #mdl_aikotoba{
        display: none;
    }
    .MDL_aikotoba{
        position: absolute;
        /* bottom: 120px; */
        bottom: 7.50vw;
        /* left: 410px; */
        left: 25.62vw;
        /* width: 690px; */
        width: 43.13vw;
    }
    .MDL_aikotoba_BT{
        position: absolute;
        /* bottom: 245px; */
        bottom: 15.31vw;
        /* left: 450px; */
        left: 28.13vw;
        /* width: 600px; */
        width: 37.50vw;
    }
    .MDL_aikotoba_BT img{
        margin: 0 0 0 0;
        max-width: initial;
        width: 100%;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .mdlClass .modaal-container{
        background: none!important;
        width: 1500px!important;
        max-width: initial;
    }
    .modaal-content-container{
        padding: 30px 0px 30px 0px!important;
        position: relative;
    }
    .modaal-close {
        background-image: url('../images/MDL_bt_w.webp')!important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain!important;
        position: absolute;
        right: 0px;
        top: 40px;
        width: 48px;
        height: 74px;
        border: none;
        outline: none;
        border-radius: 0!important;
        transition: opacity 0.3s!important;
    }
    .mdl_link{
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .mdl_img{
        margin: 130px 0 0 0;
    }
    /* MDL_01_BT */
    .MDL_01_BT{
        position: absolute;
        bottom: 120px;
        left: 410px;
        width: 690px;
    }
    .MDL_01_BT{
        margin: 0 0 0 0;
        max-width: initial;
    }
    .MDL_01_BT:hover{
        opacity: 0.5;
    }
    /* mdl_aikotoba */
    #mdl_aikotoba{
        display: none;
    }
    .MDL_aikotoba{
        position: absolute;
        bottom: 120px;
        left: 410px;
        width: 690px;
    }
    .MDL_aikotoba_BT{
        position: absolute;
        bottom: 245px;
        left: 450px;
        width: 600px;
    }
    .MDL_aikotoba_BT img{
        margin: 0 0 0 0;
        max-width: initial;
        width: 100%;
    }
}

.modaal-close::before,.modaal-close::after {
    display: none;
}


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

/*common*/
section{
    display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;
}
.contentsBox{
    width: 100%;
    /* max-width: 1200px; */
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
}

/*contentsWrap*/
@media screen and (max-width:780px) { /*SP*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 60px 0 0 0;
    }
}
@media screen and (min-width:781px) and ( max-width:1023px) { /*TB&PC*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 60px 0 0 0;
    }
}
@media screen and (min-width:1024px) and ( max-width:1920px) { /*TB&PC*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 86px 0 0 0;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    #contentsWrap{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 86px 0 0 0;
    }
    
}

/*cmoBT_*/
@media screen and (max-width:780px) { /*SP*/
    .cmoBT_01a{
        position: absolute;
        /* top: 760px; */
        top: 202.67vw;
        /* left: 53px; */
        left: 14.13vw;
        /* width: 365px; */
        width: 97.33vw;
        height: auto;
        transition: opacity 0.3s;
    }
    .cmoBT_01b{
        position: absolute;
        /* top: 790px; */
        top: 210.67vw;
        /* left: 53px; */
        left: 14.13vw;
        /* width: 365px; */
        width: 97.33vw;
        height: auto;
        transition: opacity 0.3s;
    }
    .cmoBT_02{
        /* width: 305px; height: auto; */
        width: 81.33vw; height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .cmoBT_01a,.cmoBT_01b,.cmoBT_01c,.cmoBT_01d{
        position: absolute;
        /* top: 627px; */
        top: 39.19vw;
        /* left: 94px; */
        left: 5.88vw;
        /* width: 434px; */
        width: 27.13vw;
        /* height: 286px; */
        height: 17.88vw;
        transition: opacity 0.3s;
    }
    .cmoBT_02{
        /* width: 500px; height: auto; */
        width: 31.25vw; height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_02 img{ width: auto; }
    .cmoBT_02a{
        /* width: 600px; height: auto; */
        width: 37.50vw; height: auto;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_03{
        /* width: 600px; height: auto; */
        width: 37.50vw; height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_01a:hover,.cmoBT_01b:hover,.cmoBT_01c:hover,.cmoBT_01d:hover,
    .cmoBT_02:hover,.cmoBT_02a:hover,.cmoBT_03:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .cmoBT_01a,.cmoBT_01b,.cmoBT_01c,.cmoBT_01d{
        position: absolute;
        top: 627px;
        left: 94px;
        width: 434px;
        height: 286px;
        transition: opacity 0.3s;
    }
    .cmoBT_02{
        width: 500px; height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_02 img{ width: auto; }
    .cmoBT_02a{
        width: 600px; height: auto;
        margin: 30px 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_03{
        width: 600px; height: auto;
        margin: 40px 0 0 0;
        transition: opacity 0.3s;
    }
    .cmoBT_01a:hover,.cmoBT_01b:hover,.cmoBT_01c:hover,.cmoBT_01d:hover,
    .cmoBT_02:hover,.cmoBT_02a:hover,.cmoBT_03:hover{
        opacity: 0.5;
    }
}

/*cmoBG_*/
@media screen and (max-width:780px) { /*SP*/
    .COMMON_bg1{
        background-image: url('../images/COMMON_bg1_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 1130px; */
        background-size: 100.00vw 301.33vw;
        /* background-position: center 0px; */
        background-position: center 0.00vw;
    }
    .COMMON_bg2{
        background-image: url('../images/COMMON_bg2_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 2869px; */
        background-size: 100.00vw 765.07vw;
        /* background-position: center 58px; */
        background-position: center 15.47vw;
        padding: 0 0 0 0;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .COMMON_bg1{
        background-image: url('../images/COMMON_bg1_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1920px 1322px; */
        background-size: 120.00vw 82.63vw;
        /* background-position: center 0px; */
        background-position: center 0.00vw;
    }
    .COMMON_bg2{
        background-image: url('../images/COMMON_bg2_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1920px 3453px; */
        background-size: 120.00vw 215.81vw;
        /* background-position: center 100px; */
        background-position: center 6.25vw;
        /* padding: 0px 0px 23px 0; */
        padding: 0.00vw 0.00vw 1.44vw 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .COMMON_bg1{
        background-image: url('../images/COMMON_bg1_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 1322px;
        background-position: center 0px;
    }
    .COMMON_bg2{
        background-image: url('../images/COMMON_bg2_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 3453px;
        background-position: center 100px;
        padding: 0px 0px 23px 0;
    }
}


/*-------------------------------------*/
/*KYV*/
@media screen and (max-width:780px) { /*SP*/
    #KYV{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        background-color: #fff;
    }
    .KYV_wrap{
        position: relative;
        width: 100.00vw;
        height: auto;
        aspect-ratio: 375 / 376;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .KYV_bg{
        width: 100%; height: auto;
        position: absolute;
        top: 0; left: 0;
        z-index: 0;
    }
    .KYV_01{
        position: relative;
        /* width: 135px; */
        width: 36.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 9px; */
        top: 2.40vw;
        /* left: 120px; */
        left: 32.00vw;
    }
    .KYV_02{
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .KYV_03{
        position: relative;
        /* width: 349px; */
        width: 93.07vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 229px; */
        top: 61.07vw;
        /* left: 20px; */
        left: 5.33vw;
    }
    .KYV_04{
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* bottom: 0px; */
        bottom: 0.00vw;
        /* left: 0px; */
        left: 0.00vw;
    }
}
@media screen and (min-width:781px) and ( max-width:1920px) { /*TB&PC*/
    #KYV{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        background-color: #fff;
        margin: 0 0 0 0;
    }
    .KYV_wrap{
        position: relative;
        /* width: 1920px; */
        width: 100.00vw;
        height: auto;
        aspect-ratio: 1920 / 800;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .KYV_bg{
        width: 100%;
        height: auto;
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        left: 0;
        z-index: 0;
    }
    .KYV_01{
        position: relative;
        /* width: 293px; */
        width: 15.26vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 20px; */
        top: 1.04vw;
        /* left: 814px; */
        left: 42.40vw;
    }
    .KYV_02{
        position: relative;
        /* width: 1920px; */
        width: 100.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 4px; */
        top: 0.21vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .KYV_03{
        position: relative;
        /* width: 663px; */
        width: 34.53vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 508px; */
        top: 26.46vw;
        /* left: 919px; */
        left: 47.86vw;
    }
    .KYV_04{
        position: relative;
        /* width: 1920px; */
        width: 100.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        /* bottom: 0px; */
        bottom: 0.00vw;
        /* left: 0px; */
        left: 0.00vw;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    #KYV{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        background-color: #fff;
        margin: 0 0 0 0;
    }
    .KYV_wrap{
        position: relative;
        width: 1920px;
        height: auto;
        aspect-ratio: 1920 / 800;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .KYV_bg{
        width: 100%;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 0;
    }
    .KYV_01{
        position: relative;
        width: 293px;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        top: 20px;
        left: 814px;
    }
    .KYV_02{
        position: relative;
        width: 1920px;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        top: 4px;
        left: 0px;
    }
    .KYV_03{
        position: relative;
        width: 663px;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        top: 508px;
        left: 919px;
    }
    .KYV_04{
        position: relative;
        width: 1920px;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
}


/*-------------------------------------*/
/*NAV*/
@media screen and (max-width:780px) { /*SP*/
    #NAV{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
    }
    .NAV_wrap{
        position: relative;
        width: 100.00vw;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        /* margin: 16px 0 0 0; */
        margin: 4.27vw 0 0 0;
        /* gap: 11px 15px; */
        gap: 2.93vw 4.00vw;
    }
    .NAV_link{
        /* width: 160px; */
        width: 42.67vw;
        transition: opacity 0.3s;
    }
    .NAV_link:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #NAV{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
    }
    .NAV_wrap{
        position: relative;
        /* width: 1500px; */
        width: 93.75vw;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        /* margin: 41px 0 0 0; */
        margin: 2.56vw 0 0 0;
        /* gap: 20px; */
        gap: 1.25vw;
    }
    .NAV_link{
        /* width: 412px; */
        width: 25.75vw;
        transition: opacity 0.3s;
    }
    .NAV_link:nth-of-type(3n){
    }
    .NAV_link:hover{
        opacity: 0.5;
    }
    .NAV_link_owabi{
        /* width: 996px; */
        width: 62.25vw;
        /* margin: 0 20px 20px 0; */
        margin: 0 1.25vw 1.25vw 0;
        transition: opacity 0.3s;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
    .NAV_link_owabi:hover{
        opacity: 0.75;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #NAV{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
    }
    .NAV_wrap{
        position: relative;
        width: 1500px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin: 41px 0 0 0;
        gap: 20px;
    }
    .NAV_link{
        width: 412px;
        transition: opacity 0.3s;
    }
    .NAV_link:nth-of-type(3n){
    }
    .NAV_link:hover{
        opacity: 0.5;
    }
    .NAV_link_owabi{
        width: 996px;
        margin: 0 20px 20px 0;
        transition: opacity 0.3s;
        margin: 30px 0 0 0;
    }
    .NAV_link_owabi:hover{
        opacity: 0.75;
    }
}


/*-------------------------------------*/
/*SCL*/
@media screen and (max-width:780px) { /*SP*/
    #SCL{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        z-index: 1;
        /* margin: 40px 0 0 0; */
        margin: 10.67vw 0 0 0;
        padding: 0 0 0 0;
    }
    .SCL_wrap{
        position: relative;
        /* width: 335px; */
        width: 89.33vw;
        /* height: 855px; */
        height: 228.00vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .SCL_00{
        position: absolute;
        top: 0;
        left: 0;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        z-index: -1;
    }
    .SCL_01{
        /* width: 251px; */
        width: 66.93vw;
        height: auto;
        position: absolute;
        /* top: 40px; */
        top: 10.67vw;
        /* left: 42px; */
        left: 11.20vw;
    }
    .SCL_02{
        /* width: 288px; */
        width: 76.80vw;
        height: auto;
        /* margin: 105px 0 0 0; */
        margin: 28.00vw 0 0 0;
    }
    .SCL_03{
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        /* margin: 19px 0 0 0; */
        margin: 5.07vw 0 0 0;
    }
    .SCL_03:hover{opacity: 0.5;}
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #SCL{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        z-index: 1;
        /* margin: 80px 0 0 0; */
        margin: 5.00vw 0 0 0;
        /* padding: 0 0 190px 0; */
        padding: 0 0 11.88vw 0;
    }
    .SCL_wrap{
        position: relative;
        /* width: 1280px; */
        width: 80.00vw;
        /* height: 788px; */
        height: 49.25vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .SCL_00{
        position: absolute;
        top: 0;
        left: 0;
        /* width: 1380px; */
        width: 86.25vw;
        height: auto;
        z-index: -1;
    }
    .SCL_01{
        /* width: 778px; */
        width: 48.63vw;
        height: auto;
        position: absolute;
        /* top: 78px; */
        top: 4.88vw;
        /* left: 249px; */
        left: 15.56vw;
    }
    .SCL_02{
        /* width: 1180px; */
        width: 73.75vw;
        height: auto;
        /* margin: 150px 0 0 0; */
        margin: 9.38vw 0 0 0;
    }
    .SCL_03{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 37px 0 0 0; */
        margin: 2.31vw 0 0 0;
    }
    .SCL_03:hover{opacity: 0.5;}
    .SCL_04{
        /* width: 490px; height: auto; */
        width: 30.63vw; height: auto;
        /* margin: 12px 0 0 0; */
        margin: 0.75vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #SCL{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        z-index: 1;
        margin: 80px 0 0 0;
        padding: 0 0 190px 0;
    }
    .SCL_wrap{
        position: relative;
        width: 1280px;
        height: 788px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 0 0;
    }
    .SCL_00{
        position: absolute;
        top: 0;
        left: 0;
        width: 1380px;
        height: auto;
        z-index: -1;
    }
    .SCL_01{
        width: 778px;
        height: auto;
        position: absolute;
        top: 78px;
        left: 249px;
    }
    .SCL_02{
        width: 1180px;
        height: auto;
        margin: 150px 0 0 0;
    }
    .SCL_03{
        width: 600px;
        height: auto;
        margin: 37px 0 0 0;
    }
    .SCL_03:hover{opacity: 0.5;}
    .SCL_04{
        width: 490px; height: auto;
        margin: 12px 0 0 0;
    }
}


/*-------------------------------------*/
/*CT0*/
@media screen and (max-width:780px) { /*SP*/
    #CT0{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .CT0_wrap{
        position: relative;
        width: 100%; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .CT0_02{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 16px 0 0 0; */
        margin: 4.27vw 0 0 0;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT0{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .CT0_wrap{
        position: relative;
        width: 100%; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .CT0_02{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT0{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .CT0_wrap{
        position: relative;
        width: 100%; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .CT0_02{
        width: 1280px; height: auto;
        margin: 30px 0 0 0;
    }
}


/*-------------------------------------*/
/*CT1*/
@media screen and (max-width:780px) { /*SP*/
    #CT1{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT1_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 26px 0 0px 0; */
        margin: 6.93vw 0 0.00vw 0;
    }
    .CT1_00{
        width: 100%; height: auto;
    }
    .CT1_01{
        position: absolute;
        /* top: 2px; */
        top: 0.53vw;
        /* left: 4px; */
        left: 1.07vw;
        /* width: 211px; */
        width: 56.27vw;
        height: auto;
    }
    .CT1_02{
        position: absolute;
        /* top: 98px; */
        top: 26.13vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
    }
    .CT1_03{
        position: absolute;
        /* top: 20px; */
        top: 5.33vw;
        /* left: 247px; */
        left: 65.87vw;
        /* width: 108px; */
        width: 28.80vw;
        height: auto;
    }
    .CT1_04{
        position: absolute;
        /* top: 576px; */
        top: 153.60vw;
        /* left: 5px; */
        left: 1.33vw;
        /* width: 363px; */
        width: 96.80vw;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        /* top: 331px; */
        top: 88.27vw;
        /* left: 20px; */
        left: 5.33vw;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        /* top: 758px; */
        top: 202.13vw;
        /* left: 20px; */
        left: 5.33vw;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT1_07_1{
        /* width: 285px; */
        width: 76.00vw;
        height: auto;
        position: absolute;
        /* top: 885px; */
        top: 236.00vw;
        /* left: 45px; */
        left: 12.00vw;
        transition: 0.3s;
    }
    .CT1_07_2{
        /* width: 285px; */
        width: 76.00vw;
        height: auto;
        position: absolute;
        /* top: 1043px; */
        top: 278.13vw;
        /* left: 45px; */
        left: 12.00vw;
        transition: 0.3s;
    }
    .CT1_08{
        /* width: 330px; */
        width: 88.00vw;
        position: absolute;
        /* top: 1122px; */
        top: 299.20vw;
        /* left: 21px; */
        left: 5.60vw;
    }
    .CT1_09{
        /* width: 345px; */
        width: 92.00vw;
        position: absolute;
        /* top: 1201px; */
        top: 320.27vw;
        /* left: 10px; */
        left: 2.67vw;
        transition: 0.3s;
    }
    .CT1_07_1:hover{opacity: 0.5;}
    .CT1_07_2:hover{opacity: 0.5;}
    .CT1_09:hover{opacity: 0.5;}
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT1{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT1_wrap{
        position: relative;
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 63px 0 81px 0; */
        margin: 3.94vw 0 5.06vw 0;
    }
    .CT1_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT1_01{
        position: absolute;
        /* top: -40px; */
        top: -2.50vw;
        /* left: -32px; */
        left: -2.00vw;
        /* width: 424px; */
        width: 26.50vw;
        height: auto;
    }
    .CT1_02{
        position: absolute;
        /* top: -91px; */
        top: -5.69vw;
        /* left: 188px; */
        left: 11.75vw;
        /* width: 1201px; */
        width: 75.06vw;
        height: auto;
    }
    .CT1_03{
        position: absolute;
        /* top: 49px; */
        top: 3.06vw;
        /* left: 383px; */
        left: 23.94vw;
        /* width: 217px; */
        width: 13.56vw;
        height: auto;
    }
    .CT1_04{
        position: absolute;
        /* top: 587px; */
        top: 36.69vw;
        /* left: 40px; */
        left: 2.50vw;
        /* width: 525px; */
        width: 32.81vw;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        /* top: 458px; */
        top: 28.63vw;
        /* left: 578px; */
        left: 36.13vw;
        /* width: 660px; */
        width: 41.25vw;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        /* top: 978px; */
        top: 61.12vw;
        /* left: 39px; */
        left: 2.44vw;
        /* width: 1201px; */
        width: 75.06vw;
        height: auto;
    }
    .CT1_07_1{
        /* width: 548px; */
        width: 34.25vw;
        height: auto;
        position: absolute;
        /* top: 1208px; */
        top: 75.50vw;
        /* left: 81px; */
        left: 5.06vw;
        transition: 0.3s;
    }
    .CT1_07_2{
        /* width: 548px; */
        width: 34.25vw;
        height: auto;
        position: absolute;
        /* top: 1208px; */
        top: 75.50vw;
        /* left: 651px; */
        left: 40.69vw;
        transition: 0.3s;
    }
    .CT1_08{
        /* width: 595px; */
        width: 37.19vw;
        position: absolute;
        /* top: 1359px; */
        top: 84.94vw;
        /* left: 42px; */
        left: 2.63vw;
    }
    .CT1_09{
        /* width: 581px; */
        width: 36.31vw;
        position: absolute;
        /* top: 1339px; */
        top: 83.69vw;
        /* left: 660px; */
        left: 41.25vw;
        transition: 0.3s;
    }
    .CT1_07_1:hover{opacity: 0.5;}
    .CT1_07_2:hover{opacity: 0.5;}
    .CT1_09:hover{opacity: 0.5;}
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT1{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT1_wrap{
        position: relative;
        width: 1280px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 63px 0 81px 0;
    }
    .CT1_00{
        width: 1280px; height: auto;
    }
    .CT1_01{
        position: absolute;
        top: -40px;
        left: -32px;
        width: 424px;
        height: auto;
    }
    .CT1_02{
        position: absolute;
        top: -91px;
        left: 188px;
        width: 1201px;
        height: auto;
    }
    .CT1_03{
        position: absolute;
        top: 49px;
        left: 383px;
        width: 217px;
        height: auto;
    }
    .CT1_04{
        position: absolute;
        top: 587px;
        left: 40px;
        width: 525px;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        top: 458px;
        left: 578px;
        width: 660px;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        top: 978px;
        left: 39px;
        width: 1201px;
        height: auto;
    }
    .CT1_07_1{
        width: 548px;
        height: auto;
        position: absolute;
        top: 1208px;
        left: 81px;
        transition: 0.3s;
    }
    .CT1_07_2{
        width: 548px;
        height: auto;
        position: absolute;
        top: 1208px;
        left: 651px;
        transition: 0.3s;
    }
    .CT1_08{
        width: 595px;
        position: absolute;
        top: 1359px;
        left: 42px;
    }
    .CT1_09{
        width: 581px;
        position: absolute;
        top: 1339px;
        left: 660px;
        transition: 0.3s;
    }
    .CT1_07_1:hover{opacity: 0.5;}
    .CT1_07_2:hover{opacity: 0.5;}
    .CT1_09:hover{opacity: 0.5;}
}


/*-------------------------------------*/
/*CT2*/
@media screen and (max-width:780px) { /*SP*/
    #CT2{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT2_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 32px 0 40px 0; */
        margin: 8.53vw 0 10.67vw 0;
    }
    .CT2_00{
        width: 100%; height: auto;
    }
    .CT2_01{
        position: absolute;
        /* top: 7px; */
        top: 1.87vw;
        /* left: 10px; */
        left: 2.67vw;
        /* width: 247px; */
        width: 65.87vw;
        height: auto;
    }
    .CT2_02{
        position: absolute;
        /* top: 104px; */
        top: 27.73vw;
        left: 0;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
    }
    .CT2_03{
        position: absolute;
        /* top: 20px; */
        top: 5.33vw;
        /* left: 255px; */
        left: 68.00vw;
        /* width: 100px; */
        width: 26.67vw;
        height: auto;
    }
    .CT2_04{
        position: absolute;
        /* top: 581px; */
        top: 154.93vw;
        /* left: 5px; */
        left: 1.33vw;
        /* width: 364px; */
        width: 97.07vw;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        /* top: 336px; */
        top: 89.60vw;
        /* left: 20px; */
        left: 5.33vw;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        /* top: 742px; */
        top: 197.87vw;
        /* left: 20px; */
        left: 5.33vw;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT2_07_1{
        /* width: 285px; */
        width: 76.00vw;
        height: auto;
        position: absolute;
        /* top: 870px; */
        top: 232.00vw;
        /* left: 45px; */
        left: 12.00vw;
        transition: 0.3s;
    }
    .CT2_07_2{
        /* width: 285px; */
        width: 76.00vw;
        height: auto;
        position: absolute;
        /* top: 1028px; */
        top: 274.13vw;
        /* left: 45px; */
        left: 12.00vw;
        transition: 0.3s;
    }
    .CT2_08{
        /* width: 330px; */
        width: 88.00vw;
        position: absolute;
        /* top: 1107px; */
        top: 295.20vw;
        /* left: 21px; */
        left: 5.60vw;
    }
    .CT2_09{
        /* width: 345px; */
        width: 92.00vw;
        position: absolute;
        /* top: 1179px; */
        top: 314.40vw;
        /* left: 10px; */
        left: 2.67vw;
        transition: 0.3s;
    }
    .CT2_07_1:hover{opacity: 0.5;}
    .CT2_07_2:hover{opacity: 0.5;}
    .CT2_09:hover{opacity: 0.5;}
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT2{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT2_wrap{
        position: relative;
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 0px 0 60px 0; */
        margin: 0.00vw 0 3.75vw 0;
    }
    .CT2_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT2_01{
        position: absolute;
        /* top: 40px; */
        top: 2.50vw;
        /* left: -26px; */
        left: -1.63vw;
        /* width: 412px; */
        width: 25.75vw;
        height: auto;
    }
    .CT2_02{
        position: absolute;
        /* top: -68px; */
        top: -4.25vw;
        /* left: 262px; */
        left: 16.38vw;
        /* width: 1020px; */
        width: 63.75vw;
        height: auto;
    }
    .CT2_03{
        position: absolute;
        /* top: 51px; */
        top: 3.19vw;
        /* left: 389px; */
        left: 24.31vw;
        /* width: 201px; */
        width: 12.56vw;
        height: auto;
    }
    .CT2_04{
        position: absolute;
        /* top: 632px; */
        top: 39.50vw;
        /* left: 40px; */
        left: 2.50vw;
        /* width: 522px; */
        width: 32.63vw;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        /* top: 458px; */
        top: 28.63vw;
        /* left: 578px; */
        left: 36.13vw;
        /* width: 661px; */
        width: 41.31vw;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        /* top: 978px; */
        top: 61.12vw;
        /* left: 39px; */
        left: 2.44vw;
        /* width: 1201px; */
        width: 75.06vw;
        height: auto;
    }
    .CT2_07_1{
        /* width: 548px; */
        width: 34.25vw;
        height: auto;
        position: absolute;
        /* top: 1208px; */
        top: 75.50vw;
        /* left: 81px; */
        left: 5.06vw;
        transition: 0.3s;
    }
    .CT2_07_2{
        /* width: 548px; */
        width: 34.25vw;
        height: auto;
        position: absolute;
        /* top: 1208px; */
        top: 75.50vw;
        /* left: 651px; */
        left: 40.69vw;
        transition: 0.3s;
    }
    .CT2_08{
        /* width: 595px; */
        width: 37.19vw;
        position: absolute;
        /* top: 1359px; */
        top: 84.94vw;
        /* left: 42px; */
        left: 2.63vw;
    }
    .CT2_09{
        /* width: 581px; */
        width: 36.31vw;
        position: absolute;
        /* top: 1339px; */
        top: 83.69vw;
        /* left: 660px; */
        left: 41.25vw;
        transition: 0.3s;
    }
    .CT2_07_1:hover{opacity: 0.5;}
    .CT2_07_2:hover{opacity: 0.5;}
    .CT2_09:hover{opacity: 0.5;}
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT2{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT2_wrap{
        position: relative;
        width: 1280px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 0px 0 60px 0;
    }
    .CT2_00{
        width: 1280px; height: auto;
    }
    .CT2_01{
        position: absolute;
        top: 40px;
        left: -26px;
        width: 412px;
        height: auto;
    }
    .CT2_02{
        position: absolute;
        top: -68px;
        left: 262px;
        width: 1020px;
        height: auto;
    }
    .CT2_03{
        position: absolute;
        top: 51px;
        left: 389px;
        width: 201px;
        height: auto;
    }
    .CT2_04{
        position: absolute;
        top: 632px;
        left: 40px;
        width: 522px;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        top: 458px;
        left: 578px;
        width: 661px;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        top: 978px;
        left: 39px;
        width: 1201px;
        height: auto;
    }
    .CT2_07_1{
        width: 548px;
        height: auto;
        position: absolute;
        top: 1208px;
        left: 81px;
        transition: 0.3s;
    }
    .CT2_07_2{
        width: 548px;
        height: auto;
        position: absolute;
        top: 1208px;
        left: 651px;
        transition: 0.3s;
    }
    .CT2_08{
        width: 595px;
        position: absolute;
        top: 1359px;
        left: 42px;
    }
    .CT2_09{
        width: 581px;
        position: absolute;
        top: 1339px;
        left: 660px;
        transition: 0.3s;
    }
    .CT2_07_1:hover{opacity: 0.5;}
    .CT2_07_2:hover{opacity: 0.5;}
    .CT2_09:hover{opacity: 0.5;}
}


/*-------------------------------------*/
/*CT5*/
@media screen and (max-width:780px) { /*SP*/
    #CT5{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT5_00_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 1534px; */
        background-size: 100.00vw 409.07vw;
        /* background-position: center 60px; */
        background-position: center 16.00vw;
        /* padding: 0 0 85px 0; */
        padding: 0 0 22.67vw 0;
    }
    .CT5_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
    }
    .CT5_title{
        width: 100%;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        /* width: 310px; */
        width: 82.67vw;
        height: auto;
        /* margin: 16px 0 0 6px; */
        margin: 4.27vw 0 0 1.60vw;
    }
    .CT5_02{
        /* width: 330px; */
        width: 88.00vw;
        height: auto;
        /* margin: 20px 0 0 -2px; */
        margin: 5.33vw 0 0 -0.53vw;
    }
    .CT5_03{
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        /* margin: 35px 0 0 0; */
        margin: 9.33vw 0 0 0;
    }
    .CT5_03:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT5{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT5_00_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1920px 1503px; */
        background-size: 120.00vw 93.94vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 160px 0; */
        padding: 0 0 10.00vw 0;
    }
    .CT5_wrap{
        position: relative;
        /* width: 1400px; height: auto; */
        width: 87.50vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .CT5_title{
        /* width: 500px; */
        width: 31.25vw;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        /* width: 1202px; */
        width: 75.13vw;
        height: auto;
        /* margin: 9px 0 0 8px; */
        margin: 0.56vw 0 0 0.50vw;
    }
    .CT5_02{
        /* width: 1200px; */
        width: 75.00vw;
        height: auto;
        /* margin: 33px 0 0 0; */
        margin: 2.06vw 0 0 0;
    }
    .CT5_03{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 65px 0 0 0; */
        margin: 4.06vw 0 0 0;
    }
    .CT5_03:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT5{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT5_00_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 1503px;
        background-position: center 118px;
        padding: 0 0 160px 0;
    }
    .CT5_wrap{
        position: relative;
        width: 1400px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 40px 0 0 0;
    }
    .CT5_title{
        width: 500px;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        width: 1202px;
        height: auto;
        margin: 9px 0 0 8px;
    }
    .CT5_02{
        width: 1200px;
        height: auto;
        margin: 33px 0 0 0;
    }
    .CT5_03{
        width: 600px;
        height: auto;
        margin: 65px 0 0 0;
    }
    .CT5_03:hover{
        opacity: 0.5;
    }
}


/*-------------------------------------*/
/*CT6*/
@media screen and (max-width:780px) { /*SP*/
    #CT6 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT6_00_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 2512px; */
        background-size: 100.00vw 669.87vw;
        /* background-position: center 60px; */
        background-position: center 16.00vw;
        /* padding: 0 0 70px 0; */
        padding: 0 0 18.67vw 0;
    }
    .CT6_wrap {
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 14px 0 0 0; */
        margin: 3.73vw 0 0 0;
    }
    .CT6_title{
        width: 100%;
    }
    .CT6_01{
        /* width: 338px; */
        width: 90.13vw;
        height: auto;
        /* margin: 0 0 0 0px; */
        margin: 0 0 0 0.00vw;
    }
    .CT6_02{
        /* width: 369px; */
        width: 98.40vw;
        height: auto;
        /* margin: 1px 0 0 -2px; */
        margin: 0.27vw 0 0 -0.53vw;
    }
    .CT6_03{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 10px 0 0 0; */
        margin: 2.67vw 0 0 0;
    }
    .CT6_04{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 19px 0 0 0; */
        margin: 5.07vw 0 0 0;
    }
    .CT6_05{
        position: absolute;
        /* top: 2324px; */
        top: 619.73vw;
        /* left: 53px; */
        left: 14.13vw;
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
    }
    .CT6_05:hover{
        opacity: 0.5;
    }    
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT6{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT6_00_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1920px 2321px; */
        background-size: 120.00vw 145.06vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 162px 0; */
        padding: 0 0 10.13vw 0;
    }
    .CT6_wrap{
        position: relative;
        /* width: 1400px; */
        width: 87.50vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 22px 0 0 0; */
        margin: 1.38vw 0 0 0;
    }
    .CT6_title{
        /* width: 1280px; */
        width: 80.00vw;
    }
    .CT6_01{
        /* width: 589px; */
        width: 36.81vw;
        height: auto;
        /* margin: 0 0 0 -8px; */
        margin: 0 0 0 -0.50vw;
    }
    .CT6_02{
        /* width: 1212px; */
        width: 75.75vw;
        height: auto;
        /* margin: -6px 0 0 8px; */
        margin: -0.38vw 0 0 0.50vw;
    }
    .CT6_03{
        /* width: 1200px; */
        width: 75.00vw;
        height: auto;
        /* margin: 19px 0 0 0; */
        margin: 1.19vw 0 0 0;
    }
    .CT6_04{
        /* width: 1200px; */
        width: 75.00vw;
        height: auto;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
    .CT6_05{
        position: absolute;
        /* top: 1970px; */
        top: 123.13vw;
        /* left: 400px; */
        left: 25.00vw;
        /* width: 601px; */
        width: 37.56vw;
        height: auto;
    }
    .CT6_05:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT6{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT6_00_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 2321px;
        background-position: center 118px;
        padding: 0 0 162px 0;
    }
    .CT6_wrap{
        position: relative;
        width: 1400px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 22px 0 0 0;
    }
    .CT6_title{
        width: 1280px;
    }
    .CT6_01{
        width: 589px;
        height: auto;
        margin: 0 0 0 -8px;
    }
    .CT6_02{
        width: 1212px;
        height: auto;
        margin: -6px 0 0 8px;
    }
    .CT6_03{
        width: 1200px;
        height: auto;
        margin: 19px 0 0 0;
    }
    .CT6_04{
        width: 1200px;
        height: auto;
        margin: 30px 0 0 0;
    }
    .CT6_05{
        position: absolute;
        top: 1970px;
        left: 400px;
        width: 601px;
        height: auto;
    }
    .CT6_05:hover{
        opacity: 0.5;
    }
}


/*-------------------------------------*/
/*CT7*/
@media screen and (max-width:780px) { /*SP*/
    #CT7 {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        /* height: 2340px; */
        height: 624.00vw;
        margin: 0 0 0 0;
        background-image: url('../images/CT7_00_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 2340px; */
        background-size: 100.00vw 624.00vw;
        /* background-position: center 59px; */
        background-position: center 15.73vw;
        /* padding: 0 0 60px 0; */
        padding: 0 0 16.00vw 0;
    }
    .CT7_wrap {
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 10px 0 0 0; */
        margin: 2.67vw 0 0 0;
    }
    .CT7_title{
        width: 100%;
    }
    .CT7_01{
        /* width: 355px; */
        width: 94.67vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_02{
        position: absolute;
        /* top: 250px; */
        top: 66.67vw;
        /* left: 29px; */
        left: 7.73vw;
        /* width: 320px; */
        width: 85.33vw;
        height: auto;
    }
    .CT7_03{
        position: absolute;
        /* top: 1026px; */
        top: 273.60vw;
        /* left: 30px; */
        left: 8.00vw;
        /* width: 315px; */
        width: 84.00vw;
        height: auto;
    }
    .CT7_04{
        position: absolute;
        /* top: 1490px; */
        top: 397.33vw;
        /* left: 20px; */
        left: 5.33vw;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT7_05{
        position: absolute;
        /* top: 2100px; */
        top: 560.00vw;
        /* left: 53px; */
        left: 14.13vw;
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
    }
    .CT7_05:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT7{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT7_00_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1920px 2161px; */
        background-size: 120.00vw 135.06vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 867px 0; */
        padding: 0 0 54.19vw 0;
    }
    .CT7_wrap{
        position: relative;
        /* width: 1400px; */
        width: 87.50vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 24px 0 0 0; */
        margin: 1.50vw 0 0 0;
    }
    .CT7_title{
        /* width: 1280px; */
        width: 80.00vw;
    }
    .CT7_01{
        /* width: 1240px; */
        width: 77.50vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_02{
        position: absolute;
        /* top: 263px; */
        top: 16.44vw;
        /* left: 49px; */
        left: 3.06vw;
        /* width: 1207px; */
        width: 75.44vw;
        height: auto;
    }
    .CT7_03{
        position: absolute;
        /* top: 796px; */
        top: 49.75vw;
        /* left: 140px; */
        left: 8.75vw;
        /* width: 1120px; */
        width: 70.00vw;
        height: auto;
    }
    .CT7_04{
        position: absolute;
        /* top: 1280px; */
        top: 80.00vw;
        /* left: 100px; */
        left: 6.25vw;
        /* width: 1200px; */
        width: 75.00vw;
        height: auto;
    }
    .CT7_05{
        position: absolute;
        /* top: 1803px; */
        top: 112.69vw;
        /* left: 400px; */
        left: 25.00vw;
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
    }
    .CT7_05:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT7{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT7_00_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 2161px;
        background-position: center 118px;
        padding: 0 0 867px 0;
    }
    .CT7_wrap{
        position: relative;
        width: 1400px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 24px 0 0 0;
    }
    .CT7_title{
        width: 1280px;
    }
    .CT7_01{
        width: 1240px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_02{
        position: absolute;
        top: 263px;
        left: 49px;
        width: 1207px;
        height: auto;
    }
    .CT7_03{
        position: absolute;
        top: 796px;
        left: 140px;
        width: 1120px;
        height: auto;
    }
    .CT7_04{
        position: absolute;
        top: 1280px;
        left: 100px;
        width: 1200px;
        height: auto;
    }
    .CT7_05{
        position: absolute;
        top: 1803px;
        left: 400px;
        width: 600px;
        height: auto;
    }
    .CT7_05:hover{
        opacity: 0.5;
    }
}


/*-------------------------------------*/
/*CT8*/
@media screen and (max-width:780px) { /*SP*/
    #CT8 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT8_00_sp.webp');
        background-repeat: repeat-y;
        /* background-size: 375px 1980px; */
        background-size: 100.00vw 528.00vw;
        /* background-position: center 358px; */
        background-position: center 95.47vw;
        /* padding: 0 0 20px 0; */
        padding: 0 0 5.33vw 0;
    }
    .CT8_wrap {
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 16px 0 0 0; */
        margin: 4.27vw 0 0 0;
    }
    /* ----------- */
    .CT8_title{
        width: 100%;
    }
    .CT8_01{
        /* width: 276px; */
        width: 73.60vw;
        height: auto;
        /* margin: 0 0 26px 0; */
        margin: 0 0 6.93vw 0;
    }
    .CT8_02{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 0 0 23px 0; */
        margin: 0 0 6.13vw 0;
    }
    .CT8_03{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 0 0 38px 0; */
        margin: 0 0 10.13vw 0;
    }
    .CT8_04{
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        /* margin: 0 0 79px 0; */
        margin: 0 0 21.07vw 0;
    }
    .CT8_04:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT8{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT8_00_pc.webp');
        /* background-size: 1920px 2757px; */
        background-size: 120.00vw 172.31vw;
        background-position: center 0;
        /* padding: 0 0 100px 0; */
        padding: 0 0 6.25vw 0;
    }
    .CT8_wrap{
        position: relative;
        /* width: 1400px; */
        width: 87.50vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* margin: 33px 0 0 0; */
        margin: 2.06vw 0 0 0;
    }
    /* ----------- */
    .CT8_title{
        /* width: 1280px; */
        width: 80.00vw;
    }
    .CT8_01{
        /* width: 901px; */
        width: 56.31vw;
        height: auto;
        /* margin: 0 0 28px 0; */
        margin: 0 0 1.75vw 0;
    }
    .CT8_02{
        /* width: 976px; */
        width: 61.00vw;
        height: auto;
        /* margin: 0 0 40px 0; */
        margin: 0 0 2.50vw 0;
    }
    .CT8_03{
        /* width: 1120px; */
        width: 70.00vw;
        height: auto;
        /* margin: 0 0 58px 0; */
        margin: 0 0 3.62vw 0;
    }
    .CT8_04{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_04:hover{
        opacity: 0.5;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT8{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        background-image: url('../images/CT8_00_pc.webp');
        background-size: 1920px 2757px;
        background-position: center 510px;
        background-repeat: no-repeat;
        padding: 0 0 100px 0;
        background-color: #2f2625;
    }
    .CT8_wrap{
        position: relative;
        width: 1400px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin: 33px 0 0 0;
    }
    /* ----------- */
    .CT8_title{
        width: 1280px;
    }
    .CT8_01{
        width: 901px;
        height: auto;
        margin: 0 0 28px 0;
    }
    .CT8_02{
        width: 976px;
        height: auto;
        margin: 0 0 40px 0;
    }
    .CT8_03{
        width: 1120px;
        height: auto;
        margin: 0 0 58px 0;
    }
    .CT8_04{
        width: 600px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_04:hover{
        opacity: 0.5;
    }
}



/*-------------------------------------*/
/*SNS*/
@media screen and (max-width:780px) { /*SP*/
    #SNS {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        overflow: hidden;
        /* padding: 0 0 42px 0; */
        padding: 0 0 11.20vw 0;
        background-color: #000;
    }
    .SNS_wrap {
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        z-index: 0;
        padding: 0 0 0 0;
    }
    .SNS_title{
        width: 100%;
    }
    .SNS_01{
        /* width: 293px; */
        width: 78.13vw;
        height: auto;
        /* margin: 32px 0 0 0; */
        margin: 8.53vw 0 0 0;
    }
    .SNS_02{
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        /* margin: 53px 0 0 0; */
        margin: 14.13vw 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        /* width: 332px; */
        width: 88.53vw;
        height: auto;
        position: absolute;
        /* top: 281px; */
        top: 74.93vw;
        /* left: 21px; */
        left: 5.60vw;
    }
    .SNS_box1{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 15px 40px; */
        gap: 4.00vw 10.67vw;
        /* margin: 35px 0 0 0; */
        margin: 9.33vw 0 0 0;
    }
    .SNS_04{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_05{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_06{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_07{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box2{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 21px 40px; */
        gap: 5.60vw 10.67vw;
        /* margin: 29px 0 0 0; */
        margin: 7.73vw 0 0 0;
    }
    .SNS_08{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_10{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_11{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box3{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 20px; */
        gap: 5.33vw;
        /* margin: 17px 0 0 0; */
        margin: 4.53vw 0 0 0;
    }
    .SNS_12{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_13{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_14{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15{
        /* width: 280px; */
        width: 74.67vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }    
    .SNS_16{
        /* width: 333px; */
        width: 88.80vw;
        height: auto;
        /* margin: 41px 0 0 0; */
        margin: 10.93vw 0 0 0;
    }
    .SNS_17{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }
    .SNS_18{
        /* width: 123px; */
        width: 32.80vw;
        height: auto;
        /* margin: 32px 0 0 0; */
        margin: 8.53vw 0 0 0;
    }
    .SNS_box4{
        position: relative;
        /* margin: 36px 0 0 0; */
        margin: 9.60vw 0 0 0;
        /* width: 337px; */
        width: 89.87vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .SNS_19{
        /* width: 310px; */
        width: 82.67vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20{
        position: absolute;
        /* top: 155px; */
        top: 41.33vw;
        /* left: 33px; */
        left: 8.80vw;
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20:hover{opacity: 0.5;}
    .SNS_21{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 121px 0 0 0; */
        margin: 32.27vw 0 0 0;
    }
    .SNS_22{
        /* width: 334px; */
        width: 89.07vw;
        height: auto;
        /* margin: 47px 0 0 0; */
        margin: 12.53vw 0 0 0;
    }
    .SNS_23{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
        opacity: 0.3;
    }
    .SNS_24{
        /* width: 225px; */
        width: 60.00vw;
        height: auto;
        /* margin: 20px 0 20px 0; */
        margin: 5.33vw 0 5.33vw 0;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #SNS{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        overflow: hidden;
        /* padding: 0 0 83px 0; */
        padding: 0 0 5.19vw 0;
        background-color: #000;
    }
    .SNS_wrap{
        position: relative;
        /* width: 1400px; height: auto; */
        width: 87.50vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        z-index: 0;
        padding: 0 0 0 0;
    }
    .SNS_01{
        /* width: 1025px; */
        width: 64.06vw;
        height: auto;
        /* margin: 49px 0 0 0; */
        margin: 3.06vw 0 0 0;
    }
    .SNS_02{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        /* width: 517px; */
        width: 32.31vw;
        height: auto;
        /* margin: 22px 0 0 0; */
        margin: 1.38vw 0 0 0;
    }
    .SNS_box1{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 30px 40px; */
        gap: 1.88vw 2.50vw;
        /* margin: 52px 0 0 0; */
        margin: 3.25vw 0 0 0;
    }
    .SNS_04{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_05{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_06{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_07{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box2{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 30px 40px; */
        gap: 1.88vw 2.50vw;
        /* margin: 72px 0 0 0; */
        margin: 4.50vw 0 0 0;
    }
    .SNS_08{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_09{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_10{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_11{
        /* width: 540px; */
        width: 33.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box3{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        /* gap: 20px; */
        gap: 1.25vw;
        /* margin: 31px 0 0 0; */
        margin: 1.94vw 0 0 0;
    }
    .SNS_12{
        /* width: 360px; */
        width: 22.50vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_13{
        /* width: 360px; */
        width: 22.50vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_14{
        /* width: 360px; */
        width: 22.50vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15{
        /* width: 579px; */
        width: 36.19vw;
        height: auto;
        /* margin: 25px 0 0 0; */
        margin: 1.56vw 0 0 0;
    }    
    .SNS_16{
        /* width: 564px; */
        width: 35.25vw;
        height: auto;
        /* margin: 66px 0 0 0; */
        margin: 4.13vw 0 0 0;
    }
    .SNS_17{
        /* width: 1120px; */
        width: 70.00vw;
        height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .SNS_18{
        /* width: 221px; */
        width: 13.81vw;
        height: auto;
        /* margin: 34px 0 0 0; */
        margin: 2.13vw 0 0 0;
    }
    .SNS_box4{
        position: relative;
        /* margin: 27px 0 0 0; */
        margin: 1.69vw 0 0 0;
        /* width: 960px; */
        width: 60.00vw;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .SNS_19{
        /* width: 801px; */
        width: 50.06vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20{
        position: absolute;
        /* top: 178px; */
        top: 11.13vw;
        /* left: 320px; */
        left: 20.00vw;
        /* width: 480px; */
        width: 30.00vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20:hover{opacity: 0.5;}
    .SNS_21{
        /* width: 862px; */
        width: 53.87vw;
        height: auto;
        /* margin: 80px 0 0 0; */
        margin: 5.00vw 0 0 0;
    }
    .SNS_22{
        /* width: 897px; */
        width: 56.06vw;
        height: auto;
        /* margin: 78px 0 0 0; */
        margin: 4.88vw 0 0 0;
    }
    .SNS_23{
        /* width: 1120px; */
        width: 70.00vw;
        height: auto;
        margin: 0 0 0 0;
        opacity: 0.3;
    }
    .SNS_24{
        /* width: 1020px; */
        width: 63.75vw;
        height: auto;
        /* margin: 20px 0 20px 0; */
        margin: 1.25vw 0 1.25vw 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #SNS{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        overflow: hidden;
        padding: 0 0 83px 0;
        background-color: #000;
    }
    .SNS_wrap{
        position: relative;
        width: 1400px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        z-index: 0;
        padding: 0 0 0 0;
    }

    .SNS_01{
        width: 1025px;
        height: auto;
        margin: 49px 0 0 0;
    }
    .SNS_02{
        width: 600px;
        height: auto;
        margin: 40px 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        width: 517px;
        height: auto;
        margin: 22px 0 0 0;
    }
    .SNS_box1{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px 40px;
        margin: 52px 0 0 0;
    }
    .SNS_04{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_05{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_06{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_07{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box2{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px 40px;
        margin: 72px 0 0 0;
    }
    .SNS_08{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_09{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_10{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_11{
        width: 540px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_box3{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin: 31px 0 0 0;
    }
    .SNS_12{
        width: 360px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_13{
        width: 360px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_14{
        width: 360px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15{
        width: 579px;
        height: auto;
        margin: 25px 0 0 0;
    }    
    .SNS_16{
        width: 564px;
        height: auto;
        margin: 66px 0 0 0;
    }
    .SNS_17{
        width: 1120px;
        height: auto;
        margin: 40px 0 0 0;
    }
    .SNS_18{
        width: 221px;
        height: auto;
        margin: 34px 0 0 0;
    }
    .SNS_box4{
        position: relative;
        margin: 27px 0 0 0;
        width: 960px;
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .SNS_19{
        width: 801px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20{
        position: absolute;
        top: 178px;
        left: 320px;
        width: 480px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_20:hover{opacity: 0.5;}
    .SNS_21{
        width: 862px;
        height: auto;
        margin: 80px 0 0 0;
    }
    .SNS_22{
        width: 897px;
        height: auto;
        margin: 78px 0 0 0;
    }
    .SNS_23{
        width: 1120px;
        height: auto;
        margin: 0 0 0 0;
        opacity: 0.3;
    }
    .SNS_24{
        width: 1020px;
        height: auto;
        margin: 20px 0 20px 0;
    }
}

/*-------------------------------------*/
/*TRM*/
@media screen and (max-width:780px) { /*SP*/
    .TRM_box2 {
        z-index: 1;
        /* width: 335px; */
        width: 89.33vw;
        /* height: 280px; */
        height: 74.67vw;
        /* border: 3px solid #BE8815; */
        border: 0.80vw solid #BE8815;
        background-color: #ffffff;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        /* padding: 20px 10px; */
        padding: 5.33vw 2.67vw;
        /* margin: 40px 0 20px 0; */
        margin: 10.67vw 0 5.33vw 0;
    }
    .TRM_box2Ttile {
        /* font-size: 20px; */
        font-size: 5.33vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.27vw;
        font-weight: bold;
        color: #000;
        width: 100%;
        /* border-bottom: 2px solid #000; */
        border-bottom: 0.53vw solid #000;
        text-align: center;
        /* padding: 0 0 10px 0; */
        padding: 0 0 2.67vw 0;
        /* margin: 0 0 10px 0; */
        margin: 0 0 2.67vw 0;
    }
    .TRM_box2Frame {
        /* width: calc(100% - 0px); */
        width: calc(100% - 0.00vw);
        /* height: 200px; */
        height: 53.33vw;
        color: #000;
        /* padding: 10px 5px 0 0; */
        padding: 2.67vw 1.33vw 0 0;
        overflow-y: scroll;
    }
    .TRM_box2Frame::-webkit-scrollbar {
        /* width: 4px; */
        width: 1.07vw;
    }
    .TRM_box2Frame::-webkit-scrollbar-track {
        background-color: #D2D2D2;
        border-radius: 10%;
    }
    .TRM_box2Frame::-webkit-scrollbar-thumb {
        background-color: #BE8815;
        border-radius: 10%;
    }
    .TRM_box2FrameTitle {
        /* font-size: 15px; */
        font-size: 4.00vw;
        /* line-height: 20px; */
        line-height: 5.33vw;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* text-indent: -13px; */
        text-indent: -3.47vw;
        /* padding: 0 0 0 15px; */
        padding: 0 0 0 4.00vw;
        font-weight: bold;
        /* margin: 10px 0 0 0; */
        margin: 2.67vw 0 0 0;
    }
    .TRM_box2FrameText {
        /* font-size: 12px; */
        font-size: 3.20vw;
        font-weight: normal;
        /* line-height: 16px; */
        line-height: 4.27vw;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* padding: 0 0 0 16px; */
        padding: 0 0 0 4.27vw;
        /* margin: 5px 0 0 0; */
        margin: 1.33vw 0 0 0;
    }
    .TRM_box2FrameText2 {
        /* font-size: 12px; */
        font-size: 3.20vw;
        font-weight: normal;
        /* line-height: 16px; */
        line-height: 4.27vw;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* padding: 0 0 0 16px; */
        padding: 0 0 0 4.27vw;
        /* margin: 15px 0 15px 0; */
        margin: 4.00vw 0 4.00vw 0;
    }
    .TRM_box2FrameTextInd {
        /* font-size: 12px; */
        font-size: 3.20vw;
        font-weight: normal;
        /* line-height: 16px; */
        line-height: 4.27vw;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* text-indent: -12px; */
        text-indent: -3.20vw;
        /* padding: 0 0 0 28px; */
        padding: 0 0 0 7.47vw;
        /* margin: 5px 0 0 0; */
        margin: 1.33vw 0 0 0;
    }
    .TRM_box2FrameTextNot {
        /* font-size: 10px; */
        font-size: 2.67vw;
        font-weight: normal;
        /* line-height: 13px; */
        line-height: 3.47vw;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* text-indent: -12px; */
        text-indent: -3.20vw;
        /* padding: 0 0 0 28px; */
        padding: 0 0 0 7.47vw;
        /* margin: 5px 0 0 0; */
        margin: 1.33vw 0 0 0;
    }
    .TRM_linkA {
        color: #000;
        /* font-size: 10px; */
        font-size: 2.67vw;
        text-decoration: underline;
    }

}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .TRM_box2{
        z-index: 1;
        /* width: 1190px; height: 540px; */
        width: 74.38vw; height: 33.75vw;
        /* border: 3px solid #BE8815; */
        /* border: 0.19vw solid #BE8815; */
        background-color: #ffffff;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        /* padding: 30px; */
        padding: 1.88vw;
        /* margin: 80px 0 60px 0; */
        margin: 5.00vw 0 3.75vw 0;
    }
    .TRM_box2Ttile{
        /* font-size: 30px; letter-spacing: 1px; */
        font-size: 1.88vw; letter-spacing: 0.06vw;
        font-weight: bold;
        color: #000;
        width: 100%;
        /* border-bottom: 4px solid #BE8815; */
        border-bottom: 0.25vw solid #BE8815;
        text-align: center;
        /* padding: 0 0 10px 0; */
        padding: 0 0 0.63vw 0;
        /* margin: 0 0 20px 0; */
        margin: 0 0 1.25vw 0;
    }
    .TRM_box2Frame{
        /* width: 100%; height: 400px; */
        width: 100%; height: 25.00vw;
        color: #000;
        /* padding: 10px; */
        padding: 0.63vw;
        overflow-y: scroll;
    }
    .TRM_box2Frame::-webkit-scrollbar{
        /* width: 4px; */
        width: 0.25vw;
     }
     .TRM_box2Frame::-webkit-scrollbar-track{
        background-color: #D2D2D2;
        border-radius: 10%;
     }
     .TRM_box2Frame::-webkit-scrollbar-thumb{
        background-color: #BE8815;
        border-radius: 10%;
     }
     .TRM_box2FrameTitle{
        /* font-size: 22px; letter-spacing: 1px; */
        font-size: 1.38vw; letter-spacing: 0.06vw;
        font-weight: bold;
        /* margin: 10px 0 0 0; */
        margin: 0.63vw 0 0 0;
     }
     .TRM_box2FrameText{
        /* font-size: 16px; */
        font-size: 1.00vw;
        font-weight: normal;
        /* line-height: 22px; letter-spacing: 1px; */
        line-height: 1.38vw; letter-spacing: 0.06vw;
        /* padding: 0 0 0 22px; */
        padding: 0 0 0 1.38vw;
        /* margin: 5px 0 0 0; */
        margin: 0.31vw 0 0 0;
     }
     .TRM_box2FrameText2{
        /* font-size: 16px; */
        font-size: 1.00vw;
        font-weight: normal;
        /* line-height: 22px; letter-spacing: 1px; */
        line-height: 1.38vw; letter-spacing: 0.06vw;
        /* padding: 0 0 0 22px; */
        padding: 0 0 0 1.38vw;
        /* margin: 15px 0 15px 0; */
        margin: 0.94vw 0 0.94vw 0;
     }
     .TRM_box2FrameTextInd{
        /* font-size: 16px; */
        font-size: 1.00vw;
        font-weight: normal;
        /* line-height: 22px; letter-spacing: 1px; */
        line-height: 1.38vw; letter-spacing: 0.06vw;
        /* text-indent: -16px; */
        text-indent: -1.00vw;
        /* padding: 0 0 0 38px; */
        padding: 0 0 0 2.38vw;
        /* margin: 5px 0 0 0; */
        margin: 0.31vw 0 0 0;
     }
     .TRM_box2FrameTextNot{
        /* font-size: 12px; */
        font-size: 0.75vw;
        font-weight: normal;
        /* line-height: 18px; letter-spacing: 1px; */
        line-height: 1.13vw; letter-spacing: 0.06vw;
        /* text-indent: -12px; */
        text-indent: -0.75vw;
        /* padding: 0 0 0 36px; */
        padding: 0 0 0 2.25vw;
        /* margin: 5px 0 0 0; */
        margin: 0.31vw 0 0 0;
     }
     /* .TRM_linkA{ color: #000; font-size: 14px; text-decoration: underline; } */
     .TRM_linkA{ color: #000; font-size: 0.88vw; text-decoration: underline; }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .TRM_box2{
        z-index: 1;
        width: 1120px;
        height: 540px;
        /* border: 3px solid #BE8815; */
        background-color: #ffffff;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        padding: 30px;
        margin: 80px 0 49px 0;
    }
    .TRM_box2Ttile{
        font-size: 30px; letter-spacing: 1px;
        font-weight: bold;
        color: #000;
        width: 100%;
        border-bottom: 4px solid #BE8815;
        text-align: center;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
    }
    .TRM_box2Frame{
        width: 100%; height: 400px;
        color: #000;
        padding: 10px;
        overflow-y: scroll;
    }
    .TRM_box2Frame::-webkit-scrollbar{
        width: 4px;
     }
     .TRM_box2Frame::-webkit-scrollbar-track{
        background-color: #D2D2D2;
        border-radius: 10%;
     }
     .TRM_box2Frame::-webkit-scrollbar-thumb{
        background-color: #BE8815;
        border-radius: 10%;
     }
     .TRM_box2FrameTitle{
        font-size: 22px; letter-spacing: 1px;
        font-weight: bold;
        margin: 10px 0 0 0;
     }
     .TRM_box2FrameText{
        font-size: 16px;
        font-weight: normal;
        line-height: 22px; letter-spacing: 1px;
        padding: 0 0 0 22px;
        margin: 5px 0 0 0;
     }
     .TRM_box2FrameText2{
        font-size: 16px;
        font-weight: normal;
        line-height: 22px; letter-spacing: 1px;
        padding: 0 0 0 22px;
        margin: 15px 0 15px 0;
     }
     .TRM_box2FrameTextInd{
        font-size: 16px;
        font-weight: normal;
        line-height: 22px; letter-spacing: 1px;
        text-indent: -16px;
        padding: 0 0 0 38px;
        margin: 5px 0 0 0;
     }
     .TRM_box2FrameTextNot{
        font-size: 12px;
        font-weight: normal;
        line-height: 18px; letter-spacing: 1px;
        text-indent: -12px;
        padding: 0 0 0 36px;
        margin: 5px 0 0 0;
     }
     .TRM_linkA{ color: #000; font-size: 14px; text-decoration: underline; }
}


/*-------------------------------------*/
/*INF*/
@media screen and (max-width:780px) { /*SP*/
    #INF{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .INF_box1{
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        /* padding: 0 0 75px 0; */
        padding: 0 0 20.00vw 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00a_sp.webp');
        background-position: center top;
        background-repeat: no-repeat;
        /* background-size: 375px 565px; */
        background-size: 100.00vw 150.67vw;
    }
    .INF_01{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 39px 0 0 0; */
        margin: 10.40vw 0 0 0;
        transition: opacity 0.3s;
    }
    .INF_01:hover{
        opacity: 0.75;
    }
    .INF_02{
        /* width: 293px; */
        width: 78.13vw;
        height: auto;
        /* margin: 54px 0 0 0; */
        margin: 14.40vw 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_02:hover{
        opacity: 0.75;
    }
    .INF_box2{
        position: relative;
        width: 100%;
        /* height: 200px; */
        height: 53.33vw;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00b_sp.webp');
        background-position: center top;
        background-repeat: no-repeat;
        /* background-size: 375px 200px; */
        background-size: 100.00vw 53.33vw;
    }
    .INF_03{
        /* width: 257px; */
        width: 68.53vw;
        height: auto;
        /* margin: 38px 0 0 0; */
        margin: 10.13vw 0 0 0;
    }
    .INF_04{
        /* width: 270px; */
        width: 72.00vw;
        height: auto;
        /* margin: 19px 0 0 0; */
        margin: 5.07vw 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_04:hover{
        opacity: 0.75;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #INF{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .INF_box1{
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        /* padding: 0 0 80px 0; */
        padding: 0 0 5.00vw 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00a_pc.webp');
        background-position: center top;
        background-repeat: no-repeat;
        /* background-size: 1920px 760px; */
        background-size: 120.00vw 47.50vw;
    }
    .INF_01{
        /* width: 1124px; */
        width: 70.25vw;
        height: auto;
        /* margin: 36px 0 0 0; */
        margin: 2.25vw 0 0 0;
        transition: opacity 0.3s;
    }
    .INF_01:hover{
        opacity: 0.75;
    }
    .INF_02{
        /* width: 690px; */
        width: 43.13vw;
        height: auto;
        /* margin: -90px 0 0 0; */
        margin: -5.63vw 0 0 0;
        transition: opacity 0.3s;
        z-index: 2;
    }
    .INF_02:hover{
        opacity: 0.75;
    }
    .INF_box2{
        position: relative;
        width: 100%;
        /* height: 400px; */
        height: 25.00vw;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00b_pc.webp');
        background-position: center top;
        background-repeat: no-repeat;
        /* background-size: 1920px 400px; */
        background-size: 120.00vw 25.00vw;
    }
    .INF_03{
        /* width: 515px; */
        width: 32.19vw;
        height: auto;
        /* margin: 82px 0 0 0; */
        margin: 5.13vw 0 0 0;
    }
    .INF_04{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_04:hover{
        opacity: 0.75;
    } 
}
@media screen and (min-width:1601px) , print { /*PC*/
    #INF{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .INF_box1{
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        padding: 0 0 80px 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00a_pc.webp');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 1920px 760px;
    }
    .INF_01{
        width: 1124px;
        height: auto;
        margin: 36px 0 0 0;
        transition: opacity 0.3s;
    }
    .INF_01:hover{
        opacity: 0.75;
    }
    .INF_02{
        width: 690px;
        height: auto;
        margin: -90px 0 0 0;
        transition: opacity 0.3s;
        z-index: 2;
    }
    .INF_02:hover{
        opacity: 0.75;
    }

    .INF_box2{
        position: relative;
        width: 100%;
        height: 400px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/INF_00b_pc.webp');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 1920px 400px;
    }
    .INF_03{
        width: 515px;
        height: auto;
        margin: 82px 0 0 0;
    }
    .INF_04{
        width: 600px;
        height: auto;
        margin: 50px 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_04:hover{
        opacity: 0.75;
    }
}

/* 2025_12_15 */
@media screen and (max-width:780px) { /*SP*/
    .MDL_01_BT{
        pointer-events: none;
    }
    .MDL_01_BT::after {
        content: "築地本店限定施策は終了しました";
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        /* left: -1px; */
        left: -0.27vw;
        /* width: 202px; */
        width: 53.87vw;
        /* height: 60px; */
        height: 16.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 12px; */
        font-size: 3.20vw;
        font-weight: bold;
        text-align: center;
        white-space: pre-wrap;
        /* letter-spacing: 0px; */
        letter-spacing: 0.00vw;
        /* border-radius: 45px; */
        border-radius: 12.00vw;
        display: flex;
        justify-content: center;
        align-items: center;  
        z-index: 2;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .MDL_01_BT{
        pointer-events: none;
    }
    .MDL_01_BT::after {
        content: "築地本店限定施策は終了しました";
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 692px; */
        width: 43.25vw;
        /* height: 92px; */
        height: 5.75vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 30px; */
        font-size: 1.88vw;
        font-weight: bold;
        text-align: center;
        white-space: pre-wrap;
        /* letter-spacing: 2px; */
        letter-spacing: 0.13vw;
        /* border-radius: 45px; */
        border-radius: 2.81vw;
        display: flex;
        justify-content: center;
        align-items: center;  
        z-index: 2;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .MDL_01_BT{
        pointer-events: none;
    }
    .MDL_01_BT::after {
        content: "築地本店限定施策は終了しました";
        position: absolute;
        top: 0px;
        left: -1px;
        width: 692px;
        height: 92px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        white-space: pre-wrap;
        letter-spacing: 2px;
        border-radius: 45px;
        display: flex;
        justify-content: center;
        align-items: center;  
        z-index: 2;
    }
}


/* ------------------------------------------------ */
/* close ------------------------------------------ */
/* ------------------------------------------------ */

@media screen and (max-width:780px) { /*SP*/
    .SCL_03{
        position: relative;
        pointer-events: none;
    }
    .SCL_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 265px; */
        width: 70.67vw;
        /* height: 50px; */
        height: 13.33vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 40px; */
        border-radius: 10.67vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT1_wrap,.CT2_wrap,.CT3_wrap,.CT4_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT1_wrap::after,.CT2_wrap::after,.CT3_wrap::after,.CT4_wrap::after{
        content: "コラボメニューの販売は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 0px; */
        top: 0.00vw;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 130px 0 0 0; */
        padding: 34.67vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* .CT1_wrap::after{height: 1335px;} */
    .CT1_wrap::after{height: 356.00vw;}
    /* .CT2_wrap::after{height: 1333px;} */
    .CT2_wrap::after{height: 355.47vw;}
    /* .CT3_wrap::after{height: 986px;} */
    .CT3_wrap::after{height: 262.93vw;}
    /* .CT4_wrap::after{height: 1006px;} */
    .CT4_wrap::after{height: 268.27vw;}
    .CT2_wrap,.CT3_wrap,.CT4_wrap{
        /* margin: 40px 0 60px 0; */
        margin: 10.67vw 0 16.00vw 0;
    }
    /* ----------- */
    .CT5_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT5_wrap::after{
        content: "ドリンクコラボは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -1px; */
        top: -0.27vw;
        left: 0;
        width: 100%;
        /* height: 1516px; */
        height: 404.27vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 140px 0 0 0; */
        padding: 37.33vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT5_03{
        position: relative;
        pointer-events: none;
    }
    .CT5_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 266px; */
        width: 70.93vw;
        /* height: 60px; */
        height: 16.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 13.07vw;
        /* padding: 2px 0 0 0; */
        padding: 0.53vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    /* #CT6{background-size: 1920px 3555px;} */
    #CT6{background-size: 512.00vw 948.00vw;}
    .CT6_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT6_wrap::after{
        content: "コラボだんらんパックの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -16px; */
        top: -4.27vw;
        left: 0;
        width: 100%;
        /* height: 2497px; */
        height: 665.87vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 140px 0 0 0; */
        padding: 37.33vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT6_05{
        position: relative;
        pointer-events: none;
        /* top: -90px; */
        top: -24.00vw;
        left: 0;
    }
    .CT6_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 269px; */
        width: 71.73vw;
        /* height: 45px; */
        height: 12.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 13.07vw;
        /* padding: 5px 0 0 0; */
        padding: 1.33vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT7_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT7_wrap::after{
        content: "クロワッサンたい焼BOXの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -11px; */
        top: -2.93vw;
        left: 0;
        width: 100%;
        /* height: 2267px; */
        height: 604.53vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 140px 0 0 0; */
        padding: 37.33vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT7_05{
        position: relative;
        pointer-events: none;
        /* top: 630px; */
        top: 168.00vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .CT7_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 270px; */
        width: 72.00vw;
        /* height: 50px; */
        height: 13.33vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 13.07vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT8_wrap{
        position: relative;
    }
    .CT8_wrap::after{
        content: "販売グッズの受付は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 166px; */
        top: 44.27vw;
        left: 0;
        width: 100%;
        /* height: 268px; */
        height: 71.47vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 80px 0 0 0; */
        padding: 21.33vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT8_04{
        position: relative;
        pointer-events: none;
    }
    .CT8_04::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        /* top: -1px; */
        top: -0.27vw;
        /* left: -1px; */
        left: -0.27vw;
        /* width: 272px; */
        width: 72.53vw;
        /* height: 63px; */
        height: 16.80vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 13.07vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
        .INF_01{
            position: relative;
            pointer-events: none;
        }
        .INF_01::after{
            content: "コラボキャンペーンは\A終了しました";
            box-sizing: border-box;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            position: absolute;
            /* top: 0px; */
            top: 0.00vw;
            left: 0;
            width: 100%;
            /* height: 300px; */
            height: 80.00vw;
            background-color: rgba(0, 0, 0, 0.75);
            color: #fff;
            /* font-size: 20px; */
            font-size: 5.33vw;
            font-weight: bold;
            line-height: 2rem;
            /* border-radius: 0px; */
            border-radius: 0.00vw;
            /* padding: 120px 0 0 0; */
            padding: 32.00vw 0 0 0;
            z-index: 2;
            white-space: pre-wrap;
        }
        .INF_04{
            position: relative;
            pointer-events: none;
        }
        .INF_04::after{
            content: "コラボキャンペーンは終了しました";
            box-sizing: border-box;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            /* top: -1px; */
            top: -0.27vw;
            /* left: -1px; */
            left: -0.27vw;
            /* width: 272px; */
            width: 72.53vw;
            /* height: 52px; */
            height: 13.87vw;
            background-color: rgba(0, 0, 0, 0.75);
            color: #fff;
            /* font-size: 14px; */
            font-size: 3.73vw;
            font-weight: bold;
            /* border-radius: 49px; */
            border-radius: 13.07vw;
            /* padding: 0px 0 0 0; */
            padding: 0.00vw 0 0 0;
            z-index: 3;
            white-space: pre-wrap;
        }
    /* ----------- */
    .SNS_wrap{
        position: relative;
    }
    .SNS_wrap::after{
        content: "Xキャンペーンは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 5px; */
        top: 1.33vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 375px; */
        width: 100.00vw;
        /* height: 5240px; */
        height: 1397.33vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 20px; */
        font-size: 5.33vw;
        font-weight: bold;
        line-height: 2rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 70px 0 0 0; */
        padding: 18.67vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .cmoBT_02{
        position: relative;
        pointer-events: none;
    }
    .cmoBT_02::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 335px; */
        width: 89.33vw;
        /* height: 50px; */
        height: 13.33vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 14px; */
        font-size: 3.73vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 13.07vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .ColseWidth.TRM_box2{
        /* margin: 40px 0 40px 0; */
        margin: 10.67vw 0 10.67vw 0;
    }
    .ColseWidth .TRM_box2Ttile{
        /* border-bottom: 4px solid #830016; */
        border-bottom: 1.07vw solid #830016;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-track{
        background-color: #ccc;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-thumb{
        background-color: #830016;
    }


}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .SCL_03{
        position: relative;
        pointer-events: none;
    }
    .SCL_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        /* width: 600px; */
        width: 37.50vw;
        /* height: 80px; */
        height: 5.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 26px; */
        font-size: 1.63vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 3.06vw;
        /* padding: 5px 0 0 0; */
        padding: 0.31vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT1_wrap,.CT2_wrap,.CT3_wrap,.CT4_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT1_wrap::after,.CT2_wrap::after,.CT3_wrap::after,.CT4_wrap::after{
        content: "コラボメニューの販売は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -50px; */
        top: -3.13vw;
        left: 0;
        width: 100%;
        /* height: 1530px; */
        height: 95.63vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 360px 0 0 0; */
        padding: 22.50vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT5_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT5_wrap::after{
        content: "ドリンクコラボは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -40px; */
        top: -2.50vw;
        left: 0;
        width: 100%;
        /* height: 1392px; */
        height: 87.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 270px 0 0 0; */
        padding: 16.88vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT5_03{
        position: relative;
        pointer-events: none;
        z-index: initial;
    }
    .CT5_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        /* top: 0; left: 0; width: 600px; height: 81px; */
        top: 0; left: 0; width: 37.50vw; height: 5.06vw;
        background-color: rgba(0, 0, 0, 0.75);
        /* color: #fff; font-size: 26px; font-weight: bold; */
        color: #fff; font-size: 1.63vw; font-weight: bold;
        /* border-radius: 49px; padding: 5px 0 0 0; */
        border-radius: 3.06vw; padding: 0.31vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    /* #CT6{background-size: 1920px 3555px;} */
    #CT6{background-size: 120.00vw 222.19vw;}
    .CT6_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT6_wrap::after{
        content: "コラボだんらんパックの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -22px; */
        top: -1.38vw;
        left: 0;
        width: 100%;
        /* height: 2220px; */
        height: 138.75vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 270px 0 0 0; */
        padding: 16.88vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT6_05{
        /* position: relative; */
        pointer-events: none;
        z-index: initial;
    }
    .CT6_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        /* top: 0; left: 0; width: 600px; height: 81px; */
        top: 0; left: 0; width: 37.50vw; height: 5.06vw;
        background-color: rgba(0, 0, 0, 0.75);
        /* color: #fff; font-size: 26px; font-weight: bold; */
        color: #fff; font-size: 1.63vw; font-weight: bold;
        /* border-radius: 49px; padding: 5px 0 0 0; */
        border-radius: 3.06vw; padding: 0.31vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT7_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT7_wrap::after{
        content: "クロワッサンたい焼BOXの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: -24px; */
        top: -1.50vw;
        left: 0;
        width: 100%;
        /* height: 2055px; */
        height: 128.44vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 270px 0 0 0; */
        padding: 16.88vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT7_05{
        /* position: relative; */
        pointer-events: none;
        z-index: initial;
    }
    .CT7_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        /* top: 0; left: 0; width: 600px; height: 80px; */
        top: 0; left: 0; width: 37.50vw; height: 5.00vw;
        background-color: rgba(0, 0, 0, 0.75);
        /* color: #fff; font-size: 26px; font-weight: bold; */
        color: #fff; font-size: 1.63vw; font-weight: bold;
        /* border-radius: 49px; padding: 5px 0 0 0; */
        border-radius: 3.06vw; padding: 0.31vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .CT8_wrap{
        position: relative;
        /* pointer-events: none; */
    }
    .CT8_wrap::after{
        content: "販売グッズの受付は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 176px; */
        top: 11.00vw;
        left: 0;
        width: 100%;
        /* height: 685px; */
        height: 42.81vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 270px 0 0 0; */
        padding: 16.88vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT8_04{
        position: relative;
        pointer-events: none;
    }
    .CT8_04::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        /* top: -1px; */
        top: -0.06vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 602px; */
        width: 37.63vw;
        /* height: 82px; */
        height: 5.13vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 26px; */
        font-size: 1.63vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 3.06vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .INF_01{
        position: relative;
        pointer-events: none;
    }
    .INF_01::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 1px; */
        top: 0.06vw;
        left: 0;
        width: 100%;
        /* height: 685px; */
        height: 42.81vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 270px 0 0 0; */
        padding: 16.88vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .INF_04{
        position: relative;
        pointer-events: none;
    }
    .INF_04::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        /* top: -1px; */
        top: -0.06vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 602px; */
        width: 37.63vw;
        /* height: 82px; */
        height: 5.13vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 26px; */
        font-size: 1.63vw;
        font-weight: bold;
        /* border-radius: 49px; */
        border-radius: 3.06vw;
        /* padding: 0px 0 0 0; */
        padding: 0.00vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .SNS_wrap{
        position: relative;
        /* pointer-events: none; */
    }
    .SNS_wrap::after{
        content: "Xキャンペーンは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        /* top: 1px; */
        top: 0.06vw;
        /* left: 0px; */
        left: 0.00vw;
        width: 100%;
        /* height: 3350px; */
        height: 209.38vw;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        /* font-size: 40px; */
        font-size: 2.50vw;
        font-weight: bold;
        line-height: 4rem;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        /* padding: 400px 0 0 0; */
        padding: 25.00vw 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .cmoBT_02{
        position: relative;
        pointer-events: none;
    }
    .cmoBT_02::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        /* top: 0; left: 0; width: 800px; height: 101px; */
        top: 0; left: 0; width: 50.00vw; height: 6.31vw;
        background-color: rgba(0, 0, 0, 0.75);
        /* color: #fff; font-size: 26px; font-weight: bold; */
        color: #fff; font-size: 1.63vw; font-weight: bold;
        /* border-radius: 49px; padding: 5px 0 0 0; */
        border-radius: 3.06vw; padding: 0.31vw 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }
    /* ----------- */
    .ColseWidth.TRM_box2{
        /* margin: 40px 0 40px 0; */
        margin: 2.50vw 0 2.50vw 0;
    }
    .ColseWidth .TRM_box2Ttile{
        /* border-bottom: 4px solid #830016; */
        border-bottom: 0.25vw solid #830016;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-track{
        background-color: #ccc;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-thumb{
        background-color: #830016;
    }
    .CT8_11{
        /* margin: 0 0 80px 0; */
        margin: 0 0 5.00vw 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/

    .SCL_03{
        position: relative;
        pointer-events: none;
    }
    .SCL_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 600px;
        height: 80px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        border-radius: 49px;
        padding: 5px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .CT1_wrap,.CT2_wrap,.CT3_wrap,.CT4_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT1_wrap::after,.CT2_wrap::after,.CT3_wrap::after,.CT4_wrap::after{
        content: "コラボメニューの販売は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        height: 1530px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 360px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }

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

    .CT5_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT5_wrap::after{
        content: "ドリンクコラボは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        height: 1392px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 270px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT5_03{
        position: relative;
        pointer-events: none;
        z-index: initial;
    }
    .CT5_03::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        top: 0; left: 0; width: 600px; height: 81px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff; font-size: 26px; font-weight: bold;
        border-radius: 49px; padding: 5px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    #CT6{background-size: 1920px 3555px;}
    .CT6_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT6_wrap::after{
        content: "コラボだんらんパックの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: -22px;
        left: 0;
        width: 100%;
        height: 2220px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 270px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT6_05{
        /* position: relative; */
        pointer-events: none;
        z-index: initial;
    }
    .CT6_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        top: 0; left: 0; width: 600px; height: 81px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff; font-size: 26px; font-weight: bold;
        border-radius: 49px; padding: 5px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .CT7_wrap{
        position: relative;
        pointer-events: none;
    }
    .CT7_wrap::after{
        content: "クロワッサンたい焼BOXの\A販売は終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: -24px;
        left: 0;
        width: 100%;
        height: 2055px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 270px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT7_05{
        /* position: relative; */
        pointer-events: none;
        z-index: initial;
    }
    .CT7_05::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        top: 0; left: 0; width: 600px; height: 80px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff; font-size: 26px; font-weight: bold;
        border-radius: 49px; padding: 5px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .CT8_wrap{
        position: relative;
        /* pointer-events: none; */
    }
    .CT8_wrap::after{
        content: "販売グッズの受付は\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 176px;
        left: 0;
        width: 100%;
        height: 685px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 270px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .CT8_04{
        position: relative;
        pointer-events: none;
    }
    .CT8_04::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 602px;
        height: 82px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        border-radius: 49px;
        padding: 0px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .INF_01{
        position: relative;
        pointer-events: none;
    }
    .INF_01::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 1px;
        left: 0;
        width: 100%;
        height: 685px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 270px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    .INF_04{
        position: relative;
        pointer-events: none;
    }
    .INF_04::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 602px;
        height: 82px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        border-radius: 49px;
        padding: 0px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .SNS_wrap{
        position: relative;
        /* pointer-events: none; */
    }
    .SNS_wrap::after{
        content: "Xキャンペーンは\A終了しました";
        box-sizing: border-box;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 1px;
        left: 0px;
        width: 100%;
        height: 3350px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        line-height: 4rem;
        border-radius: 0px;
        padding: 400px 0 0 0;
        z-index: 2;
        white-space: pre-wrap;
    }
    
    .cmoBT_02{
        position: relative;
        pointer-events: none;
    }
    .cmoBT_02::after{
        content: "コラボキャンペーンは終了しました";
        box-sizing: border-box; text-align: center;
        display: flex; justify-content: center; align-items: center;
        position: absolute;
        top: 0; left: 0; width: 800px; height: 101px;
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff; font-size: 26px; font-weight: bold;
        border-radius: 49px; padding: 5px 0 0 0;
        z-index: 3;
        white-space: pre-wrap;
    }

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

    .ColseWidth.TRM_box2{
        margin: 40px 0 40px 0;
    }
    .ColseWidth .TRM_box2Ttile{
        border-bottom: 4px solid #830016;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-track{
        background-color: #ccc;
    }
    .ColseWidth .TRM_box2Frame::-webkit-scrollbar-thumb{
        background-color: #830016;
    }
    .CT8_11{
        margin: 0 0 80px 0;
    }

}