@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{
        width: 1920px;
        position: absolute;
        top: -20px;
        top: -23px;
        opacity: 0.3;
        pointer-events: none;
        z-index: 100;
        /* mix-blend-mode: multiply; */
        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: 375px; */
        max-width: 100.00vw;
        width: 100%;
        /* height: 60px; */
        height: 16.00vw;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-position: left top, right top, center top;
        /* background-size: 60px 100%, 60px 100%, 90% 100%; */
        background-size: 16.00vw 100%, 16.00vw 100%, 90% 100%;
        background-image: 
            url("../images/COM_title_left.webp"),
            url("../images/COM_title_right.webp"),
            url("../images/COM_title_center.webp");
    }
}
@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: 120px; */
        height: 7.50vw;
        /* padding-left: 100px; */
        padding-left: 6.25vw;
        /* padding-right: 100px; */
        padding-right: 6.25vw;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-position: left top, right top, center top;
        /* background-size: 100px 100%, 100px 100%, 100% 100%; */
        background-size: 6.25vw 100%, 6.25vw 100%, 100% 100%;
        background-image: 
            url("../images/COM_title_left.webp"),
            url("../images/COM_title_right.webp"),
            url("../images/COM_title_center.webp");
    }
}
@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: 120px;
        padding-left: 100px;
        padding-right: 100px;
        background-repeat: no-repeat, no-repeat, repeat-x;
        background-position: left top, right top, center top;
        background-size: 100px 100%, 100px 100%, 100% 100%;
        background-image: 
            url("../images/COM_title_left.webp"),
            url("../images/COM_title_right.webp"),
            url("../images/COM_title_center.webp");
    }
}

/*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; }
}
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: 90vw;
        /* margin: 60px 0 0 0; */
        /* transform: translateY(60px); */
        /* padding: 50px 0 0 0; */
    }
    .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;
    }
    .mdl_img{
        /* margin: 16px 0 0 0; */
        margin: 4.27vw 0 0 0;
    }
}
@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;
    }
    .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: 70px; */
        right: 4.38vw;
        /* top: 83px; */
        top: 5.19vw;
        /* width: 50px; */
        width: 3.13vw;
        /* height: 74px; */
        height: 4.63vw;
        border: none;
        outline: none;
        border-radius: 0!important;
        transition: opacity 0.3s!important;
    }
}
@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;
    }
    .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: 70px;
        top: 83px;
        width: 50px;
        height: 74px;
        border: none;
        outline: none;
        border-radius: 0!important;
        transition: opacity 0.3s!important;
    }
}

.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%;
        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*/
    
}
@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 952px; */
        background-size: 100.00vw 253.87vw;
        /* 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 4120px; */
        background-size: 100.00vw 1098.67vw;
        /* background-position: center 58px; */
        background-position: center 15.47vw;
        /* padding: 0 0 132px 0; */
        padding: 0 0 35.20vw 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 1276px; */
        background-size: 120.00vw 79.75vw;
        /* 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 4412px; */
        background-size: 120.00vw 275.75vw;
        /* background-position: center 100px; */
        background-position: center 6.25vw;
        /* padding: 0 0 243px 0; */
        padding: 0 0 15.19vw 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 1276px;
        background-position: center 0px;
    }
    .COMMON_bg2{
        background-image: url('../images/COMMON_bg2_pc.webp');
        background-repeat: no-repeat;
        background-size: 1920px 4412px;
        background-position: center 100px;
        padding: 0 0 243px 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: 375px; height: auto; */
        width: 100.00vw; height: auto;
        aspect-ratio: 375 / 390;
        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: 116px; */
        width: 30.93vw;
        height: auto;
        z-index: 1;
        /* margin: -25px 0 0 0; */
        margin: -6.67vw 0 0 0;
    }
    .KYV_02{
        position: relative;
        /* width: 330px; */
        width: 88.00vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_03{
        position: relative;
        /* width: 299px; */
        width: 79.73vw;
        height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_1_mark{
        /* width: 75px; */
        width: 20.00vw;
        position: absolute;
        /* top: 31px; */
        top: 8.27vw;
        /* left: -14px; */
        left: -3.73vw;
    }
    .KYV_2_mark{
        /* width: 81px; */
        width: 21.60vw;
        position: absolute;
        /* top: -11px; */
        top: -2.93vw;
        /* left: 66px; */
        left: 17.60vw;
    }
    .KYV_3_mark{
        /* width: 78px; */
        width: 20.80vw;
        position: absolute;
        /* top: 210px; */
        top: 56.00vw;
        /* left: -15px; */
        left: -4.00vw;
    }
    .KYV_4_mark{
        /* width: 74px; */
        width: 19.73vw;
        position: absolute;
        /* top: 264px; */
        top: 70.40vw;
        /* left: 49px; */
        left: 13.07vw;
    }
    .KYV_5_mark{
        /* width: 76px; */
        width: 20.27vw;
        position: absolute;
        /* top: -11px; */
        top: -2.93vw;
        /* left: 234px; */
        left: 62.40vw;
    }
    .KYV_6_mark{
        /* width: 70px; */
        width: 18.67vw;
        position: absolute;
        /* top: 32px; */
        top: 8.53vw;
        /* left: 320px; */
        left: 85.33vw;
    }
    .KYV_7_mark{
        /* width: 79px; */
        width: 21.07vw;
        position: absolute;
        /* top: 268px; */
        top: 71.47vw;
        /* left: 215px; */
        left: 57.33vw;
    }
    .KYV_8_mark{
        /* width: 74px; */
        width: 19.73vw;
        position: absolute;
        /* top: 219px; */
        top: 58.40vw;
        /* left: 307px; */
        left: 81.87vw;
    }
    /* ------------------ */
    .KYV_1_character{
        /* width: 147px; */
        width: 39.20vw;
        position: absolute;
        /* top: 44px; */
        top: 11.73vw;
        /* left: -24px; */
        left: -6.40vw;
    }
    .KYV_2_character{
        /* width: 100px; */
        width: 26.67vw;
        position: absolute;
        /* top: 6px; */
        top: 1.60vw;
        /* left: 94px; */
        left: 25.07vw;
    }
    .KYV_3_character{
        /* width: 127px; */
        width: 33.87vw;
        position: absolute;
        /* top: 267px; */
        top: 71.20vw;
        /* left: -3px; */
        left: -0.80vw;
    }
    .KYV_4_character{
        /* width: 117px; */
        width: 31.20vw;
        position: absolute;
        /* top: 261px; */
        top: 69.60vw;
        /* left: 95px; */
        left: 25.33vw;
    }
    .KYV_5_character{
        /* width: 123px; */
        width: 32.80vw;
        position: absolute;
        /* top: 24px; */
        top: 6.40vw;
        /* left: 172px; */
        left: 45.87vw;
    }
    .KYV_6_character{
        /* width: 130px; */
        width: 34.67vw;
        position: absolute;
        /* top: 46px; */
        top: 12.27vw;
        /* left: 239px; */
        left: 63.73vw;
    }
    .KYV_7_character{
        /* width: 106px; */
        width: 28.27vw;
        position: absolute;
        /* top: 265px; */
        top: 70.67vw;
        /* left: 175px; */
        left: 46.67vw;
    }
    .KYV_8_character{
        /* width: 105px; */
        width: 28.00vw;
        position: absolute;
        /* top: 259px; */
        top: 69.07vw;
        /* left: 272px; */
        left: 72.53vw;
    }
}
@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;
    }
    .KYV_wrap{
        position: relative;
        width: 100%; height: auto;
        aspect-ratio: 1920 / 614;
        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: 326px; height: auto; */
        width: 16.98vw; height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_02{
        position: relative;
        /* width: 429px; height: auto; */
        width: 22.34vw; height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_03{
        position: relative;
        /* width: 547px; height: auto; */
        width: 28.49vw; height: auto;
        z-index: 1;
        /* margin: 17px 0 0 0; */
        margin: 0.89vw 0 0 0;
    }
    .KYV_1_mark{
        /* width: 245px; */
        width: 12.76vw;
        position: absolute;
        /* top: -39px; */
        top: -2.03vw;
        /* left: -5px; */
        left: -0.26vw;
    }
    .KYV_2_mark{
        /* width: 251px; */
        width: 13.07vw;
        position: absolute;
        /* top: 18px; */
        top: 0.94vw;
        /* left: 348px; */
        left: 18.13vw;
    }
    .KYV_3_mark{
        /* width: 237px; */
        width: 12.34vw;
        position: absolute;
        /* top: 369px; */
        top: 19.22vw;
        /* left: -65px; */
        left: -3.39vw;
    }
    .KYV_4_mark{
        /* width: 247px; */
        width: 12.86vw;
        position: absolute;
        /* top: 351px; */
        top: 18.28vw;
        /* left: 318px; */
        left: 16.56vw;
    }
    .KYV_5_mark{
        /* width: 248px; */
        width: 12.92vw;
        position: absolute;
        /* top: -13px; */
        top: -0.68vw;
        /* left: 1384px; */
        left: 72.08vw;
    }
    .KYV_6_mark{
        /* width: 270px; */
        width: 14.06vw;
        position: absolute;
        /* top: 36px; */
        top: 1.88vw;
        /* left: 1756px; */
        left: 91.46vw;
    }
    .KYV_7_mark{
        /* width: 250px; */
        width: 13.02vw;
        position: absolute;
        /* top: 290px; */
        top: 15.10vw;
        /* left: 1320px; */
        left: 68.75vw;
    }
    .KYV_8_mark{
        /* width: 265px; */
        width: 13.80vw;
        position: absolute;
        /* top: 328px; */
        top: 17.08vw;
        /* left: 1741px; */
        left: 90.68vw;
    }
    /* ------------------ */
    .KYV_1_character{
        /* width: 486px; */
        width: 25.31vw;
        position: absolute;
        /* top: -39px; */
        top: -2.03vw;
        /* left: -14px; */
        left: -0.73vw;
    }
    .KYV_2_character{
        /* width: 327px; */
        width: 17.03vw;
        position: absolute;
        /* top: -34px; */
        top: -1.77vw;
        /* left: 430px; */
        left: 22.40vw;
    }
    .KYV_3_character{
        /* width: 413px; */
        width: 21.51vw;
        position: absolute;
        /* top: 244px; */
        top: 12.71vw;
        /* left: 29px; */
        left: 1.51vw;
    }
    .KYV_4_character{
        /* width: 339px; */
        width: 17.66vw;
        position: absolute;
        /* top: 260px; */
        top: 13.54vw;
        /* left: 428px; */
        left: 22.29vw;
    }
    .KYV_5_character{
        /* width: 389px; */
        width: 20.26vw;
        position: absolute;
        /* top: -37px; */
        top: -1.93vw;
        /* left: 1108px; */
        left: 57.71vw;
    }
    .KYV_6_character{
        /* width: 372px; */
        width: 19.38vw;
        position: absolute;
        /* top: -15px; */
        top: -0.78vw;
        /* left: 1504px; */
        left: 78.33vw;
    }
    .KYV_7_character{
        /* width: 323px; */
        width: 16.82vw;
        position: absolute;
        /* top: 195px; */
        top: 10.16vw;
        /* left: 1160px; */
        left: 60.42vw;
    }
    .KYV_8_character{
        /* width: 338px; */
        width: 17.60vw;
        position: absolute;
        /* top: 241px; */
        top: 12.55vw;
        /* left: 1520px; */
        left: 79.17vw;
    }
}
@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;
    }
    .KYV_wrap{
        position: relative;
        width: 1920px; height: auto;
        aspect-ratio: 1920 / 614;
        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: 326px; height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_02{
        position: relative;
        width: 429px; height: auto;
        z-index: 1;
        margin: 0 0 0 0;
    }
    .KYV_03{
        position: relative;
        width: 547px; height: auto;
        z-index: 1;
        margin: 17px 0 0 0;
    }
    .KYV_1_mark{
        width: 245px;
        position: absolute;
        top: -39px;
        left: -5px;
    }
    .KYV_2_mark{
        width: 251px;
        position: absolute;
        top: 18px;
        left: 348px;
    }
    .KYV_3_mark{
        width: 237px;
        position: absolute;
        top: 369px;
        left: -65px;
    }
    .KYV_4_mark{
        width: 247px;
        position: absolute;
        top: 351px;
        left: 318px;
    }
    .KYV_5_mark{
        width: 248px;
        position: absolute;
        top: -13px;
        left: 1384px;
    }
    .KYV_6_mark{
        width: 270px;
        position: absolute;
        top: 36px;
        left: 1756px;
    }
    .KYV_7_mark{
        width: 250px;
        position: absolute;
        top: 290px;
        left: 1320px;
    }
    .KYV_8_mark{
        width: 265px;
        position: absolute;
        top: 328px;
        left: 1741px;
    }
    /* ------------------ */
    .KYV_1_character{
        width: 486px;
        position: absolute;
        top: -39px;
        left: -14px;
    }
    .KYV_2_character{
        width: 327px;
        position: absolute;
        top: -34px;
        left: 430px;
    }
    .KYV_3_character{
        width: 413px;
        position: absolute;
        top: 244px;
        left: 29px;
    }
    .KYV_4_character{
        width: 339px;
        position: absolute;
        top: 260px;
        left: 428px;
    }
    .KYV_5_character{
        width: 389px;
        position: absolute;
        top: -37px;
        left: 1108px;
    }
    .KYV_6_character{
        width: 372px;
        position: absolute;
        top: -15px;
        left: 1504px;
    }
    .KYV_7_character{
        width: 323px;
        position: absolute;
        top: 195px;
        left: 1160px;
    }
    .KYV_8_character{
        width: 338px;
        position: absolute;
        top: 241px;
        left: 1520px;
    }
}


