@charset "UTF-8";

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

/* ----------------------------------------- */
/* common */
#wrap #body_box{
    width: auto;
    max-width: 100%;
    min-width: initial!important;
}

#wrap{
    min-width: initial!important;
}
.follow{display: none;}
#MENU2 img{
    max-width: 100%!important;
}

@media screen and (max-width:767px) { /*SP*/
    .spON{display: flex;}
    .pcON{display: none;}
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    .spON{display: none;}
    .pcON{display: flex;}

    main .container {
        padding: 0 20px;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    .spON{display: none;}
    .pcON{display: flex;}
}

/* ----------------------------------------- */
/* section contentsSet */
@media screen and (max-width:767px) { /*SP*/
    #ALBIO{
        width: 100%;
        margin-top: 52px; /*変更不可*/
        font-family: 'Noto Sans JP', sans-serif;
        max-width: initial;
        width: auto;
    }
    #ALBIO img{
        max-width: initial;
    }
    #ALBIO #KYV,#ALBIO #ACM,#ALBIO #BRD,#ALBIO #SPT,#ALBIO #PRJ,#ALBIO #HME,#ALBIO #PLT{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #ALBIO .contentsSet{
        /* width: 375px; */
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #ALBIO{
        width: 100%;
        margin-top: 80px; /*変更不可*/
        font-family: 'Noto Sans JP', sans-serif;
        max-width: initial;
        width: auto;
    }
    #ALBIO img{
        max-width: initial;
    }
    #ALBIO #KYV,#ALBIO #ACM,#ALBIO #BRD,#ALBIO #SPT,#ALBIO #PRJ,#ALBIO #HME,#ALBIO #PLT{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #ALBIO .contentsSet{
        width: 92.31vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #ALBIO{
        width: 100%;
        margin-top: 80px;
        font-family: 'Noto Sans JP', sans-serif;
        max-width: initial;
        width: auto;
    }
    #ALBIO img{
        max-width: initial;
    }
    #ALBIO #KYV,#ALBIO #ACM,#ALBIO #BRD,#ALBIO #SPT,#ALBIO #PRJ,#ALBIO #HME,#ALBIO #PLT{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    #ALBIO .contentsSet{
        width: 1200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }
}

/* ----------------------------------------- */
/* KYV */
#KYV {background-color: #000;}
@media screen and (max-width:767px) { /*SP*/
    #KYV {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    #KYV .KYV_box {
        position: absolute;
        /* bottom: 110px; */
        bottom: 29.33vw;
        /* left: 20px; */
        left: 5.33vw;
        width: auto;
        height: auto;
        z-index: 10;
        pointer-events: none;
        color: #fff;
    }
    #KYV .KYV_tx_01{
        /* font-size: 15px; */
        font-size: 4vw;
        /* line-height: 30px; */
        line-height: 8vw;
        font-weight: 300;
    }
    #KYV .KYV_tx_02{
        font-family: 'Noto Serif JP', serif;
        /* font-size: 36px; */
        font-size: 9.6vw;
        /* line-height: 52px; */
        line-height: 13.87vw;
        /* margin: 5px 0 30px 0; */
        margin: 1.33vw 0 8.00vw 0;
        font-weight: 100;
    }
    #KYV .KYV_tx_03{
        /* font-size: 12px; */
        font-size: 3.2vw;
        /* line-height: 20px; */
        line-height: 5.33vw;
        font-weight: 300;
    }
}
@media screen and (min-width:768px) and ( max-width:1920px) { /*TB*/
    #KYV {
        position: relative;
        width: 100%;
        overflow: hidden;
        /* margin: 10px 0 0 0; */
        margin: 0.52vw 0 0 0;
    }
    #KYV .KYV_box {
        position: absolute;
        /* bottom: 80px; */
        bottom: 4.17vw;
        /* left: 80px; */
        left: 4.17vw;
        width: auto;
        height: auto;
        z-index: 10;
        pointer-events: none;
        color: #fff;
    }
    #KYV .KYV_tx_01{
        /* font-size: 30px; */
        font-size: 1.56vw;
        /* line-height: 30px; */
        line-height: 1.56vw;
        font-weight: 300;
    }
    #KYV .KYV_tx_02{
        font-family: 'Noto Serif JP', serif;
        /* font-size: 54px; */
        font-size: 2.81vw;
        /* line-height: 54px; */
        line-height: 2.81vw;
        /* margin: 30px 0 80px 0; */
        margin: 1.56vw 0 4.17vw 0;
        font-weight: 100;
    }
    #KYV .KYV_tx_03{
        /* font-size: 24px; */
        font-size: 1.25vw;
        /* line-height: 42px; */
        line-height: 2.19vw;
        font-weight: 300;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    #KYV {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 10px 0 0 0;
    }
    #KYV .KYV_box {
        position: absolute;
        /* bottom: 80px; */
        bottom: 4.17vw;
        /* left: 80px; */
        left: 4.17vw;
        width: auto;
        height: auto;
        z-index: 10;
        pointer-events: none;
        color: #fff;
    }
    #KYV .KYV_tx_01{
        /* font-size: 30px; */
        font-size: 1.56vw;
        /* line-height: 30px; */
        line-height: 1.56vw;
        font-weight: 300;
    }
    #KYV .KYV_tx_02{
        font-family: 'Noto Serif JP', serif;
        /* font-size: 54px; */
        font-size: 2.81vw;
        /* line-height: 54px; */
        line-height: 2.81vw;
        /* margin: 30px 0 80px 0; */
        margin: 1.56vw 0 4.17vw 0;
        font-weight: 100;
    }
    #KYV .KYV_tx_03{
        /* font-size: 24px; */
        font-size: 1.25vw;
        /* line-height: 42px; */
        line-height: 2.19vw;
        font-weight: 300;
    }
}

