@charset "UTF-8";

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

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

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

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



/* XXX & etc */
@media screen and (max-width:780px) { /*SP*/
    .spON{display: flex!important;}
    .pcON{display: none!important;}
    .XXX{
        width: 100%;
        position: absolute;
        top: -60px;
        left: 0;
        opacity: 0.5;
        pointer-events: none;
        z-index: 100;
        display: none;
    }
}
@media screen and (min-width:781px) and ( max-width:1800px) { /*TB&PC*/
    .spON{display: none!important;}
    .pcON{display: flex!important;}
    .XXX{
        display: none;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    .spON{display: none!important;}
    .pcON{display: flex!important;}
    .XXX{
        width: 1920px;
        position: absolute;
        top: 453px;
        left: 50%;
        opacity: 0.3;
        pointer-events: none;
        z-index: 100;
        transform: translateX(-50%);
        /* mix-blend-mode: multiply; */
        display: none;
    }
}

/* BTT */
@media screen and (max-width:780px) { /*SP*/
    #BTT{
        position: fixed;
        bottom: 252px;
        right: 30px;
        opacity: 0;
    }
    .BTT_bt{transition: 0.3s;}
    .BTT_bt:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    #BTT img{
        width: 45px;
    }
}
@media screen and (min-width:781px) and ( max-width:1800px) { /*TB&PC*/
    #BTT{
        position: fixed;
        bottom: 153px;
        right: 30px;
        opacity: 0;
    }
    .BTT_bt{transition: 0.3s;}
    .BTT_bt:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    #BTT img{
        width: 45px;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #BTT{
        position: fixed;
        bottom: 153px;
        right: 30px;
        opacity: 0;
    }
    .BTT_bt{transition: 0.3s;}
    .BTT_bt:hover{
        opacity: 0.75;
        cursor: pointer;
    }
    #BTT img{
        width: 45px;
    }
}



/*------------------------------------------------*/
/* common */
/*------------------------------------------------*/
body{
    background-image: url('../img/BG_loop.webp');
    background-repeat: repeat;
    background-size: 96px 96px;
    width: 100%;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-feature-settings: "palt";
    position: relative;
}
body a{
    transition: opacity 0.3s;
    text-decoration: none;
    color: #000;
}
body a:hover{
    opacity: 0.5;
}
#CNT{
    position: relative;
    display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    width: 100%;
}
.goverlay {
    background: rgba(0, 0, 0, .8);
}



/*------------------------------------------------*/
/* z-index */
/*------------------------------------------------*/

#FIX{z-index: 99;}
#NAV{z-index: 98;}



/*------------------------------------------------*/
/* HED conversion 390px */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #HED{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
    }
    .HED_wrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        /* height: 60px; */
        height: 15.38vw;
    }
    .HED_logoWrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        /* width: 138px; */
        width: 35.38vw;
        /* padding: 0 0 0 20px; */
        padding: 0 0 0 5.13vw;
    }
    .HED_nvWrap{
        width: 100%;
        /* margin: 0 0 0 150px; */
        margin: 0 0 0 38.46vw;
        display: flex; justify-content: flex-start;
        /* gap: 40px; */
        gap: 10.26vw;
        display: none;
    }
    .COMMON_logo{
        /* width: 89px; */
        width: 22.82vw;
    }
    .COMMON_tokyo_logo{
        /* width: 130px; */
        width: 33.33vw;
    }
    .HED_link{
        text-decoration: none;
        color: #443103;
        /* font-size: 24px; */
        font-size: 6.15vw;
        line-height: 0;
        font-weight: 600;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #HED{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
    }
    .HED_wrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* width: 1760px; */
        width: 97.78vw;
        /* height: 120px; */
        height: 6.67vw;
        /* padding: 0 30px; */
        padding: 0 1.67vw;
    }
    .HED_logoWrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: 100%;
    }
    .HED_nvWrap{
        width: 100%;
        /* margin: 0 0 0 150px; */
        margin: 0 0 0 8.33vw;
        display: flex; justify-content: flex-start;
        /* gap: 40px; */
        gap: 2.22vw;
    }
    .COMMON_logo{
        /* width: 155px; */
        width: 8.61vw;
    }
    .COMMON_tokyo_logo{
        /* width: 190px; */
        width: 10.56vw;
    }
    .HED_link{
        text-decoration: none;
        color: #443103;
        /* font-size: 24px; */
        font-size: 1.33vw;
        line-height: 0;
        font-weight: 600;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #HED{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
    }
    .HED_wrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: 1760px;
        height: 120px;
        padding: 0 30px;
    }
    .HED_logoWrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: 100%;
    }
    .HED_nvWrap{
        width: 100%;
        margin: 0 0 0 150px;
        display: flex; justify-content: flex-start;
        gap: 40px;
    }
    .COMMON_logo{
        width: 155px;
    }
    .COMMON_tokyo_logo{
        width: 190px;
    }
    .HED_link{
        text-decoration: none;
        color: #443103;
        font-size: 24px;
        line-height: 0;
        font-weight: 600;
    }
}



/*------------------------------------------------*/
/* NAV */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #NAV{
        width: 100%;
        position: fixed;
        top: 0; left: 0;
    }
    .NAV_wrap{
        width: 100%;
        height: auto;
        position: relative;
    }
    .NAV_set{
        width: 100%;
        height: 100vh;
        position: relative;
        background-color: rgba(255,255,255,0.7);
        /* backdrop-filter: blur(4px); */
        backdrop-filter: blur(1.03vw);
        /*  */
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease;
    }
    .NAV_set.open {
        max-height: 100vh;
    }
    body.no-scroll {
        overflow: hidden;
        height: 100%;
    }
    .NAV_scroll{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
        /* gap: 60px; */
        gap: 15.38vw;
        /* padding: 0 50px; */
        padding: 0 12.82vw;
    }
    .NAV_link{
        text-decoration: none;
        color: #443103;
        /* font-size: 24px; */
        font-size: 6.15vw;
        line-height: 0;
        font-weight: 600;
    }
    .NAV_link:first-child {
        /* margin: 60px 0 0 0; */
        margin: 15.38vw 0 0 0;
    }
    .NAV_popup{
        width: 100%;
        /* margin: 20px 0 120px 0; */
        margin: 5.13vw 0 30.77vw 0;
    }
    .NAV_popup img{
        width: 100%
    }
    /* ---------- */
    .NAV_menu_btn {
        /* width: 30px; */
        width: 7.69vw;
        /* height: 25px; */
        height: 6.41vw;
        position: relative;
        cursor: pointer;
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* right: 20px; */
        right: 5.13vw;
    }
    .NAV_menu_btn span {
        position: absolute;
        left: 0;
        width: 100%;
        /* height: 2px; */
        height: 0.51vw;
        background: #000;
        /* border-radius: 0px; */
        border-radius: 0.00vw;
        transition: all 0.2s ease;
    }
    /* イコール（2本線） */
    .NAV_menu_btn span:nth-child(1) {
        /* top: 6px; */
        top: 1.54vw;
    }
    .NAV_menu_btn span:nth-child(2) {
        /* bottom: 6px; */
        bottom: 1.54vw;
    }
    /* アクティブ時 → ×に変形 */
    .NAV_menu_btn.active span:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(25deg);
    }
    .NAV_menu_btn.active span:nth-child(2) {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%) rotate(-25deg);
    }

}
@media screen and (min-width:768px) , print { /*PC&TB*/
    #NAV{ display: none; }
}



/*------------------------------------------------*/
/* KYV */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #KYV{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
    }
    .KYV{
        /* width: 350px; */
        width: 89.74vw;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
    }
    .COMMON_popup{
        /* width: 347px; */
        width: 88.97vw;
        position: absolute;
        /* top: 40px; */
        top: 10.26vw;
        /* right: 40px; */
        right: 10.26vw;
        display: none;
    }
    .COMMON_popup img{
        width: 100%
    }
    .COMMON_movie{
        /* width: 82px; */
        width: 21.03vw;
        /* height: 82px; */
        height: 21.03vw;
        position: absolute;
        /* top: 30px; */
        top: 7.69vw;
        /* right: 40px; */
        right: 10.26vw;
    }
    .COMMON_circle{
        /* width: 82px; */
        width: 21.03vw;
        position: absolute;
    }
    .COMMON_play{
        /* width: 68px; */
        width: 17.44vw;
        position: absolute;
        /* top: calc( 50% - ( 68px / 2 ) ); */
        top: calc( 50% - ( 17.44vw / 2 ) );
        /* left: calc( 50% - ( 68px / 2 ) ); */
        left: calc( 50% - ( 17.44vw / 2 ) );
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #KYV{
        /* display: flex; flex-direction: column; justify-content: center; align-items: center; */
        /* width: 1760px; */
        width: 97.78vw;
        position: relative;
        transform-origin: top center;
        opacity: 0;
    }
    .KYV{
        /* width: 1760px; */
        width: 97.78vw;
    }
    .COMMON_popup{
        /* width: 347px; */
        width: 19.28vw;
        position: absolute;
        /* top: 40px; */
        top: 2.22vw;
        /* right: 40px; */
        right: 2.22vw;
    }
    .COMMON_popup img{
        width: 100%
    }
    .COMMON_movie{
        /* width: 255px; */
        width: 14.17vw;
        /* height: 255px; */
        height: 14.17vw;
        position: absolute;
        /* top: 620px; */
        top: 34.44vw;
        /* left: 100px; */
        left: 5.56vw;
    }
    .COMMON_circle{
        /* width: 255px; */
        width: 14.17vw;
        position: absolute;
    }
    .COMMON_play{
        /* width: 195px; */
        width: 10.83vw;
        position: absolute;
        /* top: calc( 50% - ( 195px / 2 ) ); */
        top: calc( 50% - ( 10.83vw / 2 ) );
        /* left: calc( 50% - ( 195px / 2 ) ); */
        left: calc( 50% - ( 10.83vw / 2 ) );
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #KYV{
        /* display: flex; flex-direction: column; justify-content: center; align-items: center; */
        width: 1760px;
        position: relative;
        transform-origin: top center;
        opacity: 0;
    }
    .KYV{
        width: 1760px;
    }
    .COMMON_popup{
        width: 347px;
        position: absolute;
        top: 40px;
        right: 40px;
    }
    .COMMON_popup img{
        width: 100%
    }
    .COMMON_movie{
        width: 255px;
        height: 255px;
        position: absolute;
        top: 620px;
        left: 100px;
    }
    .COMMON_circle{
        width: 255px;
        position: absolute;
    }
    .COMMON_play{
        width: 195px;
        position: absolute;
        top: calc( 50% - ( 195px / 2 ) );
        left: calc( 50% - ( 195px / 2 ) );
    }
}