/*-------------------------------------*/
/*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: 375px; height: auto; */
        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;
    }
    .NAV_link{
        /* width: 160px; */
        width: 42.67vw;
        /* margin: 0 20px 10px 0; */
        margin: 0 5.33vw 2.67vw 0;
        transition: opacity 0.3s;
    }
    .NAV_link:nth-of-type(2n){
        /* margin: 0 0 10px 0; */
        margin: 0 0 2.67vw 0;
    }
    .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; height: auto; */
        width: 93.75vw; height: auto;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        overflow: hidden;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
    .NAV_link{
        /* width: 412px; */
        width: 25.75vw;
        /* margin: 0 20px 20px 0; */
        margin: 0 1.25vw 1.25vw 0;
        transition: opacity 0.3s;
    }
    .NAV_link:nth-of-type(3n){
        /* margin: 0 0 20px 0; */
        margin: 0 0 1.25vw 0;
    }
    .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: 30px 0 0 0;
    }
    .NAV_link{
        width: 412px;
        margin: 0 20px 20px 0;
        transition: opacity 0.3s;
    }
    .NAV_link:nth-of-type(3n){
        margin: 0 0 20px 0;
    }
    .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: 17px 0 0 0; */
        margin: 4.53vw 0 0 0;
        padding: 0 0 0 0;
    }
    .SCL_wrap{
        position: relative;
        /* width: 343px; height: 709px; */
        width: 91.47vw; height: 189.07vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 0 0 0 0;
    }
    .SCL_00{
        /* position: absolute; top: 67px; left: 0; */
        position: absolute; top: 17.87vw; left: 0;
        /* width: 343px; height: auto; */
        width: 91.47vw; height: auto;
        z-index: -1;
    }
    .SCL_01{
        /* width: 343px; height: auto; */
        width: 91.47vw; height: auto;
        margin: 0 0 0 0;
    }
    .SCL_02{
        /* width: 285px; height: auto; */
        width: 76.00vw; height: auto;
        /* margin: 25px 0 0 0; */
        margin: 6.67vw 0 0 0;
    }
    .SCL_03{
        /* width: 285px; height: auto; */
        width: 76.00vw; height: auto;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }
    .SCL_03:hover{opacity: 0.5;}
    .SCL_04{
        /* width: 284px; height: auto; */
        width: 75.73vw; height: auto;
        /* margin: 9px 0 0 0; */
        margin: 2.40vw 0 0 0;
    }
}
@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: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
        /* padding: 0 0 148px 0; */
        padding: 0 0 9.25vw 0;
    }
    .SCL_wrap{
        position: relative;
        /* width: 1380px; height: 788px; */
        width: 86.25vw; 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: 80px; left: 0; */
        position: absolute; top: 5.00vw; left: 0;
        /* width: 1380px; height: auto; */
        width: 86.25vw; height: auto;
        z-index: -1;
    }
    .SCL_01{
        /* width: 1380px; height: auto; */
        width: 86.25vw; height: auto;
        margin: 0 0 0 0;
    }
    .SCL_02{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .SCL_03{
        /* width: 500px; height: auto; */
        width: 31.25vw; height: auto;
        /* margin: -6px 0 0 0; */
        margin: -0.38vw 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: 60px 0 0 0;
        padding: 0 0 148px 0;
    }
    .SCL_wrap{
        position: relative;
        width: 1380px; height: 788px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 0 0 0 0;
    }
    .SCL_00{
        position: absolute; top: 80px; left: 0;
        width: 1380px; height: auto;
        z-index: -1;
    }
    .SCL_01{
        width: 1380px; height: auto;
        margin: 0 0 0 0;
    }
    .SCL_02{
        width: 1280px; height: auto;
        margin: 40px 0 0 0;
    }
    .SCL_03{
        width: 500px; height: auto;
        margin: -6px 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_01{
        /* width: 202px; height: auto; */
        width: 53.87vw; height: auto;
        position: relative;
    }
    .CT0_02{
        /* width: 333px; */
        width: 88.80vw;
        height: auto;
        /* margin: 27px 0 0 0; */
        margin: 7.20vw 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_01{
        /* width: 404px; height: auto; */
        width: 25.25vw; height: auto;
        position: relative;
    }
    .CT0_02{
        /* width: 1117px; height: auto; */
        width: 69.81vw; height: auto;
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 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_01{
        width: 404px; height: auto;
        position: relative;
    }
    .CT0_02{
        width: 1117px; height: auto;
        margin: 50px 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: 335px; height: auto; */
        width: 89.33vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 60px 0 60px 0; */
        margin: 16.00vw 0 16.00vw 0;
    }
    .CT1_00{
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
    }
    .CT1_01{
        position: absolute;
        /* top: -33px; */
        top: -8.80vw;
        /* left: 168px; */
        left: 44.80vw;
        /* width: 151px; */
        width: 40.27vw;
        height: auto;
        z-index: 3;
    }
    .CT1_02{
        position: absolute;
        /* top: 27px; */
        top: 7.20vw;
        /* left: -19px; */
        left: -5.07vw;
        /* width: 380px; */
        width: 101.33vw;
        height: auto;
        max-width: initial;
        z-index: 2;
    }
    .CT1_03{
        position: absolute;
        /* top: -54px; */
        top: -14.40vw;
        /* left: -15px; */
        left: -4.00vw;
        /* width: 189px; */
        width: 50.40vw;
        height: auto;
        z-index: 1;
    }
    .CT1_04{
        position: absolute;
        /* top: 270px; */
        top: 72.00vw;
        /* left: 15px; */
        left: 4.00vw;
        /* width: 308px; */
        width: 82.13vw;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        /* top: 383px; */
        top: 102.13vw;
        /* left: 14px; */
        left: 3.73vw;
        /* width: 308px; */
        width: 82.13vw;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        /* top: 159px; */
        top: 42.40vw;
        /* left: 173px; */
        left: 46.13vw;
        /* width: 152px; */
        width: 40.53vw;
        height: auto;
        z-index: 3;
    }
    .CT1_07{
        /* width: 306px; */
        width: 81.60vw;
        height: auto;
    }
    .CT1_08{
        position: absolute;
        /* top: 839px; */
        top: 223.73vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 336px; */
        width: 89.60vw;
        height: auto;
    }  
    .CT1_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT1_bt_07{
        position: absolute;
        /* top: 556px; */
        top: 148.27vw;
        /* left: 14px; */
        left: 3.73vw;
    }
    .CT1_bt_09{
        position: absolute;
        /* top: 764px; */
        top: 203.73vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .CT1_bt_07:hover{opacity: 0.5;}
    .CT1_bt_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; height: auto; */
        width: 80.00vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 180px 0 60px 0; */
        margin: 11.25vw 0 3.75vw 0;
    }
    .CT1_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT1_01{
        position: absolute;
        /* top: -84px; */
        top: -5.25vw;
        /* left: 2px; */
        left: 0.13vw;
        /* width: 321px; */
        width: 20.06vw;
        height: auto;
    }
    .CT1_02{
        position: absolute;
        /* top: -164px; */
        top: -10.25vw;
        /* left: -42px; */
        left: -2.63vw;
        /* width: 1050px; */
        width: 65.63vw;
        height: auto;
    }
    .CT1_03{
        position: absolute;
        /* top: -103px; */
        top: -6.44vw;
        /* left: 853px; */
        left: 53.31vw;
        /* width: 469px; */
        width: 29.31vw;
        height: auto;
    }
    .CT1_04{
        position: absolute;
        /* top: 330px; */
        top: 20.63vw;
        /* left: 43px; */
        left: 2.69vw;
        /* width: 618px; */
        width: 38.63vw;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        /* top: 528px; */
        top: 33.00vw;
        /* left: 45px; */
        left: 2.81vw;
        /* width: 521px; */
        width: 32.56vw;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        /* top: 442px; */
        top: 27.63vw;
        /* left: 601px; */
        left: 37.56vw;
        /* width: 247px; */
        width: 15.44vw;
        height: auto;
    }
    .CT1_07{
        /* width: 362px; */
        width: 22.63vw;
        height: auto;
    }
    .CT1_08{
        position: absolute;
        /* top: 728px; */
        top: 45.50vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 727px; */
        width: 45.44vw;
        height: auto;
    }  
    .CT1_09{
        /* width: 379px; */
        width: 23.69vw;
        height: auto;
    }
    .CT1_bt_07{
        position: absolute;
        /* top: 441px; */
        top: 27.56vw;
        /* left: 862px; */
        left: 53.87vw;
    }
    .CT1_bt_09{
        position: absolute;
        /* top: 712px; */
        top: 44.50vw;
        /* left: 843px; */
        left: 52.69vw;
    }
    .CT1_bt_07:hover{opacity: 0.5;}
    .CT1_bt_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: 180px 0 60px 0;
    }
    .CT1_00{
        width: 1280px; height: auto;
    }
    .CT1_01{
        position: absolute;
        top: -84px;
        left: 2px;
        width: 321px;
        height: auto;
    }
    .CT1_02{
        position: absolute;
        top: -164px;
        left: -42px;
        width: 1050px;
        height: auto;
    }
    .CT1_03{
        position: absolute;
        top: -103px;
        left: 853px;
        width: 469px;
        height: auto;
    }
    .CT1_04{
        position: absolute;
        top: 330px;
        left: 43px;
        width: 618px;
        height: auto;
    }
    .CT1_05{
        position: absolute;
        top: 528px;
        left: 45px;
        width: 521px;
        height: auto;
    }
    .CT1_06{
        position: absolute;
        top: 442px;
        left: 601px;
        width: 247px;
        height: auto;
    }
    .CT1_07{
        width: 362px;
        height: auto;
    }
    .CT1_08{
        position: absolute;
        top: 728px;
        left: -1px;
        width: 727px;
        height: auto;
    }  
    .CT1_09{
        width: 379px;
        height: auto;
    }
    .CT1_bt_07{
        position: absolute;
        top: 441px;
        left: 862px;
    }
    .CT1_bt_09{
        position: absolute;
        top: 712px;
        left: 843px;
    }
    .CT1_bt_07:hover{opacity: 0.5;}
    .CT1_bt_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: 335px; height: auto; */
        width: 89.33vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 122px 0 60px 0; */
        margin: 32.53vw 0 16.00vw 0;
    }
    .CT2_00{
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
    }
    .CT2_01{
        position: absolute;
        /* top: -36px; */
        top: -9.60vw;
        /* left: 166px; */
        left: 44.27vw;
        /* width: 154px; */
        width: 41.07vw;
        height: auto;
        z-index: 3;
    }
    .CT2_02{
        position: absolute;
        /* top: 36px; */
        top: 9.60vw;
        /* left: -17px; */
        left: -4.53vw;
        /* width: 383px; */
        width: 102.13vw;
        height: auto;
        max-width: initial;
        z-index: 2;
    }
    .CT2_03{
        position: absolute;
        /* top: -20px; */
        top: -5.33vw;
        /* left: -72px; */
        left: -19.20vw;
        /* width: 249px; */
        width: 66.40vw;
        height: auto;
        z-index: 1;
    }
    .CT2_04{
        position: absolute;
        /* top: 258px; */
        top: 68.80vw;
        /* left: 15px; */
        left: 4.00vw;
        /* width: 303px; */
        width: 80.80vw;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        /* top: 398px; */
        top: 106.13vw;
        /* left: 14px; */
        left: 3.73vw;
        /* width: 307px; */
        width: 81.87vw;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        /* top: 142px; */
        top: 37.87vw;
        /* left: 176px; */
        left: 46.93vw;
        /* width: 150px; */
        width: 40.00vw;
        height: auto;
        z-index: 3;
    }
    .CT2_07{
        /* width: 315px; */
        width: 84.00vw;
        height: auto;
    }
    .CT2_08{
        position: absolute;
        /* top: 843px; */
        top: 224.80vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
    }  
    .CT2_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT2_bt_07{
        position: absolute;
        /* top: 556px; */
        top: 148.27vw;
        /* left: 11px; */
        left: 2.93vw;
    }
    .CT2_bt_09{
        position: absolute;
        /* top: 768px; */
        top: 204.80vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .CT2_bt_07:hover{opacity: 0.5;}
    .CT2_bt_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; height: auto; */
        width: 80.00vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 154px 0 60px 0; */
        margin: 9.63vw 0 3.75vw 0;
    }
    .CT2_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT2_01{
        position: absolute;
        /* top: -82px; */
        top: -5.13vw;
        /* left: 441px; */
        left: 27.56vw;
        /* width: 321px; */
        width: 20.06vw;
        height: auto;
    }
    .CT2_02{
        position: absolute;
        /* top: -82px; */
        top: -5.13vw;
        /* left: 332px; */
        left: 20.75vw;
        /* width: 1052px; */
        width: 65.75vw;
        height: auto;
    }
    .CT2_03{
        position: absolute;
        /* top: -39px; */
        top: -2.44vw;
        /* left: -93px; */
        left: -5.81vw;
        /* width: 576px; */
        width: 36.00vw;
        height: auto;
    }
    .CT2_04{
        position: absolute;
        /* top: 290px; */
        top: 18.13vw;
        /* left: 43px; */
        left: 2.69vw;
        /* width: 516px; */
        width: 32.25vw;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        /* top: 535px; */
        top: 33.44vw;
        /* left: 45px; */
        left: 2.81vw;
        /* width: 537px; */
        width: 33.56vw;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        /* top: 460px; */
        top: 28.75vw;
        /* left: 590px; */
        left: 36.88vw;
        /* width: 247px; */
        width: 15.44vw;
        height: auto;
    }
    .CT2_07{
        /* width: 382px; */
        width: 23.88vw;
        height: auto;
    }
    .CT2_08{
        position: absolute;
        /* top: 728px; */
        top: 45.50vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 727px; */
        width: 45.44vw;
        height: auto;
    }  
    .CT2_09{
        /* width: 379px; */
        width: 23.69vw;
        height: auto;
    }
    .CT2_bt_07{
        position: absolute;
        /* top: 443px; */
        top: 27.69vw;
        /* left: 854px; */
        left: 53.37vw;
    }
    .CT2_bt_09{
        position: absolute;
        /* top: 712px; */
        top: 44.50vw;
        /* left: 843px; */
        left: 52.69vw;
    }
    .CT2_bt_07:hover{opacity: 0.5;}
    .CT2_bt_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: 154px 0 60px 0;
    }
    .CT2_00{
        width: 1280px; height: auto;
    }
    .CT2_01{
        position: absolute;
        top: -82px;
        left: 441px;
        width: 321px;
        height: auto;
    }
    .CT2_02{
        position: absolute;
        top: -82px;
        left: 332px;
        width: 1052px;
        height: auto;
    }
    .CT2_03{
        position: absolute;
        top: -39px;
        left: -93px;
        width: 576px;
        height: auto;
    }
    .CT2_04{
        position: absolute;
        top: 290px;
        left: 43px;
        width: 516px;
        height: auto;
    }
    .CT2_05{
        position: absolute;
        top: 535px;
        left: 45px;
        width: 537px;
        height: auto;
    }
    .CT2_06{
        position: absolute;
        top: 460px;
        left: 590px;
        width: 247px;
        height: auto;
    }
    .CT2_07{
        width: 382px;
        height: auto;
    }
    .CT2_08{
        position: absolute;
        top: 728px;
        left: -1px;
        width: 727px;
        height: auto;
    }  
    .CT2_09{
        width: 379px;
        height: auto;
    }
    .CT2_bt_07{
        position: absolute;
        top: 443px;
        left: 854px;
    }
    .CT2_bt_09{
        position: absolute;
        top: 712px;
        left: 843px;
    }
    .CT2_bt_07:hover{opacity: 0.5;}
    .CT2_bt_09:hover{opacity: 0.5;}
}