/* ----------------------------------------- */
/* ACM */
@media screen and (max-width:767px) { /*SP*/
    #ACM{
        background-color: #F9F9F5;
        /* padding: 50px 0 60px 0; */
        padding: 13.33vw 0 16vw 0;
    }
    #ACM .ACM_tx_01{
        /* font-size: 29px; */
        font-size: 7.73vw;
        /* line-height: 48px; */
        line-height: 12.8vw;
        text-align: center;
    }
    #ACM .ACM_tx_02{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 28px; */
        line-height: 7.47vw;
        text-align: center;
        /* margin: 30px 0 0 0; */
        margin: 8vw 0 0 0;
    }
    #ACM .ACM_map{
        /* width: 375px; */
        width: 100vw;
        /* height: 425px; */
        height: 113.33vw;
        background-image: url('../img/ACM_japan.webp');
        /* background-size: 355px auto; */
        background-size: 94.67vw auto;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        /* margin: 290px 0 0 0; */
        margin: 77.33vw 0 0 0;
    }
    #ACM .ACM_detail{
        /* width: 325px; */
        width: 86.67vw;
        position: absolute;
        /* top: -230px; */
        top: -61.33vw;
        /* left: 25px; */
        left: 6.67vw;
    }

    #ACM .ACM_reel{
        width: 100%;
        font-family: 'Outfit', sans-serif;
        /* font-size: 88px; */
        font-size: 23.47vw;
        color: #B5A586;
        font-weight: 200;
        text-align: center;
    }
    #ACM .ACM_reel_unit{
        /* font-size: 44px; */
        font-size: 11.73vw;
        font-weight: 400;
        /* margin: 0 0 0 13px; */
        margin: 0 0 0 3.47vw;
    }

    #ACM .ACM_detail_tx_01{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 16px; */
        line-height: 4.27vw;
        /* border: 1px solid #000; */
        border: 0.27vw solid #000;
        text-align: center;
        /* padding: 10px 0; */
        padding: 2.67vw 0;
        /* margin: 0 0 10px 0; */
        margin: 0 0 2.67vw  0;
    }
    #ACM .ACM_detail_tx_01s{
        /* font-size: 12px; */
        font-size: 3.20vw;
        /* line-height: 20px; */
        line-height: 5.33vw;
        text-align: center;
        /* margin: 0 0 30px 0; */
        margin: 0 0 8.00vw 0;
    }
    #ACM .ACM_detail_tx_02{
        /* font-size: 12px; */
        font-size: 3.2vw;
        /* line-height: 12px; */
        line-height: 3.2vw;
        text-align: center;
        position: absolute;
        /* top: 190px; */
        top: 50.67vw;
        right: 0;
        z-index: 1;
    }
    #ACM .ACM_detail_tx_03{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 24px; */
        line-height: 6.4vw;
        text-align: center;
        /* margin: 30px 0 0 0; */
        margin: 8vw 0 0 0;
    }
    #ACM .ACM_circle_01{
        /* width: 40px; */
        width: 10.67vw;
        /* height: 40px; */
        height: 10.67vw;
        background-color: #0064B6;
        border-radius: 50%;
        position: absolute;
        /* top: 60px; */
        top: 16.00vw;
        /* right: 67px; */
        right: 17.87vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_02{
        /* width: 40px; */
        width: 10.67vw;
        /* height: 40px; */
        height: 10.67vw;
        background-color: #008C4F;
        border-radius: 50%;
        position: absolute;
        /* top: 203px; */
        top: 54.13vw;
        /* right: 122px; */
        right: 32.53vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_03{
        /* width: 40px; */
        width: 10.67vw;
        /* height: 40px; */
        height: 10.67vw;
        background-color: #DC000C;
        border-radius: 50%;
        position: absolute;
        /* top: 308px; */
        top: 82.13vw;
        /* right: 269px; */
        right: 71.73vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 0;
    }
    #ACM .ACM_mark_tx_01{
        /* font-size: 14px; */
        font-size: 3.73vw;
        /* line-height: 24px; */
        line-height: 6.4vw;
        color: #fff;
        white-space: nowrap;
        display: none;
    }
    #ACM .ACM_mark_tx_02{
        font-family: 'Outfit', sans-serif;
        /* font-size: 30px; */
        font-size: 8vw;
        /* line-height: 24px; */
        line-height: 6.4vw;
        color: #fff;
        display: none;
    }
    #ACM .ACM_mark_tx_02 span{
        /* font-size: 20px; */
        font-size: 5.33vw;
    }
    /* ---- */
    #ACM .ACM_area{
        position: absolute;
        /* top: 20px; */
        top: 5.33vw;
        /* left: 50px; */
        left: 13.33vw;
        display: flex;
        flex-direction: column;
        /* gap: 10px; */
        gap: 2.67vw;
    }
    #ACM .ACM_area_tx_01{
        /* font-size: 12px; */
        font-size: 3.2vw;
        /* line-height: 12px; */
        line-height: 3.2vw;
    }
    /* ---- */
    #ACM .ACM_area_01a{position: relative;}
    #ACM .ACM_area_01a::before{
        content: '';
        display: block;
        /* width: 20px; */
        width: 5.33vw;
        /* height: 20px; */
        height: 5.33vw;
        border-radius: 50%;
        background: #0064B6;
        position: absolute;
        /* top: 10px; */
        top: 2.67vw;
        /* left: -30px; */
        left: -8vw;
    }
    #ACM .ACM_area_tx_02a{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
    }
    #ACM .ACM_area_tx_02a span{
        font-family: 'Outfit', sans-serif;
        /* font-size: 24px; */
        font-size: 6.4vw;
        color: #0064B6;
        /* margin: 0 5px 0 0; */
        margin: 0 1.33vw 0 0;
    }
    /* ---- */
    #ACM .ACM_area_01b{position: relative;}
    #ACM .ACM_area_01b::before{
        content: '';
        display: block;
        /* width: 20px; */
        width: 5.33vw;
        /* height: 20px; */
        height: 5.33vw;
        border-radius: 50%;
        background: #008C4F;
        position: absolute;
        /* top: 10px; */
        top: 2.67vw;
        /* left: -30px; */
        left: -8vw;
    }
    #ACM .ACM_area_tx_02b{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
    }
    #ACM .ACM_area_tx_02b span{
        font-family: 'Outfit', sans-serif;
        /* font-size: 24px; */
        font-size: 6.4vw;
        color: #008C4F;
        /* margin: 0 5px 0 0; */
        margin: 0 1.33vw 0 0;
    }
    /* ---- */
    #ACM .ACM_area_01c{position: relative;}
    #ACM .ACM_area_01c::before{
        content: '';
        display: block;
        /* width: 20px; */
        width: 5.33vw;
        /* height: 20px; */
        height: 5.33vw;
        border-radius: 50%;
        background: #DC000C;
        position: absolute;
        /* top: 10px; */
        top: 2.67vw;
        /* left: -30px; */
        left: -8vw;
    }
    #ACM .ACM_area_tx_02c{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
    }
    #ACM .ACM_area_tx_02c span{
        font-family: 'Outfit', sans-serif;
        /* font-size: 24px; */
        font-size: 6.4vw;
        color: #DC000C;
        /* margin: 0 5px 0 0; */
        margin: 0 1.33vw 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #ACM{
        background-color: #F9F9F5;
        padding: 7.69vw 0;
    }
    #ACM .ACM_tx_01{
        font-size: 3.23vw;
        line-height: 3.69vw;
    }
    #ACM .ACM_tx_02{
        font-size: 1.54vw;
        line-height: 2.46vw;
        text-align: center;
        margin: 3.08vw 0 3.08vw 0;
    }
    #ACM .ACM_map{
        width: 100%;
        height: 79.38vw;
        background-image: url('../img/ACM_japan.webp');
        background-size: 73.85vw 79.38vw;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }
    #ACM .ACM_detail{
        width: 45.38vw;
        position: absolute;
        top: 6.15vw;
        left: 0;
    }

    #ACM .ACM_reel{
        width: 100%;
        font-family: 'Outfit', sans-serif;
        font-size: 10.77vw;
        color: #B5A586;
        font-weight: 200;
        text-align: center;
    }
    #ACM .ACM_reel_unit{
        font-size: 5.38vw;
        font-weight: 400;
        margin: 0 0 0 1.54vw;
    }

    #ACM .ACM_detail_tx_01{
        /* font-size: 20px; */
        font-size: 1.54vw;
        /* line-height: 20px; */
        line-height: 1.54vw;
        /* border: 1px solid #000; */
        border: 0.08vw solid #000;
        text-align: center;
        /* padding: 10px 0; */
        padding: 0.77vw 0;
        /* margin: 0 0 10px 0; */
        margin: 0 0 0.77vw 0;
    }
    #ACM .ACM_detail_tx_01s{
        /* font-size: 12px; */
        font-size: 0.92vw;
        /* line-height: 20px; */
        line-height: 1.54vw;
        text-align: right;
        /* margin: 0 0 30px 0; */
        margin: 0 0 2.31vw 0;
    }
    #ACM .ACM_detail_tx_02{
        font-size: 1.23vw;
        line-height: 1.85vw;
        text-align: center;
        margin: 0 0 1.54vw 0;
    }
    #ACM .ACM_detail_tx_03{
        font-size: 1.23vw;
        line-height: 1.85vw;
        text-align: center;
    }
    #ACM .ACM_circle_01{
        width: 9.23vw;
        height: 9.23vw;
        background-color: #0064B6;
        border-radius: 50%;
        position: absolute;
        top: 6.92vw;
        right: 20.77vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_02{
        /* width: 120px; */
        width: 9.23vw;
        /* height: 120px; */
        height: 9.23vw;
        background-color: #008C4F;
        border-radius: 50%;
        position: absolute;
        /* top: 500px; */
        top: 38.46vw;
        /* right: 420px; */
        right: 32.31vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_03{
        /* width: 120px; */
        width: 9.23vw;
        /* height: 120px; */
        height: 9.23vw;
        background-color: #DC000C;
        border-radius: 50%;
        position: absolute;
        /* top: 760px; */
        top: 58.46vw;
        /* right: 808px; */
        right: 62.15vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_mark_tx_01{
        font-size: 1.08vw;
        line-height: 1.85vw;
        color: #fff;
        white-space: nowrap;
        filter: drop-shadow(0px 0px 2px rgb(0, 0, 0));
    }
    #ACM .ACM_mark_tx_02{
        font-family: 'Outfit', sans-serif;
        font-size: 2.31vw;
        line-height: 1.85vw;
        color: #fff;
        white-space: nowrap;
        filter: drop-shadow(0px 0px 2px rgb(0, 0, 0));
    }
    #ACM .ACM_mark_tx_02 span{
        font-size: 1.54vw;
    }
    /* ---- */
    #ACM .ACM_area{
        display: none;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #ACM{
        background-color: #F9F9F5;
        padding: 100px 0;
    }
    #ACM .ACM_tx_01{
        font-size: 42px;
        line-height: 48px;
    }
    #ACM .ACM_tx_02{
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        margin: 40px 0 40px 0;
    }
    #ACM .ACM_map{
        width: 100%;
        height: 1032px;
        background-image: url('../img/ACM_japan.webp');
        background-size: 960px 1032px;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }
    #ACM .ACM_detail{
        width: 590px;
        position: absolute;
        top: 80px;
        left: 0;
    }

    #ACM .ACM_reel{
        width: 100%;
        font-family: 'Outfit', sans-serif;
        font-size: 140px;
        color: #B5A586;
        font-weight: 200;
        text-align: center;
    }
    #ACM .ACM_reel_unit{
        font-size: 70px;
        font-weight: 400;
        margin: 0 0 0 20px;
    }
    
    #ACM .ACM_detail_tx_01{
        font-size: 20px;
        line-height: 20px;
        border: 1px solid #000;
        text-align: center;
        padding: 10px 0;
        margin: 0 0 10px 0;
    }
    #ACM .ACM_detail_tx_01s{
        font-size: 12px;
        line-height: 20px;
        text-align: right;
        margin: 0 0 30px 0;
    }
    #ACM .ACM_detail_tx_02{
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 0 0 20px 0;
    }
    #ACM .ACM_detail_tx_03{
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    #ACM .ACM_circle_01{
        width: 120px;
        height: 120px;
        background-color: #0064B6;
        border-radius: 50%;
        position: absolute;
        top: 90px;
        right: 270px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_02{
        width: 120px;
        height: 120px;
        background-color: #008C4F;
        border-radius: 50%;
        position: absolute;
        top: 500px;
        right: 420px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_circle_03{
        width: 120px;
        height: 120px;
        background-color: #DC000C;
        border-radius: 50%;
        position: absolute;
        top: 760px;
        right: 808px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 0;
    }
    #ACM .ACM_mark_tx_01{
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        white-space: nowrap;
        filter: drop-shadow(0px 0px 2px rgb(0, 0, 0));
    }
    #ACM .ACM_mark_tx_02{
        font-family: 'Outfit', sans-serif;
        font-size: 30px;
        line-height: 24px;
        color: #fff;
        white-space: nowrap;
        filter: drop-shadow(0px 0px 2px rgb(0, 0, 0));
    }
    #ACM .ACM_mark_tx_02 span{
        font-size: 20px;
    }
    /* ---- */
    #ACM .ACM_area{
        display: none;
    }
}