/*------------------------------------------------*/
/* ABT */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #ABT{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
        /* padding: 60px 0 0 0; */
        padding: 15.38vw 0 0 0;
        overflow: hidden;
    }
    .ABT_wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    .ABT_logo{
        /* width: 218px; */
        width: 55.90vw;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
    }
    .ABT_pWrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .ABT_p1{
        /* font-size: 24px; */
        font-size: 6.15vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        font-weight: 700;
        /* margin: 40px 0 0 0; */
        margin: 10.26vw 0 0 0;
    }
    .ABT_p2{
        /* font-size: 15px; */
        font-size: 3.85vw;
        /* letter-spacing: 1.5px; */
        letter-spacing: 0.38vw;
        font-weight: 400;
        /* line-height: 24px; */
        line-height: 6.15vw;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
        /* padding: 0 30px; */
        padding: 0 7.69vw;
    }
    /* --------- */
    .ABT_circleWrap{
        /* width: 370px; */
        width: 94.87vw;
        /* height: 494px; */
        height: 126.67vw;
        position: relative;
        /* margin: 100px 0 0 0; */
        margin: 25.64vw 0 0 0;
    }
    .ABT_circle_0{
        /* width: 130px; */
        width: 33.33vw;
        /* height: 130px; */
        height: 33.33vw;
        position: absolute;
        /* top: 124px; */
        top: 31.79vw;
        /* left: 117px; */
        left: 30.00vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.4);
        /* border: 3px solid rgba(255, 255, 255, 1); */
        border: 0.77vw solid rgba(255, 255, 255, 1);
        border-radius: 50%;
        /* font-size: 13px; */
        font-size: 3.33vw;
        /* line-height: 24px; */
        line-height: 6.15vw;
        font-weight: 700;
        text-align: center;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
    }
    .ABT_circle_0 span{
        display: inline;
    }
    .ABT_circle_1,.ABT_circle_2,.ABT_circle_3,.ABT_circle_4,.ABT_circle_5{
        /* width: 150px; */
        width: 38.46vw;
        /* height: 150px; */
        height: 38.46vw;
        color: #000;
        /* font-size: 13px; */
        font-size: 3.33vw;
        /* line-height: 16px; */
        line-height: 4.10vw;
        font-weight: 600;
    }
    .ABT_circle_1{
        position: absolute;
        top: 0;
        /* left: 111px; */
        left: 28.46vw;
        background-color: rgba(241, 203, 110, 0.4);
        /* border: 3px solid rgba(241, 203, 110, 1); */
        border: 0.77vw solid rgba(241, 203, 110, 1);
        border-radius: 50%;
    }
    .ABT_circle_1 span{
        position: absolute;
        /* top: 33px; */
        top: 8.46vw;
        /* left: 28px; */
        left: 7.18vw;
    }
    .ABT_circle_1 .ABT_arr{
        position: absolute;
        /* top: 73px; */
        top: 18.72vw;
        /* left: 28px; */
        left: 7.18vw;
        /* width: 17px; */
        width: 4.36vw;
    }
    .ABT_circle_2{
        position: absolute;
        /* top: 82px; */
        top: 21.03vw;
        right: 0;
        background-color: rgba(233, 184, 207, 0.4);
        /* border: 3px solid rgba(233, 184, 207, 1); */
        border: 0.77vw solid rgba(233, 184, 207, 1);
        border-radius: 50%;
    }
    .ABT_circle_2 span{
        position: absolute;
        /* top: 37px; */
        top: 9.49vw;
        /* left: 29px; */
        left: 7.44vw;
    }
    .ABT_circle_2 .ABT_arr{
        position: absolute;
        /* top: 92px; */
        top: 23.59vw;
        /* left: 28px; */
        left: 7.18vw;
        /* width: 17px; */
        width: 4.36vw;
    }
    .ABT_circle_3{
        position: absolute;
        /* top: 212px; */
        top: 54.36vw;
        /* right: 42px; */
        right: 10.77vw;
        background-color: rgba(170, 213, 233, 0.4);
        /* border: 3px solid rgba(170, 213, 233, 1); */
        border: 0.77vw solid rgba(170, 213, 233, 1);
        border-radius: 50%;
    }
    .ABT_circle_3 span{
        position: absolute;
        /* top: 38px; */
        top: 9.74vw;
        /* left: 26px; */
        left: 6.67vw;
    }
    .ABT_circle_3 .ABT_arr{
        position: absolute;
        /* top: 93px; */
        top: 23.85vw;
        /* left: 26px; */
        left: 6.67vw;
        /* width: 17px; */
        width: 4.36vw;
    }
    .ABT_circle_4{
        position: absolute;
        /* top: 212px; */
        top: 54.36vw;
        /* left: 42px; */
        left: 10.77vw;
        background-color: rgba(151, 205, 174, 0.4);
        /* border: 3px solid rgba(151, 205, 174, 1); */
        border: 0.77vw solid rgba(151, 205, 174, 1);
        border-radius: 50%;
    }
    .ABT_circle_4 span{
        position: absolute;
        /* top: 37px; */
        top: 9.49vw;
        /* left: 23px; */
        left: 5.90vw;
    }
    .ABT_circle_4 .ABT_arr{
        position: absolute;
        /* top: 95px; */
        top: 24.36vw;
        /* left: 21px; */
        left: 5.38vw;
        /* width: 17px; */
        width: 4.36vw;
    }
    .ABT_circle_5{
        position: absolute;
        /* top: 83px; */
        top: 21.28vw;
        left: 0;
        background-color: rgba(175, 213, 136, 0.4);
        /* border: 3px solid rgba(175, 213, 136, 1); */
        border: 0.77vw solid rgba(175, 213, 136, 1);
        border-radius: 50%;
    }
    .ABT_circle_5 span{
        position: absolute;
        /* top: 35px; */
        top: 8.97vw;
        /* left: 18px; */
        left: 4.62vw;
    }
    .ABT_circle_5 .ABT_arr{
        position: absolute;
        /* top: 92px; */
        top: 23.59vw;
        /* left: 17px; */
        left: 4.36vw;
        /* width: 17px; */
        width: 4.36vw;
    }
    .ABT_ill{
        position: absolute;
        /* top: 480px; */
        top: 123.08vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        /* width: 402px; */
        width: 103.08vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #ABT{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        position: relative;
        /* padding: 120px 0 120px 0; */
        padding: 6.67vw 0 6.67vw 0;
        overflow: hidden;
    }
    .ABT_wrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: auto;
    }
    .ABT_logo{
        /* width: 373px; */
        width: 20.72vw;
        /* margin: 0 50px 0 0; */
        margin: 0 2.78vw 0 0;
    }
    .ABT_pWrap{
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .ABT_p1{
        /* font-size: 40px; */
        font-size: 2.22vw;
        /* letter-spacing: 6px; */
        letter-spacing: 0.33vw;
        font-weight: 600;
        margin: 0 0 0 0;
    }
    .ABT_p2{
        /* font-size: 20px; */
        font-size: 1.11vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.11vw;
        font-weight: 400;
        /* line-height: 32px; */
        line-height: 1.78vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
    }
    /* --------- */
    .ABT_circleWrap{
        /* width: 923px; */
        width: 51.28vw;
        /* height: 874px; */
        height: 48.56vw;
        position: relative;
        /* margin: 100px 0 0 0; */
        margin: 5.56vw 0 0 0;
    }
    .ABT_circle_0{
        /* width: 373px; */
        width: 20.72vw;
        /* height: 373px; */
        height: 20.72vw;
        position: absolute;
        /* top: 278px; */
        top: 15.44vw;
        /* left: 275px; */
        left: 15.28vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.4);
        /* border: 3px solid rgba(255, 255, 255, 1); */
        border: 0.17vw solid rgba(255, 255, 255, 1);
        border-radius: 50%;
        /* font-size: 40px; */
        font-size: 2.22vw;
        /* line-height: 59px; */
        line-height: 3.28vw;
        font-weight: 700;
        text-align: center;
        /* letter-spacing: 8px; */
        letter-spacing: 0.44vw;
    }
    .ABT_circle_0 span{
        display: inline;
    }
    .ABT_circle_1,.ABT_circle_2,.ABT_circle_3,.ABT_circle_4,.ABT_circle_5{
        /* width: 373px; */
        width: 20.72vw;
        /* height: 373px; */
        height: 20.72vw;
        color: #000; 
        /* font-size: 26px; */
        font-size: 1.44vw;
        /* line-height: 34px; */
        line-height: 1.89vw;
        font-weight: 600;
    }
    .ABT_circle_1{
        position: absolute;
        top: 0;
        /* left: 275px; */
        left: 15.28vw;
        background-color: rgba(241, 203, 110, 0.4);
        /* border: 3px solid rgba(241, 203, 110, 1); */
        border: 0.17vw solid rgba(241, 203, 110, 1);
        border-radius: 50%;
    }
    .ABT_circle_1 span{
        position: absolute;
        /* top: 90px; */
        top: 5.00vw;
        /* left: 88px; */
        left: 4.89vw;
    }
    .ABT_circle_1 .ABT_arr{
        position: absolute;
        /* top: 169px; */
        top: 9.39vw;
        /* left: 86px; */
        left: 4.78vw;
    }
    .ABT_circle_2{
        position: absolute;
        /* top: 190px; */
        top: 10.56vw;
        right: 0;
        background-color: rgba(233, 184, 207, 0.4);
        /* border: 3px solid rgba(233, 184, 207, 1); */
        border: 0.17vw solid rgba(233, 184, 207, 1);
        border-radius: 50%;
    }
    .ABT_circle_2 span{
        position: absolute;
        /* top: 92px; */
        top: 5.11vw;
        /* left: 109px; */
        left: 6.06vw;
    }
    .ABT_circle_2 .ABT_arr{
        position: absolute;
        /* top: 203px; */
        top: 11.28vw;
        /* left: 109px; */
        left: 6.06vw;
    }
    .ABT_circle_3{
        position: absolute;
        /* bottom: 0px; */
        bottom: 0.00vw;
        /* right: 110px; */
        right: 6.11vw;
        background-color: rgba(170, 213, 233, 0.4);
        /* border: 3px solid rgba(170, 213, 233, 1); */
        border: 0.17vw solid rgba(170, 213, 233, 1);
        border-radius: 50%;
    }
    .ABT_circle_3 span{
        position: absolute;
        /* top: 138px; */
        top: 7.67vw;
        /* left: 114px; */
        left: 6.33vw;
    }
    .ABT_circle_3 .ABT_arr{
        position: absolute;
        /* top: 249px; */
        top: 13.83vw;
        /* left: 113px; */
        left: 6.28vw;
    }
    .ABT_circle_4{
        position: absolute;
        bottom: 0;
        /* left: 110px; */
        left: 6.11vw;
        background-color: rgba(151, 205, 174, 0.4);
        /* border: 3px solid rgba(151, 205, 174, 1); */
        border: 0.17vw solid rgba(151, 205, 174, 1);
        border-radius: 50%;
    }
    .ABT_circle_4 span{
        position: absolute;
        /* top: 140px; */
        top: 7.78vw;
        /* left: 68px; */
        left: 3.78vw;
    }
    .ABT_circle_4 .ABT_arr{
        position: absolute;
        /* top: 250px; */
        top: 13.89vw;
        /* left: 68px; */
        left: 3.78vw;
    }
    .ABT_circle_5{
        position: absolute;
        /* top: 190px; */
        top: 10.56vw;
        left: 0;
        background-color: rgba(175, 213, 136, 0.4);
        /* border: 3px solid rgba(175, 213, 136, 1); */
        border: 0.17vw solid rgba(175, 213, 136, 1);
        border-radius: 50%;
    }
    .ABT_circle_5 span{
        position: absolute;
        /* top: 95px; */
        top: 5.28vw;
        /* left: 58px; */
        left: 3.22vw;
    }
    .ABT_circle_5 .ABT_arr{
        position: absolute;
        /* top: 205px; */
        top: 11.39vw;
        /* left: 58px; */
        left: 3.22vw;
    }
    .ABT_ill{
        position: absolute;
        /* top: 280px; */
        top: 15.56vw;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        /* width: 1920px; */
        width: 106.67vw;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #ABT{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        position: relative;
        padding: 120px 0 120px 0;
        overflow: hidden;
    }
    .ABT_wrap{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: auto;
    }
    .ABT_logo{
        width: 373px;
        margin: 0 50px 0 0;
    }
    .ABT_pWrap{
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .ABT_p1{
        font-size: 40px;
        letter-spacing: 6px;
        font-weight: 600;
        margin: 0 0 0 0;
    }
    .ABT_p2{
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 400;
        line-height: 32px;
        margin: 30px 0 0 0;
    }
    /* --------- */
    .ABT_circleWrap{
        width: 923px;
        height: 874px;
        position: relative;
        margin: 100px 0 0 0;
    }
    .ABT_circle_0{
        width: 373px;
        height: 373px;
        position: absolute;
        top: 278px;
        left: 275px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.4);
        border: 3px solid rgba(255, 255, 255, 1);
        border-radius: 50%;
        font-size: 40px;
        line-height: 59px;
        font-weight: 700;
        text-align: center;
        letter-spacing: 8px;
    }
    .ABT_circle_0 span{
        display: inline;
    }
    .ABT_circle_1,.ABT_circle_2,.ABT_circle_3,.ABT_circle_4,.ABT_circle_5{
        width: 373px;
        height: 373px;
        color: #000; 
        font-size: 26px;
        line-height: 34px;
        font-weight: 600;
    }
    .ABT_circle_1{
        position: absolute;
        top: 0;
        left: 275px;
        background-color: rgba(241, 203, 110, 0.4);
        border: 3px solid rgba(241, 203, 110, 1); 
        border-radius: 50%;
    }
    .ABT_circle_1 span{
        position: absolute;
        top: 90px;
        left: 88px;
    }
    .ABT_circle_1 .ABT_arr{
        position: absolute;
        top: 169px;
        left: 86px;
    }
    .ABT_circle_2{
        position: absolute;
        top: 190px;
        right: 0;
        background-color: rgba(233, 184, 207, 0.4);
        border: 3px solid rgba(233, 184, 207, 1); 
        border-radius: 50%;
    }
    .ABT_circle_2 span{
        position: absolute;
        top: 92px;
        left: 109px;
    }
    .ABT_circle_2 .ABT_arr{
        position: absolute;
        top: 203px;
        left: 109px;
    }
    .ABT_circle_3{
        position: absolute;
        bottom: 0px;
        right: 110px;
        background-color: rgba(170, 213, 233, 0.4);
        border: 3px solid rgba(170, 213, 233, 1);
        border-radius: 50%;
    }
    .ABT_circle_3 span{
        position: absolute;
        top: 138px;
        left: 114px;
    }
    .ABT_circle_3 .ABT_arr{
        position: absolute;
        top: 249px;
        left: 113px;
    }
    .ABT_circle_4{
        position: absolute;
        bottom: 0;
        left: 110px;
        background-color: rgba(151, 205, 174, 0.4);
        border: 3px solid rgba(151, 205, 174, 1);
        border-radius: 50%;
    }
    .ABT_circle_4 span{
        position: absolute;
        top: 140px;
        left: 68px;
    }
    .ABT_circle_4 .ABT_arr{
        position: absolute;
        top: 250px;
        left: 68px;
    }
    .ABT_circle_5{
        position: absolute;
        top: 190px;
        left: 0;
        background-color: rgba(175, 213, 136, 0.4);
        border: 3px solid rgba(175, 213, 136, 1);
        border-radius: 50%;
    }
    .ABT_circle_5 span{
        position: absolute;
        top: 95px;
        left: 58px;
    }
    .ABT_circle_5 .ABT_arr{
        position: absolute;
        top: 205px;
        left: 58px;
    }
    .ABT_ill{
        position: absolute;
        top: 280px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 1920px;
    }
}