/*-------------------------------------*/
/*CT3*/
@media screen and (max-width:780px) { /*SP*/
    #CT3{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT3_wrap{
        position: relative;
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 127px 0 60px 0; */
        margin: 33.87vw 0 16.00vw 0;
    }
    .CT3_00{
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
    }
    .CT3_01{
        position: absolute;
        /* top: -33px; */
        top: -8.80vw;
        /* left: 166px; */
        left: 44.27vw;
        /* width: 151px; */
        width: 40.27vw;
        height: auto;
        z-index: 3;
    }
    .CT3_02{
        position: absolute;
        /* top: 22px; */
        top: 5.87vw;
        /* left: -22px; */
        left: -5.87vw;
        /* width: 391px; */
        width: 104.27vw;
        height: auto;
        max-width: initial;
        z-index: 2;
    }
    .CT3_03{
        position: absolute;
        /* top: -24px; */
        top: -6.40vw;
        /* left: -6px; */
        left: -1.60vw;
        /* width: 166px; */
        width: 44.27vw;
        height: auto;
        z-index: 1;
    }
    .CT3_04{
        position: absolute;
        /* top: 256px; */
        top: 68.27vw;
        /* left: 13px; */
        left: 3.47vw;
        /* width: 306px; */
        width: 81.60vw;
        height: auto;
    }
    .CT3_05{
        position: absolute;
        /* top: 400px; */
        top: 106.67vw;
        /* left: 13px; */
        left: 3.47vw;
        /* width: 308px; */
        width: 82.13vw;
        height: auto;
    }
    .CT3_06{
        position: absolute;
        /* top: 145px; */
        top: 38.67vw;
        /* left: 177px; */
        left: 47.20vw;
        /* width: 152px; */
        width: 40.53vw;
        height: auto;
        z-index: 3;
    }
    .CT3_07{
        /* width: 314px; */
        width: 83.73vw;
        height: auto;
    }
    .CT3_08{
        position: absolute;
        /* top: 859px; */
        top: 229.07vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 336px; */
        width: 89.60vw;
        height: auto;
    }  
    .CT3_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT3_bt_07{
        position: absolute;
        /* top: 572px; */
        top: 152.53vw;
        /* left: 12px; */
        left: 3.20vw;
        pointer-events: none;
    }
    .CT3_bt_09{
        position: absolute;
        /* top: 784px; */
        top: 209.07vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .CT3_bt_07:hover{opacity: 0.5;}
    .CT3_bt_09:hover{opacity: 0.5;}
    
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT3{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT3_wrap{
        position: relative;
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 197px 0 60px 0; */
        margin: 12.31vw 0 3.75vw 0;
    }
    .CT3_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT3_01{
        position: absolute;
        /* top: -75px; */
        top: -4.69vw;
        /* left: 2px; */
        left: 0.13vw;
        /* width: 320px; */
        width: 20.00vw;
        height: auto;
    }
    .CT3_02{
        position: absolute;
        /* top: -168px; */
        top: -10.50vw;
        /* left: -78px; */
        left: -4.88vw;
        /* width: 1136px; */
        width: 71.00vw;
        height: auto;
    }
    .CT3_03{
        position: absolute;
        /* top: -47px; */
        top: -2.94vw;
        /* left: 934px; */
        left: 58.38vw;
        /* width: 378px; */
        width: 23.63vw;
        height: auto;
    }
    .CT3_04{
        position: absolute;
        /* top: 300px; */
        top: 18.75vw;
        /* left: 43px; */
        left: 2.69vw;
        /* width: 595px; */
        width: 37.19vw;
        height: auto;
    }
    .CT3_05{
        position: absolute;
        /* top: 502px; */
        top: 31.37vw;
        /* left: 48px; */
        left: 3.00vw;
        /* width: 503px; */
        width: 31.44vw;
        height: auto;
    }
    .CT3_06{
        position: absolute;
        /* top: 195px; */
        top: 12.19vw;
        /* left: 589px; */
        left: 36.81vw;
        /* width: 296px; */
        width: 18.50vw;
        height: auto;
    }
    .CT3_07{
        /* width: 382px; */
        width: 23.88vw;
        height: auto;
    }
    .CT3_08{
        position: absolute;
        /* top: 728px; */
        top: 45.50vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 727px; */
        width: 45.44vw;
        height: auto;
    }  
    .CT3_09{
        /* width: 379px; */
        width: 23.69vw;
        height: auto;
    }
    .CT3_bt_07{
        position: absolute;
        /* top: 440px; */
        top: 27.50vw;
        /* left: 853px; */
        left: 53.31vw;
        pointer-events: none;
    }
    .CT3_bt_09{
        position: absolute;
        /* top: 712px; */
        top: 44.50vw;
        /* left: 843px; */
        left: 52.69vw;
    }
    .CT3_bt_07:hover{opacity: 0.5;}
    .CT3_bt_09:hover{opacity: 0.5;}
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT3{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT3_wrap{
        position: relative;
        width: 1280px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 197px 0 60px 0;
    }
    .CT3_00{
        width: 1280px; height: auto;
    }
    .CT3_01{
        position: absolute;
        top: -75px;
        left: 2px;
        width: 320px;
        height: auto;
    }
    .CT3_02{
        position: absolute;
        top: -168px;
        left: -78px;
        width: 1136px;
        height: auto;
    }
    .CT3_03{
        position: absolute;
        top: -47px;
        left: 934px;
        width: 378px;
        height: auto;
    }
    .CT3_04{
        position: absolute;
        top: 300px;
        left: 43px;
        width: 595px;
        height: auto;
    }
    .CT3_05{
        position: absolute;
        top: 502px;
        left: 48px;
        width: 503px;
        height: auto;
    }
    .CT3_06{
        position: absolute;
        top: 195px;
        left: 589px;
        width: 296px;
        height: auto;
    }
    .CT3_07{
        width: 382px;
        height: auto;
    }
    .CT3_08{
        position: absolute;
        top: 728px;
        left: -1px;
        width: 727px;
        height: auto;
    }  
    .CT3_09{
        width: 379px;
        height: auto;
    }
    .CT3_bt_07{
        position: absolute;
        top: 440px;
        left: 853px;
        pointer-events: none;
    }
    .CT3_bt_09{
        position: absolute;
        top: 712px;
        left: 843px;
    }
    .CT3_bt_07:hover{opacity: 0.5;}
    .CT3_bt_09:hover{opacity: 0.5;}
}


/*-------------------------------------*/
/*CT4*/
@media screen and (max-width:780px) { /*SP*/
    #CT4{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT4_wrap{
        position: relative;
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 129px 0 60px 0; */
        margin: 34.40vw 0 16.00vw 0;
    }
    .CT4_00{
        /* width: 335px; height: auto; */
        width: 89.33vw; height: auto;
    }
    .CT4_01{
        position: absolute;
        /* top: -35px; */
        top: -9.33vw;
        /* left: 165px; */
        left: 44.00vw;
        /* width: 154px; */
        width: 41.07vw;
        height: auto;
        z-index: 3;
    }
    .CT4_02{
        position: absolute;
        /* top: 40px; */
        top: 10.67vw;
        /* left: -22px; */
        left: -5.87vw;
        /* width: 383px; */
        width: 102.13vw;
        height: auto;
        max-width: initial;
        z-index: 2;
    }
    .CT4_03{
        position: absolute;
        /* top: -27px; */
        top: -7.20vw;
        /* left: -47px; */
        left: -12.53vw;
        /* width: 255px; */
        width: 68.00vw;
        height: auto;
        z-index: 1;
    }
    .CT4_04{
        position: absolute;
        /* top: 275px; */
        top: 73.33vw;
        /* left: 15px; */
        left: 4.00vw;
        /* width: 303px; */
        width: 80.80vw;
        height: auto;
    }
    .CT4_05{
        position: absolute;
        /* top: 418px; */
        top: 111.47vw;
        /* left: 14px; */
        left: 3.73vw;
        /* width: 307px; */
        width: 81.87vw;
        height: auto;
    }
    .CT4_06{
        position: absolute;
        /* top: 159px; */
        top: 42.40vw;
        /* left: 181px; */
        left: 48.27vw;
        /* width: 150px; */
        width: 40.00vw;
        height: auto;
        z-index: 3;
    }
    .CT4_07{
        /* width: 315px; */
        width: 84.00vw;
        height: auto;
    }
    .CT4_08{
        position: absolute;
        /* top: 872px; */
        top: 232.53vw;
        /* left: 0px; */
        left: 0.00vw;
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
    }  
    .CT4_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
    }
    .CT4_bt_07{
        position: absolute;
        /* top: 584px; */
        top: 155.73vw;
        /* left: 11px; */
        left: 2.93vw;
        pointer-events: none;
    }
    .CT4_bt_09{
        position: absolute;
        /* top: 797px; */
        top: 212.53vw;
        /* left: 0px; */
        left: 0.00vw;
    }
    .CT4_bt_07:hover{opacity: 0.5;}
    .CT4_bt_09:hover{opacity: 0.5;}
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    #CT4{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT4_wrap{
        position: relative;
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 151px 0 0 0; */
        margin: 9.44vw 0 0 0;
    }
    .CT4_00{
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
    }
    .CT4_01{
        position: absolute;
        /* top: -60px; */
        top: -3.75vw;
        /* left: 478px; */
        left: 29.88vw;
        /* width: 321px; */
        width: 20.06vw;
        height: auto;
    }
    .CT4_02{
        position: absolute;
        /* top: -114px; */
        top: -7.12vw;
        /* left: 400px; */
        left: 25.00vw;
        /* width: 966px; */
        width: 60.38vw;
        height: auto;
    }
    .CT4_03{
        position: absolute;
        /* top: -30px; */
        top: -1.88vw;
        /* left: -58px; */
        left: -3.62vw;
        /* width: 587px; */
        width: 36.69vw;
        height: auto;
    }
    .CT4_04{
        position: absolute;
        /* top: 260px; */
        top: 16.25vw;
        /* left: 43px; */
        left: 2.69vw;
        /* width: 543px; */
        width: 33.94vw;
        height: auto;
    }
    .CT4_05{
        position: absolute;
        /* top: 506px; */
        top: 31.62vw;
        /* left: 45px; */
        left: 2.81vw;
        /* width: 574px; */
        width: 35.88vw;
        height: auto;
    }
    .CT4_06{
        position: absolute;
        /* top: 467px; */
        top: 29.19vw;
        /* left: 616px; */
        left: 38.50vw;
        /* width: 243px; */
        width: 15.19vw;
        height: auto;
    }
    .CT4_07{
        /* width: 382px; */
        width: 23.88vw;
        height: auto;
    }
    .CT4_08{
        position: absolute;
        /* top: 728px; */
        top: 45.50vw;
        /* left: -1px; */
        left: -0.06vw;
        /* width: 715px; */
        width: 44.69vw;
        height: auto;
    }  
    .CT4_09{
        /* width: 379px; */
        width: 23.69vw;
        height: auto;
    }
    .CT4_bt_07{
        position: absolute;
        /* top: 443px; */
        top: 27.69vw;
        /* left: 854px; */
        left: 53.37vw;
        pointer-events: none;
    }
    .CT4_bt_09{
        position: absolute;
        /* top: 712px; */
        top: 44.50vw;
        /* left: 843px; */
        left: 52.69vw;
    }   
    .CT4_bt_07:hover{opacity: 0.5;}
    .CT4_bt_09:hover{opacity: 0.5;}
}
@media screen and (min-width:1601px) , print { /*PC*/
    #CT4{
        position: relative;
        display: flex; justify-content: center; align-items: center;
        width: 100%; height: auto;
        z-index: 2;
    }
    .CT4_wrap{
        position: relative;
        width: 1280px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 151px 0 0 0;
    }
    .CT4_00{
        width: 1280px; height: auto;
    }
    .CT4_01{
        position: absolute;
        top: -60px;
        left: 478px;
        width: 321px;
        height: auto;
    }
    .CT4_02{
        position: absolute;
        top: -114px;
        left: 400px;
        width: 966px;
        height: auto;
    }
    .CT4_03{
        position: absolute;
        top: -30px;
        left: -58px;
        width: 587px;
        height: auto;
    }
    .CT4_04{
        position: absolute;
        top: 260px;
        left: 43px;
        width: 543px;
        height: auto;
    }
    .CT4_05{
        position: absolute;
        top: 506px;
        left: 45px;
        width: 574px;
        height: auto;
    }
    .CT4_06{
        position: absolute;
        top: 467px;
        left: 616px;
        width: 243px;
        height: auto;
    }
    .CT4_07{
        width: 382px;
        height: auto;
    }
    .CT4_08{
        position: absolute;
        top: 728px;
        left: -1px;
        width: 715px;
        height: auto;
    }  
    .CT4_09{
        width: 379px;
        height: auto;
    }
    .CT4_bt_07{
        position: absolute;
        top: 443px;
        left: 854px;
        pointer-events: none;
    }
    .CT4_bt_09{
        position: absolute;
        top: 712px;
        left: 843px;
    }   
    .CT4_bt_07:hover{opacity: 0.5;}
    .CT4_bt_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 2314px; */
        background-size: 100.00vw 617.07vw;
        /* background-position: center 60px; */
        background-position: center 16.00vw;
        /* padding: 0 0 56px 0; */
        padding: 0 0 14.93vw 0;
    }
    .CT5_wrap{
        position: relative;
        /* width: 375px; */
        width: 100.00vw;
        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_box1{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* width: 335px; */
        width: 89.33vw;
        background-color: rgba(255,255,255,0.6);
        /* margin: 30px 0 0 0; */
        margin: 8.00vw 0 0 0;
        /* padding: 23px 0 0 0; */
        padding: 6.13vw 0 0 0;
    }
    .CT5_box2{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        /* margin: 11px 0 0 0; */
        margin: 2.93vw 0 0 0;
        /* padding: 0 0 30px 0; */
        padding: 0 0 8.00vw 0;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        /* width: 347px; */
        width: 92.53vw;
        height: auto;
        /* margin: 17px 0 0 5px; */
        margin: 4.53vw 0 0 1.33vw;
    }
    .CT5_02{
        /* width: 310px; */
        width: 82.67vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_03{
        /* width: 264px; */
        width: 70.40vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_04{
        /* width: 262px; */
        width: 69.87vw;
        height: auto;
        /* margin: 25px 0 0 0; */
        margin: 6.67vw 0 0 0;
    }
    .CT5_05{
        /* width: 263px; */
        width: 70.13vw;
        height: auto;
        /* margin: 26px 0 0 0; */
        margin: 6.93vw 0 0 0;
    }
    .CT5_06{
        /* width: 264px; */
        width: 70.40vw;
        height: auto;
        /* margin: 23px 0 0 0; */
        margin: 6.13vw 0 0 0;
    }
    .CT5_07{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 15px 0 0 0; */
        margin: 4.00vw 0 0 0;
    }
    .CT5_08{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 26px 0 0 0; */
        margin: 6.93vw 0 0 0;
    }
    .CT5_08:hover{
        opacity: 0.5;
    }
    .CT5_09{
        /* width: 198px; */
        width: 52.80vw;
        height: auto;
    }
}
@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 2314px; */
        background-size: 120.00vw 144.63vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 60px 0; */
        padding: 0 0 3.75vw 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_box1{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* width: 1280px; */
        width: 80.00vw;
        background-color: rgba(255,255,255,0.6);
        /* margin: -30px 0 0 0; */
        margin: -1.88vw 0 0 0;
        /* padding: 47px 0 0 0; */
        padding: 2.94vw 0 0 0;
    }
    .CT5_box2{
        display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        /* margin: 20px 0 0 0; */
        margin: 1.25vw 0 0 0;
        /* padding: 0 0 30px 0; */
        padding: 0 0 1.88vw 0;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        /* width: 1338px; */
        width: 83.63vw;
        height: auto;
        /* margin: 4px 0 0 58px; */
        margin: 0.25vw 0 0 3.62vw;
    }
    .CT5_02{
        /* width: 1195px; */
        width: 74.69vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_03{
        /* width: 574px; */
        width: 35.88vw;
        height: auto;
        /* margin: 0 45px 0 0; */
        margin: 0 2.81vw 0 0;
    }
    .CT5_04{
        /* width: 575px; */
        width: 35.94vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_05{
        /* width: 573px; */
        width: 35.81vw;
        height: auto;
        /* margin: 20px 45px 0 0; */
        margin: 1.25vw 2.81vw 0 0;
    }
    .CT5_06{
        /* width: 573px; */
        width: 35.81vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 1.25vw 0 0 0;
    }
    .CT5_07{
        /* width: 1197px; */
        width: 74.81vw;
        height: auto;
        /* margin: 17px 0 0 0; */
        margin: 1.06vw 0 0 0;
    }
    .CT5_08{
        /* width: 501px; */
        width: 31.31vw;
        height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .CT5_08:hover{
        opacity: 0.5;
    }
    .CT5_09{
        /* width: 393px; */
        width: 24.56vw;
        height: auto;
    }
}
@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 2314px;
        background-position: center 118px;
        padding: 0 0 60px 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_box1{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 1280px;
        background-color: rgba(255,255,255,0.6);
        margin: -30px 0 0 0;
        padding: 47px 0 0 0;
    }
    .CT5_box2{
        display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        margin: 20px 0 0 0;
        padding: 0 0 30px 0;
    }
    .CT5_01{
        position: relative;
        z-index: 1;
        
        width: 1338px;
        height: auto;
        margin: 4px 0 0 58px;
    }
    .CT5_02{
        width: 1195px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_03{
        width: 574px;
        height: auto;
        margin: 0 45px 0 0;
    }
    .CT5_04{
        width: 575px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT5_05{
        width: 573px;
        height: auto;
        margin: 20px 45px 0 0;
    }
    .CT5_06{
        width: 573px;
        height: auto;
        margin: 20px 0 0 0;
    }
    .CT5_07{
        width: 1197px;
        height: auto;
        margin: 17px 0 0 0;
    }
    .CT5_08{
        width: 501px;
        height: auto;
        margin: 40px 0 0 0;
    }
    .CT5_08:hover{
        opacity: 0.5;
    }
    .CT5_09{
        width: 393px;
        height: auto;
    }
}


/*-------------------------------------*/
/*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 2895px; */
        background-size: 100.00vw 772.00vw;
        /* background-position: center 60px; */
        background-position: center 16.00vw;
        /* padding: 0 0 60px 0; */
        padding: 0 0 16.00vw 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: 31px 0 0 0; */
        margin: 8.27vw 0 0 0;
    }
    .CT6_01{
        /* width: 305px; */
        width: 81.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT6_02{
        /* width: 403px; */
        width: 107.47vw;
        height: auto;
        /* margin: 24px 0 0 7px; */
        margin: 6.40vw 0 0 1.87vw;
        max-width: initial;
    }
    .CT6_03{
        /* width: 354px; */
        width: 94.40vw;
        height: auto;
        /* margin: 21px 0 0 4px; */
        margin: 5.60vw 0 0 1.07vw;
    }
    .CT6_04{
        /* width: 354px; */
        width: 94.40vw;
        height: auto;
        /* margin: 20px 0 0 5px; */
        margin: 5.33vw 0 0 1.33vw;
    }
    .CT6_05{
        /* width: 334px; */
        width: 89.07vw;
        height: auto;
        /* margin: 22px 0 0 0; */
        margin: 5.87vw 0 0 0;
    }
    .CT6_06{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 22px 0 0 0; */
        margin: 5.87vw 0 0 0;
    }
    .CT6_07{
        /* width: 300px; */
        width: 80.00vw;
        height: auto;
        /* margin: -65px 0 0 0; */
        margin: -17.33vw 0 0 0;
        z-index: 1;
    }
    .CT6_07:hover{
        opacity: 0.5;
    }
    .CT6_08{
        /* width: 202px; */
        width: 53.87vw;
        height: auto;
        margin: 0 0 0 0;
    }
    
}
@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 3435px; */
        background-size: 120.00vw 214.69vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 140px 0; */
        padding: 0 0 8.75vw 0;
    }
    .CT6_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: 80px 0 0 0; */
        margin: 5.00vw 0 0 0;
    }
    .CT6_01{
        /* width: 1015px; */
        width: 63.44vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT6_02{
        /* width: 1454px; */
        width: 90.88vw;
        height: auto;
        /* margin: 32px 0 0 0; */
        margin: 2.00vw 0 0 0;
    }
    .CT6_03{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 70px 0 0 0; */
        margin: 4.38vw 0 0 0;
    }
    .CT6_04{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 1.25vw 0 0 0;
    }
    .CT6_05{
        /* width: 1283px; */
        width: 80.19vw;
        height: auto;
        /* margin: 34px 0 0 0; */
        margin: 2.13vw 0 0 0;
    }
    .CT6_06{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 36px 0 0 0; */
        margin: 2.25vw 0 0 0;
    }
    .CT6_07{
        /* width: 501px; */
        width: 31.31vw;
        height: auto;
        /* margin: -136px 0 0 0; */
        margin: -8.50vw 0 0 0;
        z-index: 1;
    }
    .CT6_07:hover{
        opacity: 0.5;
    }
    .CT6_08{
        /* width: 412px; */
        width: 25.75vw;
        height: auto;
        margin: 0 0 0 0;
    }
}
@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 3435px;
        background-position: center 118px;
        padding: 0 0 140px 0;
    }
    .CT6_wrap{
        position: relative;
        width: 1400px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 80px 0 0 0;
    }
    .CT6_01{
        width: 1015px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT6_02{
        width: 1454px;
        height: auto;
        margin: 32px 0 0 0;
    }
    .CT6_03{
        width: 1281px;
        height: auto;
        margin: 70px 0 0 0;
    }
    .CT6_04{
        width: 1281px;
        height: auto;
        margin: 20px 0 0 0;
    }
    .CT6_05{
        width: 1283px;
        height: auto;
        margin: 34px 0 0 0;
    }
    .CT6_06{
        width: 1281px;
        height: auto;
        margin: 36px 0 0 0;
    }
    .CT6_07{
        width: 501px;
        height: auto;
        margin: -136px 0 0 0;
        z-index: 1;
    }
    .CT6_07:hover{
        opacity: 0.5;
    }
    .CT6_08{
        width: 412px;
        height: auto;
        margin: 0 0 0 0;
    }
}


/*-------------------------------------*/
/*CT7*/
@media screen and (max-width:780px) { /*SP*/
    #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_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 375px 2137px; */
        background-size: 100.00vw 569.87vw;
        /* 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: 40px 0 0 0; */
        margin: 10.67vw 0 0 0;
    }
    .CT7_01{
        /* width: 290px; */
        width: 77.33vw;
        height: auto;
        /* margin: 0 0 0 10px; */
        margin: 0 0 0 2.67vw;
    }
    .CT7_02{
        /* width: 358px; */
        width: 95.47vw;
        height: auto;
        /* margin: 32px 0 0 0; */
        margin: 8.53vw 0 0 0;
    }
    .CT7_03{
        /* width: 333px; */
        width: 88.80vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 4.80vw 0 0 0;
    }
    .CT7_04{
        /* width: 336px; */
        width: 89.60vw;
        height: auto;
        /* margin: 25px 0 0 0; */
        margin: 6.67vw 0 0 0;
    }
    .CT7_05{
        /* width: 247px; */
        width: 65.87vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_06{
        /* width: 300px; */
        width: 80.00vw;
        height: auto;
        /* margin: -75px 0 0 0; */
        margin: -20.00vw 0 0 0;
        z-index: 1;
    }
    .CT7_06: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 2739px; */
        background-size: 120.00vw 171.19vw;
        /* background-position: center 118px; */
        background-position: center 7.38vw;
        /* padding: 0 0 114px 0; */
        padding: 0 0 7.12vw 0;
    }
    .CT7_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: 110px 0 0 0; */
        margin: 6.88vw 0 0 0;
    }
    .CT7_01{
        /* width: 1031px; */
        width: 64.44vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_02{
        /* width: 1290px; */
        width: 80.63vw;
        height: auto;
        /* margin: 72px 0 0 0; */
        margin: 4.50vw 0 0 0;
    }
    .CT7_03{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .CT7_04{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 76px 0 0 0; */
        margin: 4.75vw 0 0 0;
    }
    .CT7_05{
        /* width: 491px; */
        width: 30.69vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_06{
        /* width: 501px; */
        width: 31.31vw;
        height: auto;
        /* margin: -146px 0 0 0; */
        margin: -9.13vw 0 0 0;
        z-index: 1;
    }
    .CT7_06: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 2739px;
        background-position: center 118px;
        padding: 0 0 114px 0;
    }
    .CT7_wrap{
        position: relative;
        width: 1400px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 110px 0 0 0;
    }
    .CT7_01{
        width: 1031px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_02{
        width: 1290px;
        height: auto;
        margin: 72px 0 0 0;
    }
    .CT7_03{
        width: 1280px;
        height: auto;
        margin: 40px 0 0 0;
    }
    .CT7_04{
        width: 1281px;
        height: auto;
        margin: 76px 0 0 0;
    }
    .CT7_05{
        width: 491px;
        height: auto;
        margin: 0 0 0 0;
    }
    .CT7_06{
        width: 501px;
        height: auto;
        margin: -146px 0 0 0;
        z-index: 1;
    }
    .CT7_06: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_bg_sp.webp');
        background-repeat: repeat-y;
        /* background-size: 375px 25.5px; */
        background-size: 100.00vw 6.80vw;
        background-position: center 0;
        padding: 0 0 0 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: 30px 0 0 0; */
        margin: 8.00vw 0 0 0;
    }
    .CT8_99{
        /* width: 331px; */
        width: 88.27vw;
        height: auto;
        margin: 0 0 0 0;
    }
    /* ----------- */
    .CT8_01{
        /* width: 294.5px; */
        width: 78.53vw;
        height: auto;
        /* margin: 0 0 18px 0; */
        margin: 0 0 4.80vw 0;
    }
    .CT8_02{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_03{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 0 0 32px 0; */
        margin: 0 0 8.53vw 0;
    }
    .CT8_04{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_05{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_06{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_07{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_08{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_09{
        /* width: 337px; */
        width: 89.87vw;
        height: auto;
        /* margin: 0 0 30px 0; */
        margin: 0 0 8.00vw 0;
    }
    .CT8_10{
        /* width: 322px; */
        width: 85.87vw;
        height: auto;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .CT8_11{
        /* width: 333px; */
        width: 88.80vw;
        height: auto;
        /* margin: 0 0 22px 0; */
        margin: 0 0 5.87vw 0;
    }
    .CT8_12{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 0 0 50px 0; */
        margin: 0 0 13.33vw 0;
    }
    .CT8_12: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_bg_pc.webp');
        background-repeat: repeat-y;
        /* background-size: 1920px 51px; */
        background-size: 120.00vw 3.19vw;
        background-position: center 0;
        padding: 0 0 0 0;
    }
    .CT8_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: 105px 0 0 0; */
        margin: 6.56vw 0 0 0;
    }
    .CT8_99{
        /* width: 661px; */
        width: 41.31vw;
        height: auto;
        margin: 0 0 0 0;
    }
    /* ----------- */
    .CT8_01{
        /* width: 963px; */
        width: 60.19vw;
        height: auto;
        /* margin: 0 0 48px 0; */
        margin: 0 0 3.00vw 0;
    }
    .CT8_02{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 40px 0; */
        margin: 0 0 2.50vw 0;
    }
    .CT8_03{
        /* width: 800px; */
        width: 50.00vw;
        height: auto;
        /* margin: 0 0 62px 0; */
        margin: 0 0 3.88vw 0;
    }
    .CT8_04{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_05{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_06{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_07{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_08{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 33px 0; */
        margin: 0 0 2.06vw 0;
    }
    .CT8_09{
        /* width: 1280px; */
        width: 80.00vw;
        height: auto;
        /* margin: 0 0 78px 0; */
        margin: 0 0 4.88vw 0;
    }
    .CT8_10{
        /* width: 879px; */
        width: 54.94vw;
        height: auto;
        /* margin: 0 0 30px 0; */
        margin: 0 0 1.88vw 0;
    }
    .CT8_11{
        /* width: 680px; */
        width: 42.50vw;
        height: auto;
        /* margin: 0 0 42px 0; */
        margin: 0 0 2.63vw 0;
    }
    .CT8_12{
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        /* margin: 0 0 80px 0; */
        margin: 0 0 5.00vw 0;
    }
    .CT8_12: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_bg_pc.webp');
        background-repeat: repeat-y;
        background-size: 1920px 51px;
        background-position: center 0;
        padding: 0 0 0 0;
    }
    .CT8_wrap{
        position: relative;
        width: 1400px; height: auto;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 105px 0 0 0;
    }
    .CT8_99{
        width: 661px;
        height: auto;
        margin: 0 0 0 0;
    }
    /* ----------- */
    .CT8_01{
        width: 963px;
        height: auto;
        margin: 0 0 48px 0;
    }
    .CT8_02{
        width: 1280px;
        height: auto;
        margin: 0 0 40px 0;
    }
    .CT8_03{
        width: 800px;
        height: auto;
        margin: 0 0 62px 0;
    }
    .CT8_04{
        width: 1280px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_05{
        width: 1280px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_06{
        width: 1280px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_07{
        width: 1280px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_08{
        width: 1280px;
        height: auto;
        margin: 0 0 33px 0;
    }
    .CT8_09{
        width: 1280px;
        height: auto;
        margin: 0 0 78px 0;
    }
    .CT8_10{
        width: 879px;
        height: auto;
        margin: 0 0 30px 0;
    }
    .CT8_11{
        width: 680px;
        height: auto;
        margin: 0 0 42px 0;
    }
    .CT8_12{
        width: 600px;
        height: auto;
        margin: 0 0 80px 0;
    }
    .CT8_12: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 32px 0; */
        padding: 0 0 8.53vw 0;
        background-image: url('../images/SNS_00a_sp.webp');
        background-repeat: repeat-y;
        /* background-size: 375px 15px; */
        background-size: 100.00vw 4.00vw;
        /* background-position: center 0px; */
        background-position: center 0.00vw;
    }
    .SNS_wrap{
        position: relative;
        /* width: 375px; height: auto; */
        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_box1{
        position: relative;
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
        display: flex;
        /* flex-wrap: wrap; */
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .SNS_box2{
        position: relative;
        /* width: 335px; */
        width: 89.33vw;
        /* height: 1171px; */
        height: 312.27vw;
        /* margin: 32px 0 0 0; */
        margin: 8.53vw 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/SNS_00b_sp.webp');
        background-repeat: no-repeat;
        /* background-size: 335px 1156px; */
        background-size: 89.33vw 308.27vw;
        padding: 0 0 0 0;
    }
    .SNS_01{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 32px 0 0 0; */
        margin: 8.53vw 0 0 0;
    }
    .SNS_02{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 26px 0 0 0; */
        margin: 6.93vw 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        /* width: 247px; */
        width: 65.87vw;
        height: auto;
        /* margin: 10px 0 0 0; */
        margin: 2.67vw 0 0 0;
    }
    .SNS_04{
        /* width: 334px; */
        width: 89.07vw;
        height: auto;
        /* margin: 31px 0 0 0; */
        margin: 8.27vw 0 0 0;
    }
    .SNS_05{
        /* width: 352px; */
        width: 93.87vw;
        height: auto;
        /* margin: -2px 0 0 -20px; */
        margin: -0.53vw 0 0 -5.33vw;
        max-width: initial;
    }
    .SNS_06{
        /* width: 421px; */
        width: 112.27vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 4.80vw 0 0 0;
    }
    .SNS_07{
        /* width: 421px; */
        width: 112.27vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 4.80vw 0 0 0;
    }
    .SNS_08{
        /* width: 421px; */
        width: 112.27vw;
        height: auto;
        /* margin: 15px 0 0 0; */
        margin: 4.00vw 0 0 0;
    }
    .SNS_09{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 4.80vw 0 0 0;
    }
    .SNS_10{
        /* width: 231px; */
        width: 61.60vw;
        height: auto;
        /* margin: 31px 0 0 0; */
        margin: 8.27vw 0 0 0;
    }
    .SNS_11{
        /* width: 285px; */
        width: 76.00vw;
        height: auto;
        /* margin: 29px 0 0 0; */
        margin: 7.73vw 0 0 0;
    }
    .SNS_12{
        /* width: 275px; */
        width: 73.33vw;
        height: auto;
        /* margin: 17px 0 0 0; */
        margin: 4.53vw 0 0 0;
    }
    .SNS_13{
        /* width: 272px; */
        width: 72.53vw;
        height: auto;
        /* margin: 2px 0 0 0; */
        margin: 0.53vw 0 0 0;
    }
    .SNS_14{
        /* width: 275px; */
        width: 73.33vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15{
        position: absolute;
        /* top: 215px; */
        top: 57.33vw;
        /* left: 108px; */
        left: 28.80vw;
        /* width: 180px; */
        width: 48.00vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15:hover{opacity: 0.5;}
    .SNS_16{
        /* width: 199px; */
        width: 53.07vw;
        height: auto;
        margin: 0 0 0 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 100px 0; */
        padding: 0 0 6.25vw 0;
        background-image: url('../images/SNS_00a_pc.webp');
        background-repeat: repeat-y;
        /* background-size: 1920px 31px; */
        background-size: 120.00vw 1.94vw;
        /* background-position: center 0px; */
        background-position: center 0.00vw;
    }
    .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_box1{
        position: relative;
        /* width: 1280px; height: auto; */
        width: 80.00vw; height: auto;
        /* margin: 58px 0 0 0; */
        margin: 3.62vw 0 0 0;
        display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
    }
    .SNS_box2{
        position: relative;
        /* width: 1280px; */
        width: 80.00vw;
        /* height: 1786px; */
        height: 111.63vw;
        /* margin: 82px 0 0 0; */
        margin: 5.13vw 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/SNS_00b_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 1280px 1787px; */
        background-size: 80.00vw 111.69vw;
        /* padding: 0 0 100px 0; */
        padding: 0 0 6.25vw 0;
    }
    .SNS_01{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 117px 0 0 0; */
        margin: 7.31vw 0 0 0;
    }
    .SNS_02{
        /* width: 601px; */
        width: 37.56vw;
        height: auto;
        /* margin: 54px 0 0 0; */
        margin: 3.38vw 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        /* width: 529px; */
        width: 33.06vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 1.13vw 0 0 0;
    }
    .SNS_04{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        /* margin: 84px 0 0 0; */
        margin: 5.25vw 0 0 0;
    }
    .SNS_05{
        /* width: 1281px; */
        width: 80.06vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_06{
        /* width: 421px; */
        width: 26.31vw;
        height: auto;
        /* margin: 9px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    .SNS_07{
        /* width: 421px; */
        width: 26.31vw;
        height: auto;
        /* margin: 9px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    .SNS_08{
        /* width: 421px; */
        width: 26.31vw;
        height: auto;
        /* margin: 9px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    .SNS_09{
        /* width: 581px; */
        width: 36.31vw;
        height: auto;
        /* margin: 18px 0 0 0; */
        margin: 1.13vw 0 0 0;
    }
    .SNS_10{
        /* width: 461px; */
        width: 28.81vw;
        height: auto;
        /* margin: 40px 0 0 0; */
        margin: 2.50vw 0 0 0;
    }
    .SNS_11{
        /* width: 971px; */
        width: 60.69vw;
        height: auto;
        /* margin: 57px 0 0 0; */
        margin: 3.56vw 0 0 0;
    }
    .SNS_12{
        /* width: 970px; */
        width: 60.62vw;
        height: auto;
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
    .SNS_13{
        /* width: 970px; */
        width: 60.62vw;
        height: auto;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
    }
    .SNS_14{
        /* width: 970px; */
        width: 60.62vw;
        height: auto;
        /* margin: -6px 0 0 0; */
        margin: -0.38vw 0 0 0;
    }
    .SNS_15{
        position: absolute;
        /* top: 351px; */
        top: 21.94vw;
        /* left: 340px; */
        left: 21.25vw;
        /* width: 600px; */
        width: 37.50vw;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15:hover{opacity: 0.5;}
    .SNS_16{
        /* width: 399px; */
        width: 24.94vw;
        height: auto;
        margin: 0 0 0 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 100px 0;
        background-image: url('../images/SNS_00a_pc.webp');
        background-repeat: repeat-y;
        background-size: 1920px 31px;
        background-position: center 0px;
    }
    .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_box1{
        position: relative;
        width: 1280px; height: auto;
        margin: 58px 0 0 0;
        display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
    }
    .SNS_box2{
        position: relative;
        width: 1280px;
        height: 1786px;
        margin: 82px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-image: url('../images/SNS_00b_pc.webp');
        background-repeat: no-repeat;
        background-size: 1280px 1787px;
        padding: 0 0 100px 0;
    }

    .SNS_01{
        width: 1281px;
        height: auto;
        margin: 117px 0 0 0;
    }
    .SNS_02{
        width: 601px;
        height: auto;
        margin: 54px 0 0 0;
    }
    .SNS_02:hover{opacity: 0.5;}
    .SNS_03{
        width: 529px;
        height: auto;
        margin: 18px 0 0 0;
    }
    .SNS_04{
        width: 1281px;
        height: auto;
        margin: 84px 0 0 0;
    }
    .SNS_05{
        width: 1281px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_06{
        width: 421px;
        height: auto;
        margin: 9px 0 0 0;
    }
    .SNS_07{
        width: 421px;
        height: auto;
        margin: 9px 0 0 0;
    }
    .SNS_08{
        width: 421px;
        height: auto;
        margin: 9px 0 0 0;
    }
    .SNS_09{
        width: 581px;
        height: auto;
        margin: 18px 0 0 0;
    }
    .SNS_10{
        width: 461px;
        height: auto;
        margin: 40px 0 0 0;
    }
    .SNS_11{
        width: 971px;
        height: auto;
        margin: 57px 0 0 0;
    }
    .SNS_12{
        width: 970px;
        height: auto;
        margin: 60px 0 0 0;
    }
    .SNS_13{
        width: 970px;
        height: auto;
        margin: 0px 0 0 0;
    }
    .SNS_14{
        width: 970px;
        height: auto;
        margin: -6px 0 0 0;
    }
    .SNS_15{
        position: absolute;
        top: 351px;
        left: 340px;
        width: 600px;
        height: auto;
        margin: 0 0 0 0;
    }
    .SNS_15:hover{opacity: 0.5;}
    
    .SNS_16{
        width: 399px;
        height: auto;
        margin: 0 0 0 0;
    }
}

/*-------------------------------------*/
/*TRM*/
@media screen and (max-width:780px) { /*SP*/
    .TRM_box2{
        z-index: 1;
        width: calc( 100% - 17vw ); 
        height: 410px;
        height: 109.33vw;
        /* border: 3px solid #006D83; */
        /* border: 0.80vw solid #006D83; */
        background-color: #ffffff;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        /* padding: 20px 10px; */
        padding: 5.33vw 2.67vw;
        /* margin: 30px 0; */
        margin: 5vw 0;
    }
    .TRM_box2Ttile{
        /* font-size: 20px; letter-spacing: 1px; */
        font-size: 5.33vw; letter-spacing: 0.27vw;
        font-weight: bold;
        color: #000;
        width: 100%;
        /* border-bottom: 2px solid #000; */
        border-bottom: 0.53vw solid #009d85;
        text-align: center;
        /* padding: 0 0 10px 0; */
        padding: 0 0 2.67vw 0;
        /* margin: 0 0 20px 0; */
        margin: 0 0 5.33vw 0;
    }
    .TRM_box2Frame{
        width: calc( 100% - 0px ); 
        height: 310px;
        height: 82.67vw;
        color: #000;
        /* padding: 10px; */
        padding: 2.67vw;
        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: #006D83;
        border-radius: 10%;
     }
     .TRM_box2FrameTitle{
        /* font-size: 15px; */
        font-size: 4.00vw;
        /* line-height: 20px; letter-spacing: 0px; */
        line-height: 5.33vw; 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; letter-spacing: 0px; */
        line-height: 4.27vw; 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; letter-spacing: 0px; */
        line-height: 4.27vw; 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; letter-spacing: 0px; */
        line-height: 4.27vw; 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; letter-spacing: 0px; */
        line-height: 3.47vw; 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; text-decoration: underline; } */
     .TRM_linkA{ color: #000; 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 #006D83; */
        /* border: 0.19vw solid #006D83; */
        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 #009d85; */
        border-bottom: 0.25vw solid #009d85;
        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: #006D83;
        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: 1190px; height: 540px;
        /* border: 3px solid #006D83; */
        background-color: #ffffff;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
        padding: 30px;
        margin: 80px 0 60px 0;
    }
    .TRM_box2Ttile{
        font-size: 30px; letter-spacing: 1px;
        font-weight: bold;
        color: #000;
        width: 100%;
        border-bottom: 4px solid #009d85;
        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: #006D83;
        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: center;
        width: 100%; height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        width: 100%;
        /* height: 664px; */
        height: 177.07vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .INF_box1{
        position: relative;
        width: auto; height: auto;
        margin: 0 0 0 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .INF_01{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 29px 0px 0 0; */
        margin: 7.73vw 0.00vw 0 0;
    }
    .INF_02{
        /* width: 333px; */
        width: 88.80vw;
        height: auto;
        /* margin: 26px 0 23px 0; */
        margin: 6.93vw 0 6.13vw 0;
    }
    .INF_03{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_03:hover{
        opacity: 0.75;
    }
    .INF_box2{
        position: relative;
        width: 100%;
        height: auto;
        /* padding: 30px 0 35px 0; */
        padding: 8.00vw 0 9.33vw 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url(../images/INF_00_sp.webp);
        background-position: center center;
        background-repeat: no-repeat;
        /* background-size: 375px 249px; */
        background-size: 100.00vw 66.40vw;
        /* margin: 40px 0 0 0; */
        margin: 10.67vw 0 0 0;
    }
    .INF_04{
        /* width: 236px; */
        width: 62.93vw;
        height: auto;
    }
    .INF_ex01{
        /* width: 335px; */
        width: 89.33vw;
        height: auto;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }
}
@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: center;
        width: 100%; height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        /* width: 100%; height: 575px; */
        width: 100%; height: 35.94vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .INF_box1{
        position: relative;
        width: auto; height: auto;
        margin: 0 0 0 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .INF_01{
        /* width: 321px; */
        width: 20.06vw;
        height: auto;
        /* margin: 0px 85px 0 0; */
        margin: 0.00vw 5.31vw 0 0;
    }
    .INF_02{
        /* width: 701px; */
        width: 43.81vw;
        height: auto;
        /* margin: 40px 0 50px 0; */
        margin: 2.50vw 0 3.13vw 0;
    }
    .INF_03{
        /* width: 641px; */
        width: 40.06vw;
        height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_03:hover{
        opacity: 0.75;
    }
    .INF_box2{
        position: relative;
        width: 100%; height: auto;
        /* padding: 70px 0; */
        padding: 4.38vw 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-image: url('../images/INF_00_pc.webp');
        background-position: center center;
        background-repeat: no-repeat;
        /* background-size: 1920px 500px; */
        background-size: 120.00vw 31.25vw;
    }
    .INF_04{
        /* width: 426px; */
        width: 26.63vw;
        height: auto;
    }
    .INF_ex01{
        /* width: 800px; */
        width: 50.00vw;
        height: auto;
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    #INF{
        position: relative;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%; height: auto;
        background-color: #000;
        margin: 0 0 0 0;
    }
    .INF_wrap{
        position: relative;
        width: 100%; height: 575px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    .INF_box1{
        position: relative;
        width: auto; height: auto;
        margin: 0 0 0 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .INF_01{
        width: 321px;
        height: auto;
        margin: 0px 85px 0 0;
    }
    .INF_02{
        width: 701px;
        height: auto;
        margin: 40px 0 50px 0;
    }
    .INF_03{
        width: 641px;
        height: auto;
        margin: 0 0 0 0;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .INF_03:hover{
        opacity: 0.75;
    }

    .INF_box2{
        position: relative;
        width: 100%; height: auto;
        padding: 70px 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-image: url('../images/INF_00_pc.webp');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1920px 500px;
    }
    .INF_04{
        width: 426px;
        height: auto;
    }
    .INF_ex01{
        width: 800px;
        height: auto;
        margin: 60px 0 0 0;
    }
}