/* ----------------------------------------- */
/* BRD */
@media screen and (max-width:767px) { /*SP*/
    #BRD{
        background-color: #302F2F;
        color: #fff;
        /* padding: 60px 0; */
        padding: 16vw 0;
        overflow: hidden;
    }
    #BRD .BRD_tx_01{
        /* font-size: 14px; */
        font-size: 3.73vw;
        /* line-height: 20px; */
        line-height: 5.33vw;
        /* margin: 0 0 30px 0; */
        margin: 0 0 8vw 0;
    }
    #BRD .BRD_01{
        /* width: 260px; */
        width: 69.33vw;
        height: auto;
    }
    #BRD .BRD_tx_02{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
        text-align: center;
        /* margin: 20px 0 40px 0; */
        margin: 5.33vw 0 10.67vw 0;
    }
    #BRD .BRD_loop_01{
        /* width: 1500px; */
        width: 400vw;
        height: auto;
        display: block;
    }
    #BRD .BRD_loop_02{
        /* width: 1500px; */
        width: 400vw;
        height: auto;
        display: block;
    }
    #BRD .BRD_box_01{
        /* width: 325px; */
        width: 86.67vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /* gap: 50px; */
        gap: 13.33vw;
        /* margin: 70px 0 0 0; */
        margin: 18.67vw 0 0 0;
    }
    #BRD .BRD_box_02{
        /* width: 325px; */
        width: 86.67vw;
    }
    #BRD .BRD_box_03{
        width: 100%;
        background-color: #212124;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        /* gap: 20px; */
        gap: 5.33vw;
        /* padding: 40px; */
        padding: 10.67vw;
        /* margin: 20px 0 0 0; */
        margin: 5.33vw 0 0 0;
    }
    #BRD .BRD_tx_03{
        /* font-size: 20px; */
        font-size: 5.33vw;
        /* line-height: 20px; */
        line-height: 5.33vw;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #BRD .BRD_tx_03::before,
    #BRD .BRD_tx_03::after{
        content: '';
        flex: 1;
        /* height: 1px; */
        height: 0.27vw;
        background-color: #fff;
    }
    #BRD .BRD_02{
        /* width: 245px; */
        width: 65.33vw;
        height: auto;
    }
    #BRD .BRD_tx_04{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 32px; */
        line-height: 8.53vw;
        text-align: left;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #BRD{
        background-color: #302F2F;
        color: #fff;
        padding: 7.69vw 0;
        overflow: hidden;
    }
    #BRD .BRD_tx_01{
        font-size: 1.54vw;
        line-height: 1.54vw;
        margin: 0 0 3.85vw 0;
    }
    #BRD .BRD_01{
        width: 23.08vw;
        height: auto;
    }
    #BRD .BRD_tx_02{
        font-size: 1.54vw;
        line-height: 2.46vw;
        text-align: center;
        margin: 3.85vw 0 4.62vw 0;
    }
    #BRD .BRD_loop_01{
        width: 230.77vw;
        height: auto;
        display: block;
    }
    #BRD .BRD_loop_02{
        width: 230.77vw;
        height: auto;
        display: block;
    }
    #BRD .BRD_box_01{
        width: 92.31vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch;
        gap: 1.54vw;
        margin: 5.38vw 0 0 0;
    }
    #BRD .BRD_box_02{
        width: 45.38vw;
        display: flex;
        flex-direction: column;
    }
    #BRD .BRD_box_03{
        width: 100%;
        flex: 1;
        background-color: #212124;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        gap: 1.54vw;
        padding: 3.08vw;
        margin: 1.54vw 0 0 0;
    }
    #BRD .BRD_tx_03{
        font-size: 1.54vw;
        line-height: 1.54vw;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #BRD .BRD_tx_03::before,
    #BRD .BRD_tx_03::after{
        content: '';
        flex: 1;
        height: 0.08vw;
        background-color: #fff;
    }
    #BRD .BRD_02{
        width: 24.15vw;
        height: auto;
    }
    #BRD .BRD_tx_04{
        font-size: 1.23vw;
        line-height: 2.46vw;
        text-align: center;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #BRD{
        background-color: #302F2F;
        color: #fff;
        padding: 100px 0;
        overflow: hidden;
    }
    #BRD .BRD_tx_01{
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 50px 0;
    }
    #BRD .BRD_01{
        width: 300px;
        height: auto;
    }
    #BRD .BRD_tx_02{
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        margin: 50px 0 60px 0;
    }
    #BRD .BRD_loop_01{
        width: 3000px;
        height: auto;
        display: block;
    }
    #BRD .BRD_loop_02{
        width: 3000px;
        height: auto;
        display: block;
    }
    #BRD .BRD_box_01{
        width: 1200px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch;
        gap: 20px;
        margin: 70px 0 0 0;
    }
    #BRD .BRD_box_02{
        width: 590px;
        display: flex;
        flex-direction: column;
    }
    #BRD .BRD_box_03{
        width: 100%;
        flex: 1;
        background-color: #212124;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        gap: 20px;
        padding: 40px;
        margin: 20px 0 0 0;
    }
    #BRD .BRD_tx_03{
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #BRD .BRD_tx_03::before,
    #BRD .BRD_tx_03::after{
        content: '';
        flex: 1;
        height: 1px;
        background-color: #fff;
    }
    #BRD .BRD_02{
        width: 314px;
        height: auto;
    }
    #BRD .BRD_tx_04{
        font-size: 16px;
        line-height: 32px;
        text-align: center;
    }
}