/*------------------------------------------------*/
/* MYP */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #MYP{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        position: relative;
        margin: 0 0 0 0;
    }
    .MYP_wrap{
        /* width: 390px; */
        width: 100.00vw;
        /* border-radius: 60px; */
        border-radius: 15.38vw;
        background: linear-gradient(to bottom, #dff2fb, #d3f3e6);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* padding: 0 0 50px 0; */
        padding: 0 0 12.82vw 0;
    }
    .MYP_p1{
        /* font-size: 30px; */
        font-size: 7.69vw;
        /* letter-spacing: 6px; */
        letter-spacing: 1.54vw;
        /* line-height: 40px; */
        line-height: 10.26vw;
        font-weight: 600;
        /* margin: 40px 0 0 0; */
        margin: 10.26vw 0 0 0;
        text-align: center;
    }
    .MYP_p2{
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        /* margin: 22px 0 0 0; */
        margin: 5.64vw 0 0 0;
        text-align: center;
    }
    /* --------- */
    .MYP_entryWrap{
        /* border: 8px solid #0AB4B1; */
        border: 2.05vw solid #0AB4B1;
        /* margin: 30px 0 0 0; */
        margin: 7.69vw 0 0 0;
        /* width: 350px; */
        width: 89.74vw;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-color: #fff;
    }
    .MYP_p3{
        /* font-size: 22px; */
        font-size: 5.64vw;
        /* letter-spacing: 5px; */
        letter-spacing: 1.28vw;
        background-color: #DDEEF6;
        /* width: 310px; */
        width: 79.49vw;
        text-align: center;
        font-weight: 600;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        position: relative;
        /* height: 90px; */
        height: 23.08vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .MYP_p3::before,
    .MYP_p3::after {
        content: "";
        position: absolute;
        top: 50%;
        /* width: 12px; */
        width: 3.08vw;
        /* height: 12px; */
        height: 3.08vw;
        background: #fff;
        /* border: 2px solid #000; */
        border: 0.51vw solid #000;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    .MYP_p3::before {
        /* left: 20px; */
        left: 5.13vw;
    }
    .MYP_p3::after {
        /* right: 20px; */
        right: 5.13vw;
    }
    .MYP_p4{
        /* font-size: 24px; */
        font-size: 6.15vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        /* line-height: 34px; */
        line-height: 8.72vw;
        font-weight: 500;
        text-align: center;
        /* margin: 19px 0 0 0; */
        margin: 4.87vw 0 0 0;
    }
    .MYP_1234Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        /* width: 310px; */
        width: 79.49vw;
        /* gap: 10px 10px; */
        gap: 2.56vw 2.56vw;
        /* margin: 17px 0 0 0; */
        margin: 4.36vw 0 0 0;
    }
    .MYP_box{
        /* width: 150px; */
        width: 38.46vw;
        position: relative;
    }
    .MYP_01,.MYP_02,.MYP_03,.MYP_04{
        /* width: 150px; */
        width: 38.46vw;
    }
    .MYP_p5a{
        position: absolute;
        /* top: 113px; */
        top: 28.97vw;
        /* left: 8px; */
        left: 2.05vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        font-weight: 500;
    }
    .MYP_p5a_ex01{
        /* top: 126px; */
        top: 32.31vw;
    }
    .MYP_p5b{
        position: absolute;
        /* top: 176px; */
        top: 45.13vw;
        /* left: 8px; */
        left: 2.05vw;
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.51vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        /* width: 130px; */
        width: 33.33vw;
    }
    .MYP_linkEntry{
        /* width: 290px; */
        width: 74.36vw;
        /* height: 80px; */
        height: 20.51vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #0AB4B1;
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        font-weight: 500;
        color: #fff;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        /* margin: 18px 0 20px 0; */
        margin: 4.62vw 0 5.13vw 0;
        position: relative;
    }
    .MYP_linkEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 18px; */
        right: 4.62vw;
        transform: translateY(-50%);
        /* width: 20px; */
        width: 5.13vw;
        /* height: 20px; */
        height: 5.13vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
    /* --------- */
    .MYP_businessWrap{
        /* border: 8px solid #00A040; */
        border: 2.05vw solid #00A040;
        /* margin: 22px 0 0 0; */
        margin: 5.64vw 0 0 0;
        /* width: 350px; */
        width: 89.74vw;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-color: #fff;
        /* padding: 22px 0; */
        padding: 5.64vw 0;
    }
    .MYP_accordion{
        /* width: 290px; */
        width: 74.36vw;
        /* height: 110px; */
        height: 28.21vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #CCECD9;
        /* font-size: 22px; */
        font-size: 5.64vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.51vw;
        /* line-height: 28px; */
        line-height: 7.18vw;
        font-weight: 500;
        color: #000;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        position: relative;
        transition: opacity 0.3s;
        text-align: center;
    }
    .MYP_accordion::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 24px; */
        right: 6.15vw;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 6.15vw;
        /* height: 24px; */
        height: 6.15vw;
        background: url('../img/COMMON_plus.webp') no-repeat center/contain;
        transition: transform 0.3s ease;
    }
    .MYP_accordion:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    .MYP_accordion.active::after {
        transform: translateY(-50%) rotate(135deg);
    }
    .MYP_accordionOpen{
        /* width: 290px; */
        width: 74.36vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .accordionInner{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .MYP_accordionBox{
        /* width: 290px; */
        width: 74.36vw;
        /* margin: 35px 0 0 0; */
        margin: 8.97vw 0 0 0;
    }
    .MYP_accordionBoxColor{
        background-color: #CCECD9;
        /* border-top: 2px solid #000; */
        border-top: 0.51vw solid #000;
        /* padding: 15px 20px 15px 20px; */
        padding: 3.85vw 5.13vw 3.85vw 5.13vw;
        /* margin: 12px 0 0 0; */
        margin: 3.08vw 0 0 0;
    }
    .MYP_accordion_p1{
        /* font-size: 22px; */
        font-size: 5.64vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        font-weight: 500;
    }
    .MYP_accordion_p2{
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        /* line-height: 26px; */
        line-height: 6.67vw;
    }
    .MYP_accordion_p3{
        /* font-size: 14px; */
        font-size: 3.59vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.51vw;
        /* line-height: 27px; */
        line-height: 6.92vw;
    }
    .MYP_accordion_p3 span{
        text-decoration: underline;
        /* text-decoration-thickness: 1px; */
        text-decoration-thickness: 0.26vw;
        /* text-underline-offset: 3px; */
        text-underline-offset: 0.77vw;
    }
    .MYP_fukidashiWrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* margin: 7px 0 0 0; */
        margin: 1.79vw 0 0 0;
    }
    .MYP_fukidashiBox{
        position: relative;
        /* margin: 0 20px 0 0; */
        margin: 0 5.13vw 0 0;
    }
    .MYP_fukidashi_1{
        /* width: 250px; */
        width: 64.10vw;
    }
    .MYP_fukidashi_2{
        /* width: 250px; */
        width: 64.10vw;
    }
    .MYP_fukidashi_p1{
        text-align: center;
        position: absolute;
        /* top: 22px; */
        top: 5.64vw;
        /* left: 32px; */
        left: 8.21vw;
        /* font-size: 13px; */
        font-size: 3.33vw;
    }
    .MYP_fukidashi_p2{
        text-align: center;
        position: absolute;
        /* top: 22px; */
        top: 5.64vw;
        /* left: 22px; */
        left: 5.64vw;
        /* font-size: 13px; */
        font-size: 3.33vw;
    }
    .MYP_businessEntry{
        /* width: 290px; */
        width: 74.36vw;
        /* height: 80px; */
        height: 20.51vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #6EBD6A;
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        font-weight: 500;
        color: #fff;
        /* border-radius: 50px; */
        border-radius: 12.82vw;
        /* margin: 48px 0 8px 0; */
        margin: 12.31vw 0 2.05vw 0;
        position: relative;
    }
    .MYP_businessEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 18px; */
        right: 4.62vw;
        transform: translateY(-50%);
        /* width: 20px; */
        width: 5.13vw;
        /* height: 20px; */
        height: 5.13vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #MYP{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        position: relative;
        /* margin: 0 0 0 0; */
        margin: 0 0 0 0;
    }
    .MYP_wrap{
        /* width: 1520px; */
        width: 84.44vw;
        /* border-radius: 200px; */
        border-radius: 11.11vw;
        background: linear-gradient(to bottom, #dff2fb, #d3f3e6);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        /* padding: 0 0 80px 0; */
        padding: 0 0 4.44vw 0;
    }
    .MYP_p1{
        /* font-size: 48px; */
        font-size: 2.67vw;
        /* letter-spacing: 9px; */
        letter-spacing: 0.50vw;
        font-weight: 500;
        /* margin: 60px 0 0 0; */
        margin: 3.33vw 0 0 0;
    }
    .MYP_p2{
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.17vw;
        /* margin: 20px 0 0 0; */
        margin: 1.11vw 0 0 0;
    }
    /* --------- */
    .MYP_entryWrap{
        /* border: 8px solid #0AB4B1; */
        border: 0.44vw solid #0AB4B1;
        /* margin: 40px 0 0 0; */
        margin: 2.22vw 0 0 0;
        /* width: 1200px; */
        width: 66.67vw;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        background-color: #fff;
    }
    .MYP_p3{
        /* font-size: 32px; */
        font-size: 1.78vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        background-color: #DDEEF6;
        /* width: 1020px; */
        width: 56.67vw;
        text-align: center;
        font-weight: 500;
        /* margin: 40px 0 0 0; */
        margin: 2.22vw 0 0 0;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        position: relative;
        /* height: 80px; */
        height: 4.44vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .MYP_p3::before,
    .MYP_p3::after {
        content: "";
        position: absolute;
        top: 50%;
        /* width: 12px; */
        width: 0.67vw;
        /* height: 12px; */
        height: 0.67vw;
        background: #fff;
        /* border: 2px solid #000; */
        border: 0.11vw solid #000;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    .MYP_p3::before {
        /* left: 20px; */
        left: 1.11vw;
    }
    .MYP_p3::after {
        /* right: 20px; */
        right: 1.11vw;
    }
    .MYP_p4{
        /* font-size: 40px; */
        font-size: 2.22vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        font-weight: 500;
        text-align: center;
        /* margin: 39px 0 0 0; */
        margin: 2.17vw 0 0 0;
    }
    .MYP_1234Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        /* width: 1020px; */
        width: 56.67vw;
        /* gap: 20px 60px; */
        gap: 1.11vw 3.33vw;
        /* margin: 36px 0 0 0; */
        margin: 2.00vw 0 0 0;
    }
    .MYP_box{
        /* width: 480px; */
        width: 26.67vw;
        position: relative;
    }
    .MYP_01,.MYP_02,.MYP_03,.MYP_04{
        /* width: 480px; */
        width: 26.67vw;
    }
    .MYP_p5a{
        position: absolute;
        /* top: 138px; */
        top: 7.67vw;
        /* left: 26px; */
        left: 1.44vw;
        /* font-size: 26px; */
        font-size: 1.44vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        font-weight: 500;
    }
    .MYP_p5b{
        position: absolute;
        /* top: 195px; */
        top: 10.83vw;
        /* left: 26px; */
        left: 1.44vw;
        /* font-size: 20px; */
        font-size: 1.11vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.06vw;
        /* width: 420px; */
        width: 23.33vw;
    }
    .MYP_linkEntry{
        /* width: 500px; */
        width: 27.78vw;
        /* height: 80px; */
        height: 4.44vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #0AB4B1;
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        font-weight: 500;
        color: #fff;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        /* margin: 50px 0 55px 0; */
        margin: 2.78vw 0 3.06vw 0;
        position: relative;
    }
    .MYP_linkEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 24px; */
        right: 1.33vw;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 1.33vw;
        /* height: 24px; */
        height: 1.33vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    /* --------- */
    .MYP_businessWrap{
        /* border: 8px solid #00A040; */
        border: 0.44vw solid #00A040;
        /* margin: 48px 0 0 0; */
        margin: 2.67vw 0 0 0;
        /* width: 1200px; */
        width: 66.67vw;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-color: #fff;
        /* padding: 42px 0; */
        padding: 2.33vw 0;
    }
    .MYP_accordion{
        /* width: 1020px; */
        width: 56.67vw;
        /* height: 80px; */
        height: 4.44vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #CCECD9;
        /* font-size: 32px; */
        font-size: 1.78vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        font-weight: 500;
        color: #000;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        position: relative;
        transition: opacity 0.3s;
    }
    .MYP_accordion::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 24px; */
        right: 1.33vw;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 1.33vw;
        /* height: 24px; */
        height: 1.33vw;
        background: url('../img/COMMON_plus.webp') no-repeat center/contain;
        transition: transform 0.3s ease;
    }
    .MYP_accordion:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    .MYP_accordion.active::after {
        transform: translateY(-50%) rotate(135deg);
    }
    .MYP_accordionOpen{
        /* width: 1020px; */
        width: 56.67vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .accordionInner{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .MYP_accordionBox{
        width: 100%;
        /* margin: 35px 0 0 0; */
        margin: 1.94vw 0 0 0;
    }
    .MYP_accordionBoxColor{
        background-color: #CCECD9;
        /* border-top: 2px solid #000; */
        border-top: 0.11vw solid #000;
        /* padding: 20px 50px 20px 50px; */
        padding: 1.11vw 2.78vw 1.11vw 2.78vw;
        /* margin: 12px 0 0 0; */
        margin: 0.67vw 0 0 0;
    }
    .MYP_accordion_p1{
        /* font-size: 32px; */
        font-size: 1.78vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        font-weight: 500;
    }
    .MYP_accordion_p2{
        /* font-size: 20px; */
        font-size: 1.11vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.11vw;
        /* line-height: 32px; */
        line-height: 1.78vw;
    }
    .MYP_accordion_p3{
        /* font-size: 16px; */
        font-size: 0.89vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.11vw;
        /* line-height: 32px; */
        line-height: 1.78vw;
    }
    .MYP_accordion_p3 span{
        text-decoration: underline;
        /* text-decoration-thickness: 1px; */
        text-decoration-thickness: 0.06vw;
        /* text-underline-offset: 3px; */
        text-underline-offset: 0.17vw;
    }
    .MYP_fukidashiWrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        /* margin: 7px 0 0 0; */
        margin: 0.39vw 0 0 0;
    }
    .MYP_fukidashiBox{
        position: relative;
        /* margin: 0 20px 0 0; */
        margin: 0 1.11vw 0 0;
    }
    .MYP_fukidashi_1{
        /* width: 300px; */
        width: 16.67vw;
    }
    .MYP_fukidashi_2{
        /* width: 300px; */
        width: 16.67vw;
    }
    .MYP_fukidashi_p1{
        text-align: center;
        position: absolute;
        /* top: 24px; */
        top: 1.33vw;
        /* left: 32px; */
        left: 1.78vw;
        /* font-size: 16px; */
        font-size: 0.89vw;
    }
    .MYP_fukidashi_p2{
        text-align: center;
        position: absolute;
        /* top: 24px; */
        top: 1.33vw;
        /* left: 22px; */
        left: 1.22vw;
        /* font-size: 16px; */
        font-size: 0.89vw;
    }
    .MYP_businessEntry{
        /* width: 500px; */
        width: 27.78vw;
        /* height: 80px; */
        height: 4.44vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #6EBD6A;
        /* font-size: 20px; */
        font-size: 1.11vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.06vw;
        font-weight: 500;
        color: #fff;
        /* border-radius: 50px; */
        border-radius: 2.78vw;
        /* margin: 48px 0 8px 0; */
        margin: 2.67vw 0 0.44vw 0;
        position: relative;
    }
    .MYP_businessEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 24px; */
        right: 1.33vw;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 1.33vw;
        /* height: 24px; */
        height: 1.33vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    
}
@media screen and (min-width:1801px) , print { /*PC*/
    #MYP{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 100%;
        position: relative;
        margin: 0 0 0 0;
    }
    .MYP_wrap{
        width: 1520px;
        border-radius: 200px;
        background: linear-gradient(to bottom, #dff2fb, #d3f3e6);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0 80px 0;
    }
    .MYP_p1{
        font-size: 48px;
        letter-spacing: 9px;
        font-weight: 500;
        margin: 60px 0 0 0;
    }
    .MYP_p2{
        font-size: 24px;
        letter-spacing: 3px;
        margin: 20px 0 0 0;
    }
    /* --------- */
    .MYP_entryWrap{
        border: 8px solid #0AB4B1;
        margin: 40px 0 0 0;
        width: 1200px;
        border-radius: 50px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        background-color: #fff;
    }
    .MYP_p3{
        font-size: 32px;
        letter-spacing: 5px;
        background-color: #DDEEF6;
        width: 1020px;
        text-align: center;
        font-weight: 500;
        margin: 40px 0 0 0;
        border-radius: 50px;
        position: relative;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .MYP_p3::before,
    .MYP_p3::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 2px solid #000;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    .MYP_p3::before {
        left: 20px;
    }
    .MYP_p3::after {
        right: 20px;
    }
    .MYP_p4{
        font-size: 40px;
        letter-spacing: 5px;
        font-weight: 500;
        text-align: center;
        margin: 39px 0 0 0;
    }
    .MYP_1234Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 1020px;
        gap: 20px 60px;
        margin: 36px 0 0 0;
    }
    .MYP_box{
        width: 480px;
        position: relative;
    }
    .MYP_01,.MYP_02,.MYP_03,.MYP_04{
        width: 480px;
    }
    .MYP_p5a{
        position: absolute;
        top: 138px;
        left: 26px;
        font-size: 26px;
        letter-spacing: 5px;
        font-weight: 500;
    }
    .MYP_p5b{
        position: absolute;
        top: 195px;
        left: 26px;
        font-size: 20px;
        letter-spacing: 1px;
        width: 420px;
    }
    .MYP_linkEntry{
        width: 500px;
        height: 80px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #0AB4B1;
        font-size: 24px;
        letter-spacing: 5px;
        font-weight: 500;
        color: #fff;
        border-radius: 50px;
        margin: 50px 0 55px 0;
        position: relative;
    }
    .MYP_linkEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    /* --------- */
    .MYP_businessWrap{
        border: 8px solid #00A040;
        margin: 48px 0 0 0;
        width: 1200px;
        border-radius: 50px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background-color: #fff;
        padding: 42px 0;
    }
    .MYP_accordion{
        width: 1020px;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #CCECD9;
        font-size: 32px;
        letter-spacing: 5px;
        font-weight: 500;
        color: #000;
        border-radius: 50px;
        position: relative;
        transition: opacity 0.3s;
    }
    .MYP_accordion::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url('../img/COMMON_plus.webp') no-repeat center/contain;
        transition: transform 0.3s ease;
    }
    .MYP_accordion:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    .MYP_accordion.active::after {
        transform: translateY(-50%) rotate(135deg);
    }
    .MYP_accordionOpen{
        width: 1020px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .accordionInner{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
    }
    .MYP_accordionBox{
        width: 100%;
        margin: 35px 0 0 0;
    }
    .MYP_accordionBoxColor{
        background-color: #CCECD9;
        border-top: 2px solid #000;
        padding: 20px 50px 20px 50px;
        margin: 12px 0 0 0;
    }
    .MYP_accordion_p1{
        font-size: 32px;
        letter-spacing: 5px; 
        font-weight: 500;
    }
    .MYP_accordion_p2{
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 32px;
    }
    .MYP_accordion_p3{
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 32px;
    }
    .MYP_accordion_p3 span{
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }

    .MYP_fukidashiWrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        margin: 7px 0 0 0;
    }
    .MYP_fukidashiBox{
        position: relative;
        margin: 0 20px 0 0;
    }
    .MYP_fukidashi_1{
        width: 300px;
    }
    .MYP_fukidashi_2{
        width: 300px;
    }
    .MYP_fukidashi_p1{
        text-align: center;
        position: absolute;
        top: 24px;
        left: 32px;
        font-size: 16px;
    }
    .MYP_fukidashi_p2{
        text-align: center;
        position: absolute;
        top: 24px;
        left: 22px;
        font-size: 16px;
    }

    .MYP_businessEntry{
        width: 500px;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #6EBD6A;
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 500;
        color: #fff;
        border-radius: 50px;
        margin: 48px 0 8px 0;
        position: relative;
    }
    .MYP_businessEntry::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
}