/* ----------------------------------------- */
/* SPT */
@media screen and (max-width:767px) { /*SP*/
    #SPT{
        background-color: #F9F9F5;
        /* padding: 60px 0 60px 0; */
        padding: 16vw 0 16vw 0;
    }
    #SPT .SPT_tx_01{
        /* font-size: 30px; */
        font-size: 8vw;
        /* line-height: 44px; */
        line-height: 11.73vw;
        text-align: center;
    }
    #SPT .SPT_tx_02{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
        /* margin: 45px 0 45px 0; */
        margin: 12vw 0 12vw 0;
        text-align: center;
    }
    #SPT .SPT_link{
        /* width: 325px; */
        width: 86.67vw;
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 23px; */
        line-height: 6.13vw;
        text-decoration: none;
        /* border-bottom: 1px solid #000; */
        border-bottom: 0.27vw solid #000;
        /* padding: 20px 0 20px 0; */
        padding: 5.33vw 0 5.33vw 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 0.3s;
        text-align: center;
    }
    #SPT .SPT_link:hover{
        color: #000;
        opacity: 0.5;
    }
    #SPT .SPT_link::after{
        content: '';
        display: block;
        /* width: 16px; */
        width: 4.27vw;
        /* height: 16px; */
        height: 4.27vw;
        background-image: url('../img/COMMON_mark_link.webp');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #SPT .SPT_box_01{
        /* width: 325px; */
        width: 86.67vw;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #SPT{
        background-color: #F9F9F5;
        padding: 10vw 0 10vw 0;
    }
    #SPT .SPT_tx_01{
        font-size: 3.23vw;
        line-height: 3.69vw;
    }
    #SPT .SPT_tx_02{
        font-size: 1.54vw;
        line-height: 2.46vw;
        margin: 3.46vw 0 3.46vw 0;
    }
    #SPT .SPT_link{
        width: 45.38vw;
        font-size: 1.54vw;
        line-height: 2.46vw;
        text-decoration: none;
        border-bottom: 0.08vw solid #000;
        padding: 1.54vw 0 1.54vw 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    #SPT .SPT_link:hover{
        color: #000;
        opacity: 0.5;
    }
    #SPT .SPT_link::after{
        content: '';
        display: block;
        width: 1.23vw;
        height: 1.23vw;
        background-image: url('../img/COMMON_mark_link.webp');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #SPT .SPT_box_01{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 1.54vw;
        margin: 1.54vw 0 0 0;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #SPT{
        background-color: #F9F9F5;
        padding: 130px 0 130px 0;
    }
    #SPT .SPT_tx_01{
        font-size: 42px;
        line-height: 48px;
    }
    #SPT .SPT_tx_02{
        font-size: 20px;
        line-height: 32px;
        margin: 45px 0 45px 0;
    }
    #SPT .SPT_link{
        width: 590px;
        font-size: 20px;
        line-height: 32px;
        text-decoration: none;
        border-bottom: 1px solid #000;
        padding: 20px 0 20px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    #SPT .SPT_link:hover{
        color: #000;
        opacity: 0.5;
    }
    #SPT .SPT_link::after{
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background-image: url('../img/COMMON_mark_link.webp');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #SPT .SPT_box_01{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 20px;
        margin: 20px 0 0 0;
    }
}

/* ----------------------------------------- */
/* PRJ */
.PRJ_link_none{
    pointer-events: none;
    /* opacity: 0.5; */
}
@media screen and (max-width:767px) { /*SP*/
    #PRJ{
        background-color: #302F2F;
        color: #fff;
        /* padding: 60px 0 60px 0; */
        padding: 16vw 0 16vw 0;
    }
    #PRJ .PRJ_tx_01{
        /* font-size: 30px; */
        font-size: 8vw;
        /* line-height: 48px; */
        line-height: 12.8vw;
        text-align: center;
    }
    #PRJ .PRJ_tx_02{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
        /* margin: 20px 0 30px 0; */
        margin: 5.33vw 0 8vw 0;
        text-align: center;
    }
    #PRJ .PRJ_box_01{
        /* width: 325px; */
        width: 86.67vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* gap: 20px; */
        gap: 5.33vw;
    }
    #PRJ .PRJ_link_01{
        /* width: 325px; */
        width: 86.67vw;
        background-color: #F9F9F5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 0 0 0px 0;
        transition: 0.3s;
        text-decoration: none;
    }
    #PRJ .PRJ_link_01:hover{
        opacity: 0.5;
        color: #000;
    }
    #PRJ .PRJ_img{
        width: 100%;
        height: auto;
    }
    #PRJ .PRJ_link{
        /* width: 16px; */
        width: 4.27vw;
        height: auto;
        position: absolute;
        /* bottom: 20px; */
        bottom: 5.33vw;
        /* right: 20px; */
        right: 5.33vw;
    }
    #PRJ .PRJ_tx_03{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 16px; */
        line-height: 4.27vw;
        color: #0078BE;
        font-family: 'Outfit', sans-serif;
        /* margin: 30px 0 10px 0; */
        margin: 8vw 0 2.67vw 0;
    }
    #PRJ .PRJ_tx_04{
        /* font-size: 18px; */
        font-size: 4.8vw;
        /* line-height: 18px; */
        line-height: 4.8vw;
        /* margin: 0 0 60px 0; */
        margin: 0 0 16vw 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #PRJ{
        background-color: #302F2F;
        color: #fff;
        padding: 9.23vw 0 9.23vw 0;
    }
    #PRJ .PRJ_tx_01{
        font-size: 3.23vw;
        line-height: 3.69vw;
        text-align: center;
    }
    #PRJ .PRJ_tx_02{
        font-size: 1.54vw;
        line-height: 2.46vw;
        margin: 3.08vw 0 4.62vw 0;
        text-align: center;
    }
    #PRJ .PRJ_box_01{
        width: 92.31vw;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        gap: 1.54vw;
    }
    #PRJ .PRJ_link_01{
        width: 29.69vw;
        background-color: #F9F9F5;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: relative;
        padding: 0 0 1.54vw 0;
        transition: 0.3s;
        text-decoration: none;
    }
    #PRJ .PRJ_link_01:hover{
        opacity: 0.5;
        color: #000;
    }
    #PRJ .PRJ_img{
        width: 29.69vw;
        height: auto;
    }
    #PRJ .PRJ_link{
        width: 1.23vw;
        height: auto;
        position: absolute;
        bottom: 1.54vw;
        right: 1.54vw;
    }
    #PRJ .PRJ_tx_03{
        font-size: 1.23vw;
        line-height: 1.23vw;
        color: #0078BE;
        font-family: 'Outfit', sans-serif;
        margin: 2.31vw 0 1.54vw 0;
    }
    #PRJ .PRJ_tx_04{
        font-size: 1.85vw;
        line-height: 1.85vw;
        margin: 0 0 4.62vw 0;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #PRJ{
        background-color: #302F2F;
        color: #fff;
        padding: 120px 0 120px 0;
    }
    #PRJ .PRJ_tx_01{
        font-size: 42px;
        line-height: 48px;
        text-align: center;
    }
    #PRJ .PRJ_tx_02{
        font-size: 20px;
        line-height: 32px;
        margin: 40px 0 60px 0;
        text-align: center;
    }
    #PRJ .PRJ_box_01{
        width: 1200px;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
        gap: 20px;
    }
    #PRJ .PRJ_link_01{
        width: 386px;
        background-color: #F9F9F5;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: relative;
        padding: 0 0 20px 0;
        transition: 0.3s;
        text-decoration: none;
    }
    #PRJ .PRJ_link_01:hover{
        opacity: 0.5;
        color: #000;
    }
    #PRJ .PRJ_img{
        width: 386px;
        height: auto;
    }
    #PRJ .PRJ_link{
        width: 16px;
        height: auto;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    #PRJ .PRJ_tx_03{
        font-size: 16px;
        line-height: 16px;
        color: #0078BE;
        font-family: 'Outfit', sans-serif;
        margin: 30px 0 20px 0;
    }
    #PRJ .PRJ_tx_04{
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 60px 0;
    }
}