/*------------------------------------------------*/
/* VIC */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #VIC{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        position: relative;
        /* margin: 50px 0 0 0; */
        margin: 12.82vw 0 0 0;
        /* border-radius: 50px 50px 0 0; */
        border-radius: 12.82vw 12.82vw 0 0;
        background: linear-gradient(to bottom, #ffd6d9, #fff1c6);

        /* display: none; */
    }
    .VIC_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* padding: 70px 0 0 0; */
        padding: 17.95vw 0 0 0;
        overflow: hidden;
    }
    .VIC_p1{
        /* font-size: 30px; */
        font-size: 7.69vw;
        /* letter-spacing: 9px; */
        letter-spacing: 2.31vw;
        /* line-height: 48px; */
        line-height: 12.31vw;
        font-weight: 500;
        margin: 0 auto;
        text-align: center;
    }
    .VIC_p2{
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 5px; */
        letter-spacing: 1.28vw;
        /* line-height: 30px; */
        line-height: 7.69vw;
        font-weight: 500;
        /* margin: 20px auto 0; */
        margin: 5.13vw auto 0;
        text-align: center;
    }
    /* --------- */
    .VIC_splideWrap{
        /* width: 1610px; */
        width: 388.89vw;
        /* margin: 35px 0 0 0; */
        margin: 8.45vw 0 0 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        /* gap: 20px; */
        gap: 4.83vw;
        /* padding: 0 40px; */
        padding: 0 9.66vw;
    }
    .VIC_detailWrap{
        /* width: 310px; */
        /* width: 270px; */
        width: 69.23vw;


        background-color: #fff;
        /* border-radius: 30px; */
        border-radius: 7.69vw;
    }
    .VIC_img{
        width: 100%;
    }
    .VIC_box{
        /* height: 320px; */
        height: 82.05vw;
        /* padding: 10px 20px; */
        padding: 2.56vw 5.13vw;
    }
    .VIC_p3{
        /* font-size: 12px; */
        font-size: 3.08vw;
        /* letter-spacing: 5px; */
        letter-spacing: 1.28vw;
        /* line-height: 30px; */
        line-height: 7.69vw;
        font-weight: 500;
        /* margin: 10px 0 0 0; */
        margin: 2.56vw 0 0 0;
        /* padding: 0px 10px 0px 13px; */
        padding: 0.00vw 2.56vw 0.00vw 3.33vw;
        display: inline-block;
        text-align: center;
    }
    .VIC_color1{background-color: #B2A1CD;}
    .VIC_color2{background-color: #99C955;}
    .VIC_color3{background-color: #F29B95;}
    .VIC_color4{background-color: #FFE27C;}
    .VIC_p4{
        /* font-size: 21px; */
        font-size: 5.38vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        /* line-height: 40px; */
        line-height: 10.26vw;
        font-weight: 500;
        /* margin: 9px 0 0 0; */
        margin: 2.31vw 0 0 0;
    }
    .VIC_p4 span{
        /* font-size: 16px; */
        font-size: 4.10vw;
    }
    .VIC_p5{
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        font-weight: 500;
        /* margin: 9px 0 0 0; */
        margin: 2.31vw 0 0 0;
    }
    .VIC_link_01{
        /* width: 268px; */
        width: 228px;
        /* width: 68.72vw; */
        

        /* height: 80px; */
        height: 20.51vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 4px; */
        letter-spacing: 1.03vw;
        font-weight: 600;
        color: #000;
        /* border-radius: 0 0 20px 20px; */
        border-radius: 0 0 5.13vw 5.13vw;
        position: relative;
        margin: 0 auto;
        /* border-top: 1px solid #000; */
        border-top: 0.26vw solid #000;
        /* padding: 0 0 12px 0; */
        padding: 0 0 3.08vw 0;
    }
    .VIC_link_01::after {
        content: "";
        position: absolute;
        top: 43%;
        right: 0;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 6.15vw;
        /* height: 24px; */
        height: 6.15vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
    /* ------------- */
    .VIC_columnWrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        /* margin: 30px 0 40px 0; */
        margin: 7.69vw 0 10.26vw 0;
    }
    .VIC_column_img_03{
        /* width: 248px; */
        width: 63.59vw;
        /* margin: 21px 104px 0 0; */
        margin: 5.38vw 26.67vw 0 0;
        display: none;
    }
    .VIC_column_box{
        /* width: 310px; */
        width: 79.49vw;
        /* display: flex; */
        /* flex-wrap: nowrap; */
        /* justify-content: center; */
        /* align-items: center; */
        margin: 0 0 0 0;
    }
    .VIC_column_img_01{
        width: 100%;
    }
    .VIC_column_r{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* width: 310px; */
        width: 79.49vw;
        height: auto;
        background-color: #fff;
        /* border-radius: 0 0 30px 30px; */
        border-radius: 0 0 7.69vw 7.69vw;
    }
    .VIC_column_t{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* width: 305px; */
        width: 78.21vw;
        /* margin: 30px 0 0 0; */
        margin: 7.69vw 0 0 0;
    }
    .VIC_column_img_02{
        /* width: 92px; */
        width: 23.59vw;
        /* margin: 0 20px 0 0; */
        margin: 0 5.13vw 0 0;
    }
    .VIC_column_i{
    }
    .VIC_column_p1{
        /* font-size: 15px; */
        font-size: 3.85vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .VIC_column_p2{
        /* font-size: 28px; */
        font-size: 7.18vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.26vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        font-weight: 600;
        /* margin: 5px 0 0 0; */
        margin: 1.28vw 0 0 0;
    }
    .VIC_link_02{
        /* width: 265px; */
        width: 67.95vw;
        /* height: 80px; */
        height: 20.51vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 4px; */
        letter-spacing: 1.03vw;
        font-weight: 600;
        color: #000;
        border-radius: 0;
        position: relative;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
        /* border-top: 1px solid #000; */
        border-top: 0.26vw solid #000;
        padding: 0 0 0 0;
    }
    .VIC_link_02::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 6.15vw;
        /* height: 24px; */
        height: 6.15vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #VIC{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        width: 100%;
        height: auto;
        position: relative;
        /* margin: 50px 0 0 0; */
        margin: 2.78vw 0 0 0;
        /* border-radius: 150px 150px 0 0; */
        border-radius: 8.33vw 8.33vw 0 0;
        background: linear-gradient(to bottom, #ffd6d9, #fff1c6);
        overflow-x: hidden;
    }
    .VIC_wrap{
        /* width: 1200px; */
        width: 66.67vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* padding: 70px 0 0 0; */
        padding: 3.89vw 0 0 0;
    }
    .VIC_p1{
        /* font-size: 48px; */
        font-size: 2.67vw;
        /* letter-spacing: 9px; */
        letter-spacing: 0.50vw;
        /* line-height: 48px; */
        line-height: 2.67vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .VIC_p2{
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        /* line-height: 40px; */
        line-height: 2.22vw;
        font-weight: 500;
        /* margin: 20px 0 0 0; */
        margin: 1.11vw 0 0 0;
    }
    /* --------- */
    .VIC_splideWrap{
        /* width: 1610px; */
        width: 89.44vw;
        /* margin: 35px 0 0 0; */
        margin: 1.94vw 0 0 0;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
        /* gap: 40px; */
        gap: 2.22vw;
    }
    .VIC_detailWrap{
        /* width: 373px; */
        width: 20.72vw;
        background-color: #fff;
        /* border-radius: 30px; */
        border-radius: 1.67vw;
    }
    .VIC_img{
        width: 100%;
    }
    .VIC_box{
        /* height: 320px; */
        height: 17.78vw;
        /* padding: 20px 40px; */
        padding: 1.11vw 2.22vw;
    }
    .VIC_p3{
        /* font-size: 12px; */
        font-size: 0.67vw;
        /* letter-spacing: 5px; */
        letter-spacing: 0.28vw;
        /* line-height: 30px; */
        line-height: 1.67vw;
        font-weight: 500;
        /* margin: 10px 0 0 0; */
        margin: 0.56vw 0 0 0;
        /* padding: 0px 10px 0px 13px; */
        padding: 0.00vw 0.56vw 0.00vw 0.72vw;
        display: inline-block;
        text-align: center;
    }
    .VIC_color1{background-color: #B2A1CD;}
    .VIC_color2{background-color: #99C955;}
    .VIC_color3{background-color: #F29B95;}
    .VIC_color4{background-color: #FFE27C;}
    .VIC_p4{
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.17vw;
        /* line-height: 40px; */
        line-height: 2.22vw;
        font-weight: 500;
        /* margin: 9px 0 0 0; */
        margin: 0.50vw 0 0 0;
    }
    .VIC_p4 span{
        /* font-size: 18px; */
        font-size: 1.00vw;
    }
    .VIC_p5{
        /* font-size: 18px; */
        font-size: 1.00vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.06vw;
        /* line-height: 25px; */
        line-height: 1.39vw;
        font-weight: 500;
        /* margin: 9px 0 0 0; */
        margin: 0.50vw 0 0 0;
    }
    .VIC_link_01{
        /* width: 293px; */
        width: 16.28vw;
        /* height: 80px; */
        height: 4.44vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        /* font-size: 18px; */
        font-size: 1.00vw;
        /* letter-spacing: 4px; */
        letter-spacing: 0.22vw;
        font-weight: 600;
        color: #000;
        border-radius: 0;
        position: relative;
        margin: 0 auto;
        /* border-top: 1px solid #000; */
        border-top: 0.06vw solid #000;
        /* padding: 0 0 12px 0; */
        padding: 0 0 0.67vw 0;
    }
    .VIC_link_01::after {
        content: "";
        position: absolute;
        top: 43%;
        right: 0;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 1.33vw;
        /* height: 24px; */
        height: 1.33vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
    /* ------------- */
    .VIC_columnWrap{
        /* width: 1200px; */
        width: 66.67vw;
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center;
        margin: 0 0 0 0;
    }
    .VIC_column_img_03{
        /* width: 248px; */
        width: 13.78vw;
        /* margin: 21px 104px 0 0; */
        margin: 1.17vw 5.78vw 0 0;
    }
    .VIC_column_box{
        /* width: 787px; */
        width: 43.72vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* margin: -15px 0 0 0; */
        margin: -0.83vw 0 0 0;
    }
    .VIC_column_img_01{
        /* width: 373px; */
        width: 20.72vw;
    }
    .VIC_column_r{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* width: 414px; */
        width: 23.00vw;
        /* height: 210px; */
        height: 11.67vw;
        background-color: #fff;
        /* border-radius: 0 30px 30px 0; */
        border-radius: 0 1.67vw 1.67vw 0;
    }
    .VIC_column_t{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* width: 305px; */
        width: 16.94vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
    }
    .VIC_column_img_02{
        /* width: 92px; */
        width: 5.11vw;
        /* margin: 0 20px 0 0; */
        margin: 0 1.11vw 0 0;
    }
    .VIC_column_i{
    }
    .VIC_column_p1{
        /* font-size: 15px; */
        font-size: 0.83vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.06vw;
        /* line-height: 25px; */
        line-height: 1.39vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .VIC_column_p2{
        /* font-size: 28px; */
        font-size: 1.56vw;
        /* letter-spacing: 1px; */
        letter-spacing: 0.06vw;
        /* line-height: 25px; */
        line-height: 1.39vw;
        font-weight: 600;
        /* margin: 5px 0 0 0; */
        margin: 0.28vw 0 0 0;
    }
    .VIC_link_02{
        /* width: 305px; */
        width: 16.94vw;
        /* height: 80px; */
        height: 4.44vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        /* font-size: 18px; */
        font-size: 1.00vw;
        /* letter-spacing: 4px; */
        letter-spacing: 0.22vw;
        font-weight: 600;
        color: #000;
        border-radius: 0;
        position: relative;
        /* margin: 20px 0 0 0; */
        margin: 1.11vw 0 0 0;
        /* border-top: 1px solid #000; */
        border-top: 0.06vw solid #000;
        padding: 0 0 0 0;
    }
    .VIC_link_02::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        /* width: 24px; */
        width: 1.33vw;
        /* height: 24px; */
        height: 1.33vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #VIC{
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        width: 100%;
        height: auto;
        position: relative;
        margin: 50px 0 0 0;
        border-radius: 150px 150px 0 0;
        background: linear-gradient(to bottom, #ffd6d9, #fff1c6);
        overflow-x: hidden;
    }
    .VIC_wrap{
        width: 1200px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 70px 0 0 0;
    }
    .VIC_p1{
        font-size: 48px;
        letter-spacing: 9px;
        line-height: 48px;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .VIC_p2{
        font-size: 24px;
        letter-spacing: 5px;
        line-height: 40px;
        font-weight: 500;
        margin: 20px 0 0 0;
    }


    /* --------- */
    .VIC_splideWrap{
        width: 1610px;
        margin: 35px 0 0 0;
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
        gap: 40px;
    }
    .VIC_detailWrap{
        width: 373px;
        background-color: #fff;
        border-radius: 30px;
    }
    .VIC_img{
        width: 100%;
    }
    .VIC_box{
        height: 320px;
        padding: 20px 40px;
    }
    .VIC_p3{
        font-size: 12px;
        letter-spacing: 5px;
        line-height: 30px;
        font-weight: 500;
        margin: 10px 0 0 0;
        padding: 0px 10px 0px 13px;
        display: inline-block;
        text-align: center;
    }
    .VIC_color1{background-color: #B2A1CD;}
    .VIC_color2{background-color: #99C955;}
    .VIC_color3{background-color: #F29B95;}
    .VIC_color4{background-color: #FFE27C;}
    .VIC_p4{
        font-size: 24px;
        letter-spacing: 3px;
        line-height: 40px;
        font-weight: 500;
        margin: 9px 0 0 0;
    }
    .VIC_p4 span{
        font-size: 18px;
    }
    .VIC_p5{
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 25px;
        font-weight: 500;
        margin: 9px 0 0 0;
    }
    .VIC_link_01{
        width: 293px;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        font-size: 18px;
        letter-spacing: 4px;
        font-weight: 600;
        color: #000;
        border-radius: 0;
        position: relative;
        margin: 0 auto;
        border-top: 1px solid #000;
        padding: 0 0 12px 0;
    }
    .VIC_link_01::after {
        content: "";
        position: absolute;
        top: 43%;
        right: 0;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
    /* ------------- */
    .VIC_columnWrap{
        width: 1200px;
        display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center;
        margin: 0 0 0 0;
    }
    .VIC_column_img_03{
        width: 248px;
        margin: 21px 104px 0 0;
    }
    .VIC_column_box{
        width: 787px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        margin: -15px 0 0 0;
    }
    .VIC_column_img_01{
        width: 373px;
    }
    .VIC_column_r{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        width: 414px;
        height: 210px;
        background-color: #fff;
        border-radius: 0 30px 30px 0;
    }
    .VIC_column_t{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        width: 305px;
        margin: 30px 0 0 0;
    }
    .VIC_column_img_02{
        width: 92px;
        margin: 0 20px 0 0;
    }
    .VIC_column_i{
        
    }
    .VIC_column_p1{
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 25px;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .VIC_column_p2{
        font-size: 28px;
        letter-spacing: 1px;
        line-height: 25px;
        font-weight: 600;
        margin: 5px 0 0 0;
    }
    .VIC_link_02{
        width: 305px;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background-color: #fff;
        font-size: 18px;
        letter-spacing: 4px;
        font-weight: 600;
        color: #000;
        border-radius: 0;
        position: relative;
        margin: 20px 0 0 0;
        border-top: 1px solid #000;
        padding: 0 0 0 0;
    }
    .VIC_link_02::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain;
    }
}



/*------------------------------------------------*/
/* QIZ */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #QIZ{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        margin: 0 0 0 0;
        overflow: hidden;
    }
    .QIZ_wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* width: 390px; */
        width: 100.00vw;
        height: auto;
        position: relative;
        /* margin: 70px 0 0 0; */
        margin: 17.95vw 0 0 0;
    }
    .QIZ_i1{
        /* width: 106px; */
        width: 27.18vw;
        position: absolute;
        /* top: 50px; */
        top: 12.82vw;
        /* left: 234px; */
        left: 60.00vw;
    }
    .QIZ_i2{
        /* width: 410px; */
        width: 105.13vw;
        position: absolute;
        /* top: -100px; */
        top: -25.64vw;
        /* left: -9px; */
        left: -2.31vw;
        z-index: -1;
    }
    .QIZ_p1{
        /* font-size: 45px; */
        font-size: 11.54vw;
        /* letter-spacing: 6px; */
        letter-spacing: 1.54vw;
        /* line-height: 44px; */
        line-height: 11.28vw;
        font-weight: 500;
        /* margin: 0 0 0 54px; */
        margin: 0 0 0 13.85vw;
    }
    .QIZ_p2{
        /* font-size: 28px; */
        font-size: 7.18vw;
        /* letter-spacing: 4px; */
        letter-spacing: 1.03vw;
        /* line-height: 38px; */
        line-height: 9.74vw;
        font-weight: 500;
        /* margin: 21px 0 0 56px; */
        margin: 5.38vw 0 0 14.36vw;
    }
    .QIZ_p3{
        /* font-size: 18px; */
        font-size: 4.62vw;
        /* letter-spacing: 3px; */
        letter-spacing: 0.77vw;
        /* line-height: 24px; */
        line-height: 6.15vw;
        font-weight: 400;
        /* margin: 29px 0 0 40px; */
        margin: 7.44vw 0 0 10.26vw;
        /* width: 310px; */
        width: 79.49vw;
    }
    /* ----------- */
    .QIZ_cardWrap{
        width: 100%;
        /* margin: 50px 0 0 0; */
        margin: 12.82vw 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .QIZ_cardBusiness{
        width: 100%;
        height: auto;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #FEE57A;
    }
    .QIZ_cardWorkstyle{
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #9BCD52;
    }
    .QIZ_card_p1{
        /* font-size: 28px; */
        font-size: 7.18vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.51vw;
        /* line-height: 35px; */
        line-height: 8.97vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .QIZ_card_p1 {
        display: flex;
        align-items: center;
        display: none;
    }
    .QIZ_card_p1 span {
        /* margin-right: 30px; */
        margin-right: 7.69vw;
        white-space: nowrap; 
    }
    .QIZ_card_p1::after {
        content: "";
        flex: 1;    
        /* height: 1px; */
        height: 0.26vw;
        background-color: #333;
    }
    .QIZ_card_p1_sp{
        /* width: 165px; */
        width: 42.31vw;
        /* height: 232px; */
        height: 59.49vw;
        /* font-size: 24px; */
        font-size: 6.15vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.51vw;
        /* line-height: 35px; */
        line-height: 8.97vw;
        font-weight: 500;
        margin: 0 0 0 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .QIZ_bg1 .QIZ_card_p1_sp span{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* width: 164px; */
        width: 42.05vw;
        /* height: 164px; */
        height: 42.05vw;
        /* border: 2px solid #000; */
        border: 0.51vw solid #000;
        border-radius: 50%;
    }
    .QIZ_bg2 .QIZ_card_p1_sp span{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* width: 164px; */
        width: 42.05vw;
        /* height: 164px; */
        height: 42.05vw;
        /* border: 2px solid #fff; */
        border: 0.51vw solid #fff;
        border-radius: 50%;
        color: #fff;
    }
    /* ---------------- */
    .QIZ_cardFlipWrap{
        /* width: 350px; */
        width: 89.74vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* gap: 20px; */
        gap: 5.12vw;
        /* margin: 0px 0 0 0; */
        margin: 0.00vw 0 0 0;
        /* padding: 40px 0 40px 0; */
        padding: 10.26vw 0 10.26vw 0;
        position: relative;
    }
    .QIZ_card-container {
      /* perspective: 1000px; */
      perspective: 256.41vw;
    }
    .QIZ_card {
        /* width: 165px; */
        width: 42.31vw;
        /* height: 232px; */
        height: 59.49vw;
        position: relative;
        transform-style: preserve-3d;
        transition: transform 0.5s;
        cursor: pointer;
    }
    .QIZ_card img{
        width: 100%;
    }
    .QIZ_card.QIZ_is-flipped {
        transform: rotateY(-180deg);
    }
    .QIZ_card-face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .QIZ_card-front {
    }
    .QIZ_card-back {
        transform: rotateY(180deg);
    }
    /* ------------ */
    .QIZ_B_link1{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 99px; */
        left: 25.38vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 82px; */
        height: 21.03vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link2{
        position: absolute;
        /* top: 101px; */
        top: 25.90vw;
        /* left: 99px; */
        left: 25.38vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 79px; */
        height: 20.26vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link3{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 68px; */
        left: 17.44vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 148px; */
        height: 37.95vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link4{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 114px; */
        left: 29.23vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 92px; */
        height: 23.59vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link5{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 83px; */
        left: 21.28vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 82px; */
        height: 21.03vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link6{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 114px; */
        left: 29.23vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 42px; */
        height: 10.77vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link7{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 82px; */
        left: 21.03vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 113px; */
        height: 28.97vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link8{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 52px; */
        left: 13.33vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 65px; */
        height: 16.67vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link9{
        position: absolute;
        /* top: 15px; */
        top: 3.85vw;
        /* left: 22px; */
        left: 5.64vw;
        /* width: 30px; */
        width: 7.69vw;
        /* height: 65px; */
        height: 16.67vw;
        background-color: rgba(255,255,255,0.0);
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #QIZ{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        margin: 0 0 0 0;
        overflow: hidden;
        padding-bottom: 5.56vw;
    }
    .QIZ_wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* width: 1200px; */
        width: 66.67vw;
        height: auto;
        position: relative;
        /* margin: 120px 0 0 0; */
        margin: 6.67vw 0 0 0;
    }
    .QIZ_i1{
        /* width: 254px; */
        width: 14.11vw;
        position: absolute;
        /* top: -50px; */
        top: -2.78vw;
        /* left: 590px; */
        left: 32.78vw;
    }
    .QIZ_i2{
        /* width: 750px; */
        width: 41.67vw;
        position: absolute;
        /* top: -121px; */
        top: -6.72vw;
        /* left: 810px; */
        left: 45.00vw;
    }
    .QIZ_p1{
        /* font-size: 90px; */
        font-size: 5.00vw;
        /* letter-spacing: 16px; */
        letter-spacing: 0.89vw;
        /* line-height: 90px; */
        line-height: 5.00vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .QIZ_p2{
        /* font-size: 50px; */
        font-size: 2.78vw;
        /* letter-spacing: 11px; */
        letter-spacing: 0.61vw;
        /* line-height: 50px; */
        line-height: 2.78vw;
        font-weight: 500;
        /* margin: 14px 0 0 0; */
        margin: 0.78vw 0 0 0;
    }
    .QIZ_p3{
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* letter-spacing: 6px; */
        letter-spacing: 0.33vw;
        /* line-height: 35px; */
        line-height: 1.94vw;
        font-weight: 400;
        /* margin: 40px 0 0 0; */
        margin: 2.22vw 0 0 0;
    }
    /* ----------- */
    .QIZ_cardWrap{
        width: 100%;
        /* margin: 50px 0 150px 0; */
        margin: 2.78vw 0 8.33vw 0;
    }
    .QIZ_cardBusiness{
        width: 100%;
        /* height: 320px; */
        height: 17.78vw;
    }
    .QIZ_cardWorkstyle{
        width: 100%;
        /* height: 315px; */
        height: 17.50vw;
        /* margin: 160px 0 0 0; */
        margin: 8.89vw 0 0 0;
    }
    .QIZ_card_p1{
        /* font-size: 28px; */
        font-size: 1.56vw;
        /* letter-spacing: 2px; */
        letter-spacing: 0.11vw;
        /* line-height: 35px; */
        line-height: 1.94vw;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .QIZ_card_p1 {
        display: flex;
        align-items: center; 
    }
    .QIZ_card_p1 span {
        /* margin-right: 30px; */
        margin-right: 1.67vw;
        white-space: nowrap; 
    }
    .QIZ_card_p1::after {
        content: "";
        flex: 1;    
        /* height: 1px; */
        height: 0.06vw;
        background-color: #333;
    }
    .QIZ_card_p1_sp{display: none;}
    /* ---------------- */
    .QIZ_cardFlipWrap{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        /* gap: 20px; */
        gap: 1.11vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
        position: relative;
    }
    .QIZ_bg1::before {
        content: "";
        position: absolute;
        /* top: 50px; */
        top: 2.78vw;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #FEE57A;
        transform: translateX(-50%);
        z-index: -1;
    }
    .QIZ_bg2::before {
        content: "";
        position: absolute;
        /* top: 50px; */
        top: 2.78vw;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #9BCD52;
        transform: translateX(-50%);
        z-index: -1;
    }
    .QIZ_card-container {
      /* perspective: 1000px; */
      perspective: 55.56vw;
    }
    .QIZ_card {
        /* width: 224px; */
        width: 12.44vw;
        /* height: 315px; */
        height: 17.50vw;
        position: relative;
        transform-style: preserve-3d;
        transition: transform 0.5s;
        cursor: pointer;
    }
    .QIZ_card img{
        width: 100%;
    }
    .QIZ_card.QIZ_is-flipped {
        transform: rotateY(-180deg);
    }
    .QIZ_card-face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .QIZ_card-front {
    }
    .QIZ_card-back {
        transform: rotateY(180deg);
    }
    /* ------------ */
    .QIZ_B_link1{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 139px; */
        left: 7.72vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 109px; */
        height: 6.06vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link2{
        position: absolute;
        /* top: 136px; */
        top: 7.56vw;
        /* left: 139px; */
        left: 7.72vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 109px; */
        height: 6.06vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link3{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 98px; */
        left: 5.44vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 148px; */
        height: 8.22vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link4{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 159px; */
        left: 8.83vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 122px; */
        height: 6.78vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link5{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 118px; */
        left: 6.56vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 109px; */
        height: 6.06vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link6{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 159px; */
        left: 8.83vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 50px; */
        height: 2.78vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link7{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 118px; */
        left: 6.56vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 149px; */
        height: 8.28vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link8{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 78px; */
        left: 4.33vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 84px; */
        height: 4.67vw;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link9{
        position: absolute;
        /* top: 25px; */
        top: 1.39vw;
        /* left: 36px; */
        left: 2.00vw;
        /* width: 30px; */
        width: 1.67vw;
        /* height: 84px; */
        height: 4.67vw;
        background-color: rgba(255,255,255,0.0);
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #QIZ{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        margin: 0 0 0 0;
        overflow: hidden;
        padding-bottom: 5.56vw;
    }
    .QIZ_wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 1200px;
        height: auto;
        position: relative;
        margin: 120px 0 0 0;
    }
    .QIZ_i1{
        width: 254px;
        position: absolute;
        top: -50px;
        left: 590px;
    }
    .QIZ_i2{
        width: 750px;
        position: absolute;
        top: -121px;
        left: 810px;
    }
    .QIZ_p1{
        font-size: 90px;
        letter-spacing: 16px;
        line-height: 90px;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .QIZ_p2{
        font-size: 50px;
        letter-spacing: 11px;
        line-height: 50px;
        font-weight: 500;
        margin: 14px 0 0 0;
    }
    .QIZ_p3{
        font-size: 24px;
        letter-spacing: 6px;
        line-height: 35px;
        font-weight: 400;
        margin: 40px 0 0 0;
    }
    /* ----------- */
    .QIZ_cardWrap{
        width: 100%;
        margin: 50px 0 150px 0; 
    }
    .QIZ_cardBusiness{
        width: 100%;
        height: 320px;
    }
    .QIZ_cardWorkstyle{
        width: 100%;
        height: 315px;
        margin: 160px 0 0 0;
    }
    .QIZ_card_p1{
        font-size: 28px;
        letter-spacing: 2px;
        line-height: 35px;
        font-weight: 500;
        margin: 0 0 0 0;
    }
    .QIZ_card_p1 {
        display: flex;
        align-items: center; 
    }

    .QIZ_card_p1 span {
        margin-right: 30px;  
        white-space: nowrap; 
    }

    .QIZ_card_p1::after {
        content: "";
        flex: 1;    
        height: 1px; 
        background-color: #333;
    }
    .QIZ_card_p1_sp{display: none;}
    /* ---------------- */
    .QIZ_cardFlipWrap{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 20px;
        margin: 30px 0 0 0;
        position: relative;
    }
    .QIZ_bg1::before {
        content: "";
        position: absolute;
        top: 50px;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #FEE57A;
        transform: translateX(-50%);
        z-index: -1;
    }
    .QIZ_bg2::before {
        content: "";
        position: absolute;
        top: 50px;
        left: 50%;
        width: 100vw;
        height: 100%;
        background: #9BCD52;
        transform: translateX(-50%);
        z-index: -1;
    }
    .QIZ_card-container {
      perspective: 1000px;
    }

    .QIZ_card {
        width: 224px;
        height: 315px;
        position: relative;
        transform-style: preserve-3d;
        transition: transform 0.5s;
        cursor: pointer;
    }
    .QIZ_card img{
        width: 100%;
    }

    .QIZ_card.QIZ_is-flipped {
        transform: rotateY(-180deg);
    }

    .QIZ_card-face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .QIZ_card-front {
    }

    .QIZ_card-back {
        transform: rotateY(180deg);
    }
    /* ------------ */
    .QIZ_B_link1{
        position: absolute;
        top: 25px;
        left: 139px;
        width: 30px;
        height: 109px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link2{
        position: absolute;
        top: 136px;
        left: 139px;
        width: 30px;
        height: 109px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link3{
        position: absolute;
        top: 25px;
        left: 98px;
        width: 30px;
        height: 148px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link4{
        position: absolute;
        top: 25px;
        left: 159px;
        width: 30px;
        height: 122px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link5{
        position: absolute;
        top: 25px;
        left: 118px;
        width: 30px;
        height: 109px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link6{
        position: absolute;
        top: 25px;
        left: 159px;
        width: 30px;
        height: 50px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link7{
        position: absolute;
        top: 25px;
        left: 118px;
        width: 30px;
        height: 149px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link8{
        position: absolute;
        top: 25px;
        left: 78px;
        width: 30px;
        height: 84px;
        background-color: rgba(255,255,255,0.0);
    }
    .QIZ_B_link9{
        position: absolute;
        top: 25px;
        left: 36px;
        width: 30px;
        height: 84px;
        background-color: rgba(255,255,255,0.0);
    }
}



/*------------------------------------------------*/
/* EVT */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #EVT{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        /* margin: 100px 0 0 0; */
        margin: 25.64vw 0 0 0;
        overflow: hidden;
        background-image: url("../img/EVT_bg_sp.webp");
        background-repeat: no-repeat;
        background-position: top center;
        /* background-size: 390px; */
        background-size: 100.00vw;
    }
    .EVT_wrap{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        /* height: 2639px; */
        height: 676.67vw;
        position: relative;
        margin: 0 0 0 0;
    }
    .EVT_wrap_left{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    /* top: 120px; */
    top: 30.77vw;
    /* left: 40px; */
    left: 10.26vw;
    }
    .EVT_wrap_leftInnerBox{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .EVT_wrap_right{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    /* top: 1330px; */
    top: 341.03vw;
    /* left: 30px; */
    left: 7.69vw;
    }
    /* ----------- */
    .EVT_img_01{
        /* width: 390px; */
        width: 100.00vw;
        /* margin: 30px 0 0 0; */
        margin: 7.69vw 0 0 0;
    }
    .EVT_img_02{
        /* width: 370px; */
        width: 94.87vw;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
    }
    .EVT_img_03{
        /* width: 300px; */
        width: 76.92vw;
        margin: 0 0 0 0;
        position: absolute;
        /* top: 250px; */
        top: 64.10vw;
        /* left: 7px; */
        left: 1.79vw;
    }
    .EVT_img_04{
        /* width: 288px; */
        width: 73.85vw;
        margin: 0 0 0 0;
    }
    .EVT_img_05{
        /* width: 315px; */
        width: 80.77vw;
        /* margin: 470px 0 0 0; */
        margin: 120.51vw 0 0 0;
    }
    .EVT_img_06{
        /* width: 309px; */
        width: 79.23vw;
        /* margin: 30px 0 0 0; */
        margin: 7.69vw 0 0 0;
        display: none;
    }
    .EVT_img_07{
        /* width: 203px; */
        width: 52.05vw;
        margin: 0 0 0 0;
    }
    .EVT_img_08{
        /* width: 282px; */
        width: 72.31vw;
        /* margin: 40px 0 0 0; */
        margin: 10.26vw 0 0 0;
    }
    .EVT_img_09{
        /* width: 330px; */
        width: 84.62vw;
        /* margin: 10px 0 0 0; */
        margin: 2.56vw 0 0 0;
    }
    /* ----------- */
    .EVT_P1{
        text-align: center;
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* line-height: 25px; */
        line-height: 6.41vw;
        font-weight: 400;
        /* margin: 20px 0 0 0; */
        margin: 5.13vw 0 0 0;
    }
    .EVT_wrap_leftP1{
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* line-height: 26px; */
        line-height: 6.67vw;
        font-weight: 400;
        /* margin: 10px 0 0 0; */
        margin: 2.56vw 0 0 0;
        text-align: center;
    }
    .EVT_wrap_leftP2{
        /* font-size: 12px; */
        font-size: 3.08vw;
        /* line-height: 21px; */
        line-height: 5.38vw;
        font-weight: 400;
        /* margin: 10px 0 0 0; */
        margin: 2.56vw 0 0 0;
    }
    .EVT_wrap_rightP1{
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* line-height: 26px; */
        line-height: 6.67vw;
        font-weight: 400;
        /* margin: 0 0 0 0; */
        position: absolute;
        /* top: 90px; */
        top: 23.08vw;
        /* left: 20px; */
        left: 5.13vw;
        text-align: center;
    }
    .EVT_wrap_rightP2{
        /* font-size: 16px; */
        font-size: 4.10vw;
        /* line-height: 26px; */
        line-height: 6.67vw;
        font-weight: 400;
        /* margin: 10px 0 0 0; */
        margin: 2.56vw 0 0 0;
        text-align: center;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #EVT{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        /* margin: 100px 0 0 0; */
        margin: 5.56vw 0 0 0;
        overflow: hidden;
        background-image: url("../img/EVT_bg_pc.webp");
        background-repeat: no-repeat;
        background-position: top center;
        /* background-size: 1920px; */
        background-size: 106.67vw;
    }
    .EVT_wrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        /* width: 1780px; */
        width: 98.89vw;
        /* height: 845px; */
        height: 46.94vw;
        position: relative;
        /* margin: 50px 0 0 0; */
        margin: 2.78vw 0 0 0;
    }
    .EVT_wrap_left{
        position: absolute;
        /* top: 165px; */
        top: 9.17vw;
        /* left: 70px; */
        left: 3.89vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .EVT_wrap_leftInnerBox{
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .EVT_wrap_right{
        position: absolute;
        /* top: 50px; */
        top: 2.78vw;
        /* right: 100px; */
        right: 5.56vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /* ----------- */
    .EVT_img_01{
        /* width: 390px; */
        width: 21.67vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
    }
    .EVT_img_02{
        /* width: 924px; */
        width: 51.33vw;
        /* margin: 20px 0 0 0; */
        margin: 1.11vw 0 0 0;
    }
    .EVT_img_03{
        /* width: 283px; */
        width: 15.72vw;
        /* margin: 0 20px 0 0; */
        margin: 0 1.11vw 0 0;
    }
    .EVT_img_04{
        /* width: 445px; */
        width: 24.72vw;
        margin: 0 0 0 0;
    }
    .EVT_img_05{
        /* width: 544px; */
        width: 30.22vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
    }
    .EVT_img_06{
        /* width: 302px; */
        width: 16.78vw;
        /* margin: 30px 0 0 0; */
        margin: 1.67vw 0 0 0;
    }
    .EVT_img_07{
        /* width: 523px; */
        width: 29.06vw;
        margin: 0 0 0 0;
    }
    .EVT_img_08{
        /* width: 376px; */
        width: 20.89vw;
        /* margin: 30px 0 0 -150px; */
        margin: 1.67vw 0 0 -8.33vw;
    }
    .EVT_img_09{
        /* width: 427px; */
        width: 23.72vw;
        /* margin: 10px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    /* ----------- */
    .EVT_P1{
        text-align: center;
        /* font-size: 24px; */
        font-size: 1.33vw;
        /* line-height: 40px; */
        line-height: 2.22vw;
        font-weight: 400;
        /* margin: 40px 0 0 0; */
        margin: 2.22vw 0 0 0;
    }
    .EVT_wrap_leftP1{
        /* font-size: 16px; */
        font-size: 0.89vw;
        /* line-height: 26px; */
        line-height: 1.44vw;
        font-weight: 400;
        /* margin: 10px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    .EVT_wrap_leftP2{
        /* font-size: 12px; */
        font-size: 0.67vw;
        /* line-height: 21px; */
        line-height: 1.17vw;
        font-weight: 400;
        /* margin: 10px 0 0 0; */
        margin: 0.56vw 0 0 0;
    }
    .EVT_wrap_rightP1{
        /* font-size: 16px; */
        font-size: 0.89vw;
        /* line-height: 26px; */
        line-height: 1.44vw;
        font-weight: 400;
        /* margin: -70px 0 0 -230px; */
        margin: -3.89vw 0 0 -12.78vw;
    }
    .EVT_wrap_rightP2{
        /* font-size: 16px; */
        font-size: 0.89vw;
        /* line-height: 26px; */
        line-height: 1.44vw;
        font-weight: 400;
        /* margin: 11px 0 0 -100px; */
        margin: 0.61vw 0 0 -5.56vw;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #EVT{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        margin: 100px 0 0 0;
        overflow: hidden;
        background-image: url("../img/EVT_bg_pc.webp");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 1920px;
    }
    .EVT_wrap{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        width: 1780px;
        height: 845px;
        position: relative;
        margin: 50px 0 0 0;
    }
    .EVT_wrap_left{
        position: absolute;
        top: 165px;
        left: 70px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .EVT_wrap_leftInnerBox{
        display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
    }
    .EVT_wrap_right{
        position: absolute;
        top: 50px;
        right: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /* ----------- */
    .EVT_img_01{
        width: 390px;
        margin: 30px 0 0 0;
    }
    .EVT_img_02{
        width: 924px;
        margin: 20px 0 0 0;
    }
    .EVT_img_03{
        width: 283px;
        margin: 0 20px 0 0;
    }
    .EVT_img_04{
        width: 445px;
        margin: 0 0 0 0;
    }
    .EVT_img_05{
        width: 544px;
        margin: 30px 0 0 0;
    }
    .EVT_img_06{
        width: 302px;
        margin: 30px 0 0 0;
    }
    .EVT_img_07{
        width: 523px;
        margin: 0 0 0 0;
    }
    .EVT_img_08{
        width: 376px;
        margin: 30px 0 0 -150px;
    }
    .EVT_img_09{
        width: 427px;
        margin: 10px 0 0 0;
    }
    /* ----------- */
    .EVT_P1{
        text-align: center;
        font-size: 24px;
        line-height: 40px;
        font-weight: 400;
        margin: 40px 0 0 0;
    }
    .EVT_wrap_leftP1{
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        margin: 10px 0 0 0;
    }
    .EVT_wrap_leftP2{
        font-size: 12px;
        line-height: 21px;
        font-weight: 400;
        margin: 10px 0 0 0;
    }
    .EVT_wrap_rightP1{
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        margin: -70px 0 0 -230px;
    }
    .EVT_wrap_rightP2{
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        margin: 11px 0 0 -100px;
    }
}



/*------------------------------------------------*/
/* FIX */
/*------------------------------------------------*/
@media screen and (max-width:767px) { /*SP*/
    #FIX{
        position: fixed;
        /* bottom: 0px; */
        bottom: 0.00vw;
        left: 0;
        /* width: 390px; */
        width: 100.00vw;
        /* height: 80px; */
        height: 20.51vw;
        background-image: url('../img/COMMON_login_bg_sp.webp');
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .FIX_link_mypage,
    .FIX_link_login{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        /* border-radius: 30px; */
        border-radius: 7.69vw;
        /* font-size: 17px; */
        font-size: 4.36vw;
        font-weight: 700;
        /* height: 50px; */
        height: 12.82vw;
        position: relative;
        /* padding: 0 30px 0 24px; */
        padding: 0 7.69vw 0 6.15vw;
    }
    .FIX_link_mypage::after,
    .FIX_link_login::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 12px; */
        right: 3.08vw;
        transform: translateY(-50%);
        /* width: 12px; */
        width: 3.08vw;
        /* height: 12px; */
        height: 3.08vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    .FIX_link_mypage{
        /* margin: 0 10px 0 0; */
        margin: 0 2.56vw 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1800px) { /*TB*/
    #FIX{
        position: fixed;
        position: absolute;
        /* bottom: 20px; */
        bottom: 1.11vw;
        /* top: 876px; */
        top: 48.67vw;
        /* right: calc( ( 100% - 1760px ) / 2 ); */
        right: calc( ( 100% - 97.78vw ) / 2 );
        /* width: 520px; */
        width: 28.89vw;
        /* height: 60px; */
        height: 3.33vw;
        background-image: url('../img/COMMON_login_bg_pc.webp');
        background-repeat: no-repeat;
        /* background-size: 520px 60px; */
        background-size: 28.89vw 3.33vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        opacity: 0;
    }
    .FIX_link_mypage,
    .FIX_link_login{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #fff;
        /* border-radius: 30px; */
        border-radius: 1.67vw;
        /* font-size: 20px; */
        font-size: 1.11vw;
        font-weight: 700;
        /* height: 40px; */
        height: 2.22vw;
        position: relative;
        /* padding: 0 50px 0 50px; */
        padding: 0 2.78vw 0 2.78vw;
    }
    .FIX_link_mypage::after,
    .FIX_link_login::after {
        content: "";
        position: absolute;
        top: 50%;
        /* right: 12px; */
        right: 0.67vw;
        transform: translateY(-50%);
        /* width: 12px; */
        width: 0.67vw;
        /* height: 12px; */
        height: 0.67vw;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    .FIX_link_mypage{
        /* margin: 0 13px 0 0; */
        margin: 0 0.72vw 0 0;
    }
    /* --- */
    #FIX_marker{
        position: fixed;
        position: absolute;
        /* bottom: 20px; */
        bottom: 1.11vw;
        /* top: 876px; */
        top: 48.67vw;
        /* right: calc( ( 100% - 1760px ) / 2 ); */
        right: calc( ( 100% - 97.78vw ) / 2 );
        /* width: 520px; */
        width: 28.89vw;
        /* height: 60px; */
        height: 3.33vw;
    }
}
@media screen and (min-width:1801px) , print { /*PC*/
    #FIX{
        position: fixed;
        position: absolute;
        bottom: 20px;
        top: 876px;
        right: calc( ( 100% - 1760px ) / 2 );
        width: 520px;
        height: 60px;
        background-image: url('../img/COMMON_login_bg_pc.webp');
        background-repeat: no-repeat;
        background-size: 520px 60px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        opacity: 0;
    }
    .FIX_link_mypage,
    .FIX_link_login{
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        background-color: #fff;
        border-radius: 30px;
        font-size: 20px;
        font-weight: 700;
        height: 40px;
        position: relative;
        padding: 0 50px 0 50px;
    }
    .FIX_link_mypage::after,
    .FIX_link_login::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        background: url('../img/COMMON_arr_r_bw.webp') no-repeat center/contain; 
    }
    .FIX_link_mypage{
        margin: 0 13px 0 0;
    }
    /* --- */
    #FIX_marker{
        position: fixed;
        position: absolute;
        bottom: 20px;
        top: 876px;
        right: calc( ( 100% - 1760px ) / 2 );
        width: 520px;
        height: 60px;
    }
}