/* ----------------------------------------- */
/* HME */
#HME .HME_open,
#HME .HME_close {
    transition: transform 0.3s ease;
    transform-origin: center;
}
#HME .HME_box_01:hover .HME_open,
#HME .HME_box_01:hover .HME_close {
    transform: rotate(90deg);
}
@media screen and (max-width:767px) { /*SP*/
    #HME{
        background-color: #F9F9F5;
        /* padding: 0 0 60px 0; */
        padding: 0 0 16vw 0;
    }
    #HME .HME_01{
        /* width: 245px; */
        width: 65.33vw;
        height: auto;
        /* margin: 90px 0 0 0; */
        margin: 24vw 0 0 0;
    }
    #HME .HME_tx_01{
        /* font-size: 30px; */
        font-size: 8vw;
        /* line-height: 42px; */
        line-height: 11.2vw;
        text-align: center;
        /* margin: 40px 0 30px 0; */
        margin: 10.67vw 0 8vw 0;
    }
    #HME .HME_tx_02{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 30px; */
        line-height: 8vw;
        text-align: center;
        /* margin: 0 0 30px 0; */
        margin: 0 0 8vw 0;
    }
    #HME .HME_box_01{
        /* width: 325px; */
        width: 86.67vw;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        /* border-bottom: 1px solid #000; */
        border-bottom: 0.27vw solid #000;
        /* padding: 20px 0 15px 0; */
        padding: 5.33vw 0 4vw 0;
        /* margin: 0 0 40px 0; */
        margin: 0 0 10.67vw 0;
        transition: 0.3s;
    }
    #HME .HME_box_01:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    #HME .HME_tx_03{
        /* font-size: 16px; */
        font-size: 4.27vw;
        /* line-height: 16px; */
        line-height: 4.27vw;
    }
    #HME .HME_close{
        /* width: 18px; */
        width: 4.8vw;
        height: auto;
    }
    #HME .HME_box_02{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    #HME .HME_close{
        width: 24px;
        height: auto;
        margin: 0 0 0 10px;
    }
    #HME .HME_open{
        width: 24px;
        height: auto;
        margin: 0 0 0 10px;
    }
    #HME .HME_accordion{
        /* width: 325px; */
        width: 86.67vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* gap: 40px; */
        gap: 10.67vw;
    }
    #HME .HME_panel_01{
        width: 100%;
        background-color: #fff;
        /* padding: 50px 30px; */
        padding: 13.33vw 8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #HME .HME_panel_02{
        width: 100%;
        background-color: #fff;
        /* padding: 50px 30px; */
        padding: 13.33vw 8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #HME .HME_panel_03{
        width: 100%;
        background-color: #fff;
        /* padding: 50px 30px; */
        padding: 13.33vw 8vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #HME .HME_02{
        /* width: 215px; */
        width: 57.33vw;
        height: auto;
        /* margin: 40px 0 40px 0; */
        margin: 10.67vw 0 10.67vw 0;
    }
    #HME .HME_03{
        /* width: 275px; */
        width: 73.33vw;
        height: auto;
        /* margin: 40px 0 40px 0; */
        margin: 10.67vw 0 10.67vw 0;
    }
    #HME .HME_04{
        /* width: 265px; */
        width: 70.67vw;
        height: auto;
        /* margin: 40px 0 40px 0; */
        margin: 10.67vw 0 10.67vw 0;
    }
    #HME .HME_tx_04{
        font-family: 'Outfit', sans-serif;
        /* font-size: 18px; */
        font-size: 4.8vw;
        /* line-height: 36px; */
        line-height: 9.6vw;
        text-align: center;
    }
    #HME .HMW_tx_color_01{
        color: #0078BE;
    }
    #HME .HMW_tx_color_02{
        color: #008C4F;
    }
    #HME .HMW_tx_color_03{
        color: #DC000C;
    }
    #HME .HME_tx_05{
        /* font-size: 10px; */
        font-size: 2.67vw;
        /* line-height: 28px; */
        line-height: 7.47vw;
        text-align: center;
    }
    #HME .HME_tx_06{
        /* font-size: 14px; */
        font-size: 3.73vw;
        /* line-height: 27px; */
        line-height: 7.2vw;
        text-align: center;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #HME{
        background-color: #F9F9F5;
        padding: 0 0 9.23vw 0;
    }
    #HME .HME_01{
        width: 30.77vw;
        height: auto;
        margin: 10vw 0 0 0;
    }
    #HME .HME_tx_01{
        font-size: 3.23vw;
        line-height: 4.46vw;
        text-align: center;
        margin: 3.08vw 0 2.31vw 0;
    }
    #HME .HME_tx_02{
        font-size: 1.54vw;
        line-height: 2.46vw;
        text-align: center;
        margin: 0 0 4.62vw 0;
    }
    #HME .HME_box_01{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        position: relative;
        border-bottom: 0.08vw solid #000;
        padding: 1.54vw 0 0.77vw 0;
        margin: 0 0 3.08vw 0;
        transition: 0.3s;
    }
    #HME .HME_box_01:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    #HME .HME_tx_03{
        font-size: 1.54vw;
        line-height: 1.54vw;
    }
    #HME .HME_box_02{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    #HME .HME_close{
        /* width: 24px; */
        width: 1.85vw;
        height: auto;
        /* margin: 0 0 0 10px; */
        margin: 0 0 0 0.77vw;
    }
    #HME .HME_open{
        /* width: 24px; */
        width: 1.85vw;
        height: auto;
        /* margin: 0 0 0 10px; */
        margin: 0 0 0 0.77vw;
    }
    #HME .HME_accordion{
        width: 100%;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        gap: 3.08vw;
    }
    #HME .HME_panel_01{
        width: 100%;
        background-color: #fff;
        padding: 3.85vw 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_panel_02{
        width: 100%;
        background-color: #fff;
        padding: 3.85vw 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_panel_03{
        width: 100%;
        background-color: #fff;
        padding: 3.85vw 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_02{
        width: 75.69vw;
        height: auto;
        margin: 3.08vw 0 3.08vw 0;
    }
    #HME .HME_03{
        width: 56.62vw;
        height: auto;
        margin: 3.08vw 0 3.08vw 0;
    }
    #HME .HME_04{
        width: 60.15vw;
        height: auto;
        margin: 3.08vw 0 3.08vw 0;
    }
    #HME .HME_tx_04{
        font-family: 'Outfit', sans-serif;
        font-size: 1.85vw;
        line-height: 2.77vw;
        text-align: center;
    }
    #HME .HMW_tx_color_01{
        color: #0078BE;
    }
    #HME .HMW_tx_color_02{
        color: #008C4F;
    }
    #HME .HMW_tx_color_03{
        color: #DC000C;
    }
    #HME .HME_tx_05{
        font-size: 0.92vw;
        line-height: 2.15vw;
        text-align: center;
    }
    #HME .HME_tx_06{
        font-size: 1.23vw;
        line-height: 2.46vw;
        text-align: center;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #HME{
        background-color: #F9F9F5;
        padding: 0 0 120px 0;
    }
    #HME .HME_01{
        width: 400px;
        height: auto;
        margin: 130px 0 0 0;
    }
    #HME .HME_tx_01{
        font-size: 42px;
        line-height: 58px;
        text-align: center;
        margin: 40px 0 30px 0;
    }
    #HME .HME_tx_02{
        font-size: 20px;
        line-height: 32px;
        text-align: center;
        margin: 0 0 60px 0;
    }
    #HME .HME_box_01{
        width: 100%;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        position: relative;
        border-bottom: 1px solid #000;
        padding: 20px 0 10px 0;
        margin: 0 0 40px 0;
        transition: 0.3s;
    }
    #HME .HME_box_01:hover{
        opacity: 0.5;
        cursor: pointer;
    }
    #HME .HME_tx_03{
        font-size: 20px;
        line-height: 20px;
    }
    #HME .HME_box_02{
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
    }
    #HME .HME_close{
        width: 24px;
        height: auto;
        margin: 0 0 0 10px;
    }
    #HME .HME_open{
        width: 24px;
        height: auto;
        margin: 0 0 0 10px;
    }
    #HME .HME_accordion{
        width: 100%;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        gap: 40px;
    }
    #HME .HME_panel_01{
        width: 100%;
        background-color: #fff;
        padding: 50px 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_panel_02{
        width: 100%;
        background-color: #fff;
        padding: 50px 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_panel_03{
        width: 100%;
        background-color: #fff;
        padding: 50px 0;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    #HME .HME_02{
        width: 984px;
        height: auto;
        margin: 40px 0 40px 0;
    }
    #HME .HME_03{
        width: 736px;
        height: auto;
        margin: 40px 0 40px 0;
    }
    #HME .HME_04{
        width: 782px;
        height: auto;
        margin: 40px 0 40px 0;
    }
    #HME .HME_tx_04{
        font-family: 'Outfit', sans-serif;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }
    #HME .HMW_tx_color_01{
        color: #0078BE;
    }
    #HME .HMW_tx_color_02{
        color: #008C4F;
    }
    #HME .HMW_tx_color_03{
        color: #DC000C;
    }
    #HME .HME_tx_05{
        font-size: 12px;
        line-height: 28px;
        text-align: center;
    }
    #HME .HME_tx_06{
        font-size: 16px;
        line-height: 32px;
        text-align: center;
    }
}

/* ----------------------------------------- */
/* PLT */
@media screen and (max-width:767px) { /*SP*/
    #PLT{
        background-color: #302F2F;
        color: #fff;
        padding: 50px 0;
    }
    #PLT .PLT_01{
        width: 285px;
        height: auto;
    }
    #PLT .PLT_box{
        width: 375px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 30px 0 40px 0;
    }
    #PLT .PLT_link{
        transition: 0.3s;
    }
    #PLT .PLT_link:hover{
        opacity: 0.5;
    }
    #PLT .PLT_bn{
        width: 104px;
        height: auto;
        display: block;
    }
    #PLT .PLT_tx_01{
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        margin: 0 0 30px 0;
    }
    #PLT .PLT_tx_01 span{
        font-size: 10px;
    }
    #PLT .PLT_tx_02{
        font-size: 14px;
        line-height: 28px;
        text-align: center;
    }
}
@media screen and (min-width:768px) and ( max-width:1300px) { /*TB*/
    #PLT{
        background-color: #302F2F;
        color: #fff;
        padding: 3.85vw 0;
    }
    #PLT .PLT_01{
        width: 30.77vw;
        height: auto;
    }
    #PLT .PLT_box{
        width: 92.31vw;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 1.54vw;
        margin: 2.31vw 0 3.08vw 0;
    }
    #PLT .PLT_link{
        transition: 0.3s;
    }
    #PLT .PLT_link:hover{
        opacity: 0.5;
    }
    #PLT .PLT_bn{
        width: 17.23vw;
        height: auto;
    }
    #PLT .PLT_tx_01{
        font-size: 1.85vw;
        line-height: 2.77vw;
        text-align: center;
        margin: 0 0 2.31vw 0;
    }
    #PLT .PLT_tx_01 span{
        /* font-size: 18px; */
        font-size: 1.38vw;
    }
    #PLT .PLT_tx_02{
        font-size: 1.23vw;
        line-height: 2.46vw;
        text-align: center;
    }
}
@media screen and (min-width:1301px) , print { /*PC*/
    #PLT{
        background-color: #302F2F;
        color: #fff;
        padding: 50px 0;
    }
    #PLT .PLT_01{
        width: 400px;
        height: auto;
    }
    #PLT .PLT_box{
        width: 1200px;
        display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
        gap: 20px;
        margin: 30px 0 40px 0;
    }
    #PLT .PLT_link{
        transition: 0.3s;
    }
    #PLT .PLT_link:hover{
        opacity: 0.5;
    }
    #PLT .PLT_bn{
        width: 224px;
        height: auto;
    }
    #PLT .PLT_tx_01{
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        margin: 0 0 30px 0;
    }
    #PLT .PLT_tx_01 span{
        font-size: 18px;
    }
    #PLT .PLT_tx_02{
        font-size: 16px;
        line-height: 32px;
        text-align: center;
    }
}