@charset "UTF-8";

/*------------------------------------------------*/

/* 768 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) , print { /*PC&TB*/
}

/* 1600 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
}
@media screen and (min-width:1601px) , print { /*PC*/
}

/* 1660 */
@media screen and (max-width:767px) { /*SP*/
}
@media screen and (min-width:768px) and ( max-width:1500px) { /*TB*/
}
@media screen and (min-width:1501px) and ( max-width:1660px) { /*TB*/
}
@media screen and (min-width:1661px) , print { /*PC*/
}

/*------------------------------------------------*/

/* RMT */
@media screen and (max-width:767px) { /*SP*/
    .RMT_bg{
        width: 100%;
        display: flex; 
        flex-direction: column; 
        justify-content: flex-start; 
        align-items: center;
        background-image:
        url('../img/RMT_bg_01_sp.webp'),
        url('../img/RMT_bg_03_sp.webp'),
        url('../img/RMT_bg_02_sp.webp');
        background-size:
        /* 375px, */
        90.58vw,
        /* 375px, */
        90.58vw,
        /* 375px; */
        90.58vw;
        background-position:
        /* calc(50% + 2px) top, */
        calc(50% + 0.48vw) top,
        /* calc(50% + 2px) bottom, */
        calc(50% + 0.48vw) bottom,
        /* calc(50% + 2px) top; */
        calc(50% + 0.48vw) top;
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y;
        /* margin: 70px 0 0 0; */
        margin: 16.91vw 0 0 0;
    }
    .RMT_bgColor{background-color: #eaeaea;}
    #RMT{
        /* width: 414px; */
        width: 100.00vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 0 0 0 0; */
        margin: 0 0 0 0;
    }
    .RMT_title{
        /* width: 344.5px; */
        width: 83.21vw;
        /* margin: 80px 0 0 0; */
        margin: 19.32vw 0 0 0;
    }
    .RMT_title_02{
        /* width: 333px; */
        width: 80.43vw;
        /* margin: 100px 0 0 0; */
        margin: 24.15vw 0 0 0;
    }
    .RMT_tx_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        /* font-size: 30px; line-height: 60px; letter-spacing: 15px; */
        font-size: 7.25vw; line-height: 14.49vw; letter-spacing: 3.62vw;
        color: #000; font-weight: 300;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    .RMT_tx_02{
        text-align: center;
        /* font-size: 15px; line-height: 32px; */
        font-size: 3.62vw; line-height: 7.73vw;
        color: #000; font-weight: 400;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    .RMT_box_01{
        /* width: 364px; */
        width: 87.92vw;
        display: flex; flex-wrap: wrap; justify-content: space-between;
        position: relative;
        /* margin: 80px 0 60px 0; */
        margin: 19.32vw 0 14.49vw 0;
    }
    /* ------------------ */
    .RMT_box_01a{
        /* width: 364px; */
        width: 87.92vw;
        display: flex; flex-wrap: wrap; justify-content: space-between;
        position: relative;
        /* margin: 30px 0 60px 0; */
        margin: 7.25vw 0 14.49vw 0;
    }
    .RMT_link{
        /* width: calc((100% - 20px) / 2); */
        width: calc((100% - 4.83vw) / 2);
        /* height: 60px; */
        height: 14.49vw;
        /* font-size: 24px; font-weight: 500; color: #fff; */
        font-size: 5.80vw; font-weight: 500; color: #fff;
        /* border-radius: 50px; */
        border-radius: 12.08vw;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 16px 0; */
        padding: 0 0 3.86vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 0 0 20px 0; */
        margin: 0 0 4.83vw 0;
    }
    .RMT_link:hover{
        opacity: 0.75;
    }
    .RMT_link:after {
        content: ""; 
        display: block;
        /* width: 20px; */
        width: 4.83vw;
        /* height: 20px; */
        height: 4.83vw;
        background-image: url('../img/RMT_link_d.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: 13px; */
        right: 3.14vw;
        /* bottom: 20px; */
        bottom: 4.83vw;
    }
    .RMT_link span{
        /* font-size: 34px; font-weight: 500; */
        font-size: 8.21vw; font-weight: 500;
        /* line-height: 1; display: inline-block; margin: 0 0 -1px 0; */
        line-height: 1; display: inline-block; margin: 0 0 -0.24vw 0;
    }
    .RMT_link2{
        color: #000;
        background-color: #fff;
        /* border: 3px solid #009FCC; */
        border: 0.72vw solid #009FCC;
        display: flex; justify-content: center; align-items: center;
        /* font-size: 14px; */
        font-size: 3.38vw;
        /* padding: 0 0 1px 0; */
        padding: 0 0 0.24vw 0;
        text-align: center;
        line-height: 1.2em;
    }
    .RMT_link2:after {
        content: "";
        display: block;
        /* width: 20px; */
        width: 4.83vw;
        /* height: 20px; */
        height: 4.83vw;
        background-image: url(../img/RMT_link_d_p.webp);
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        /* right: 13px; */
        right: 3.14vw;
        /* bottom: 17px; */
        bottom: 4.11vw;
    }
    .RMT_link_comingsoon{
        pointer-events: none!important;
        background-color: #CFCECF!important;
        color: #333!important;
        border: none!important;
        /* padding: 0 0 22px 0; */
        padding: 0 0 5.31vw 0;
    }
    .RMT_link_comingsoon:after {
        content: ""; 
        display: block!important;
        /* width: calc( 90px * 0.75 )!important; */
        width: calc( 21.74vw * 0.75 )!important;
        /* height:  calc( 15px * 0.75 )!important; */
        height:  calc( 3.62vw * 0.75 )!important;
        background-image: url('../img/RMT_link_comingsoon.webp')!important;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        position: absolute!important; 
        /* right: calc( 50% - ( ( 90px * 0.75 ) / 2 ) )!important; */
        right: calc( 50% - ( ( 21.74vw * 0.75 ) / 2 ) )!important;
        /* bottom: 8px!important; */
        bottom: 1.93vw!important;
    }
    .RMT_link2_pd {
        /* padding: 0 0 14px 0; */
        padding: 0 0 3.38vw 0;
    }

    /* ------------------ */
    .RMT_typeset{
        /* width: 376px; */
        width: 90.82vw;
        /* border-radius: 20px; */
        border-radius: 4.84vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
        /* padding: 40px 40px 60px 40px; */
        padding: 9.66vw 9.66vw 14.49vw 9.66vw;
        position: relative;
        background-image:
        url('../img/RMT_bg_01_sp.webp'),
        url('../img/RMT_bg_03_sp.webp'),
        url('../img/RMT_bg_02_sp.webp');
        background-size:
        /* 376px, */
        90.82vw,
        /* 376px, */
        90.82vw,
        /* 376px; */
        90.82vw;
        background-position:
        /* calc(50% + 2px) top, */
        calc(50% + 0.48vw) top,
        /* calc(50% + 2px) bottom, */
        calc(50% + 0.48vw) bottom,
        /* calc(50% + 2px) top; */
        calc(50% + 0.48vw) top;
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y;
    }
    .RMT_typetext{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        /* font-size: 28px; letter-spacing: 5px; */
        font-size: 6.76vw; letter-spacing: 1.21vw;
        width: 100%;
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.48vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 2.42vw 0;
        text-align: center;
    }
    .RMT_typetext span{
        /* font-size: 42px; */
        font-size: 10.14vw;
    }
    .RMT_typebox{
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
        /* padding: 50px 0 0 0; */
        padding: 12.08vw 0 0 0;
    }
    .RMT_img{
        /* width: calc( 450px * 0.3 ); */
        width: calc( 108.70vw * 0.3 );
    }
    .RMT_typebox_r{
        /* width: 140px; margin: 0 0 0 20px; */
        width: 33.82vw; margin: 0 0 0 4.83vw;
    }
    .RMT_detail{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        /* font-size: 16px; letter-spacing: 2px; */
        font-size: 3.86vw; letter-spacing: 0.48vw;
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.48vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 2.42vw 0;
        text-align: center;
    }
    .RMT_detail span{
        /* font-size: 22px; letter-spacing: 5px; */
        font-size: 5.31vw; letter-spacing: 1.21vw;
    }
    .RMT_area{
        /* font-size: 14px; font-weight: 400; */
        font-size: 3.38vw; font-weight: 400;
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.48vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 2.42vw 0;
        /* margin: 10px 0 0 0; */
        margin: 2.42vw 0 0 0;
        text-align: center;
    }
    .RMT_bt{
        /* width: 140px; */
        width: 33.82vw;
        /* height: 60px; */
        height: 14.49vw;
        /* font-size: 15px; font-weight: 500; color: #000; */
        font-size: 3.62vw; font-weight: 500; color: #fff;
        /* border-radius: 5px; */
        border-radius: 1.21vw;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 32px 0; */
        padding: 0 0 7.73vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    .RMT_bt:hover{
        opacity: 0.75;
    }
    .RMT_bt:after {
        content: ""; 
        display: block;
        /* width: 16px; */
        width: 3.86vw;
        /* height: 16px; */
        height: 3.86vw;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 8px ); */
        right: calc( 50% - 1.93vw );
        /* bottom: 8px; */
        bottom: 1.93vw;
    }
    .RMT_vr{
        /* width: 140px; */
        width: 33.82vw;
        /* height: 60px; */
        height: 14.49vw;
        /* font-size: 15px; font-weight: 500; color: #000; */
        font-size: 3.62vw; font-weight: 500; color: #000;
        /* border-radius: 5px; */
        border-radius: 1.21vw;
        background-color: #80CFE5;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 32px 0; */
        padding: 0 0 7.73vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
    }
    .RMT_vr:hover{
        opacity: 0.75;
    }
    .RMT_vr:after {
        content: ""; 
        display: block;
        /* width: 16px; */
        width: 3.86vw;
        /* height: 16px; */
        height: 3.86vw;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 8px ); */
        right: calc( 50% - 1.93vw );
        /* bottom: 8px; */
        bottom: 1.93vw;
    }
    .RMT_tx_03{
        /* font-size: 28px; font-weight: 400; */
        font-size: 6.76vw; font-weight: 400;
        /* margin: 120px 0 0 0; letter-spacing: 5px; */
        margin: 28.99vw 0 0 0; letter-spacing: 1.21vw;
    }
    .RMT_tx_04{
        /* font-size: 28px; font-weight: 400; */
        font-size: 6.76vw; font-weight: 400;
        /* margin: 60px 0 0 0; letter-spacing: 5px; */
        margin: 14.49vw 0 0 0; letter-spacing: 1.21vw;
    }
    .RMT_tx_comingsoon{
        /* width: 300px; height: 50px; background-color: #666; border-radius: 30px; */
        width: 72.46vw; height: 12.08vw; background-color: #666; border-radius: 7.25vw;
        /* font-size: 16px; font-weight: 400; */
        font-size: 3.86vw; font-weight: 400;
        color: #fff;
        display: flex; justify-content: center; align-items: center;
        /* padding: 0 0 3px 0; */
        padding: 0 0 0.72vw 0;
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
    
    /* color type */
    .RMT_color_01{
        background-color: #BEA687;
    }
    .RMT_color_02{
        background-color: #9C6845;
    }
    .RMT_color_03{
        background-color: #613F28;
    }
    .RMT_ct_box{
        display: flex; flex-direction: column-reverse; justify-content: center; align-items: center;
        /* width: 414px; */
        width: 100.00vw;
        /* margin: 20px 0 0 0; */
        margin: 4.83vw 0 0 0;
    }
    .RMT_ct_box_01{
        /* width: 414px; */
        width: 100.00vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .RMT_ct_tx{
        color: #fff;
        /* font-size: 13px; font-weight: 400; */
        font-size: 3.14vw; font-weight: 400;
        text-align: center;
        /* line-height: 30px; */
        line-height: 7.25vw;
        /* margin: 30px 0 30px 0; */
        margin: 7.25vw 0 7.25vw 0;
    }
    .RMT_ct_01a,.RMT_ct_02a,.RMT_ct_03a{
        /* width: 414px; */
        width: 100.00vw;
    }
    .RMT_ct_01b,.RMT_ct_02b,.RMT_ct_03b{
        display: none;
    }
    .RMT_ct_01title{
        /* width: 96px; */
        width: 23.19vw;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_ct_02title{
        /* width: 128px; */
        width: 30.92vw;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_ct_03title{
        /* width: 80px; */
        width: 19.32vw;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .RMT_bg{
        /* width: 1208px; */
        width: 75.50vw;
        display: flex; 
        flex-direction: column; 
        justify-content: flex-start; 
        align-items: center;
        background-image:
        url('../img/RMT_bg_01_pc.webp'),
        url('../img/RMT_bg_03_pc.webp'),
        url('../img/RMT_bg_02_pc.webp');
        background-size:
        /* 1208px, */
        75.50vw,
        /* 1208px, */
        75.50vw,
        /* 1208px; */
        75.50vw;
        background-position:
        /* calc(50% + 0px) top, */
        calc(50% + 0.00vw) top,
        /* calc(50% + 0px) bottom, */
        calc(50% + 0.00vw) bottom,
        /* calc(50% + 0px) top; */
        calc(50% + 0.00vw) top;
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
    .RMT_bgColor{background-color: #eaeaea;}
    #RMT{
        /* width: 1200px; */
        width: 75.00vw;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        /* margin: 0 0 0 0; */
        margin: 0 0 0 0;
    }
    .RMT_title{
        /* width: calc(660px*0.84); */
        width: calc(41.25vw*0.84);
        /* margin: 120px 0 0 0; */
        margin: 7.50vw 0 0 0;
    }
    .RMT_title_02{
        /* width: 636px; */
        width: 39.75vw;
        /* margin: 190px 0 0 0; */
        margin: 11.88vw 0 0 0;
    }
    .RMT_tx_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        /* font-size: 50px; line-height: 60px; letter-spacing: 15px; */
        font-size: 3.13vw; line-height: 3.75vw; letter-spacing: 0.94vw;
        color: #000; font-weight: 300;
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
    .RMT_tx_02{
        text-align: center;
        /* font-size: 16px; line-height: 32px; */
        font-size: 1.00vw; line-height: 2.00vw;
        color: #000; font-weight: 400;
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
    .RMT_box_01{
        /* width: 1060px; */
        width: 66.25vw;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        position: relative;
        /* margin: 130px 0 60px 0; */
        margin: 8.13vw 0 3.75vw 0;
    }
    /* -------------------- */
    .RMT_box_01a{
        /* width: 1060px; */
        width: 66.25vw;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        position: relative;
        /* margin: 50px 0 60px 0; */
        margin: 3.13vw 0 3.75vw 0;
    }
    .RMT_link{
        /* width: calc( ( 100% - ( 20px * 2 ) ) / 3 ); */
        width: calc( ( 100% - ( 1.25vw * 2 ) ) / 3 );
        /* height: 90px; */
        height: 5.63vw;
        /* font-size: 24px; font-weight: 500; color: #fff; */
        font-size: 1.50vw; font-weight: 500; color: #fff;
        /* border-radius: 5px; */
        border-radius: 0.31vw;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 40px 0; */
        padding: 0 0 2.50vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 0 20px 20px 0; */
        margin: 0 1.25vw 1.25vw 0;
    }
    .RMT_link:nth-child(3n){
        /* margin: 0 0 20px 0; */
        margin: 0 0 1.25vw 0;
    }
    .RMT_link:hover{
        opacity: 0.75;
    }
    .RMT_link:after {
        content: ""; 
        display: block;
        /* width: 20px; */
        width: 1.25vw;
        /* height: 20px; */
        height: 1.25vw;
        background-image: url('../img/RMT_link_d.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 10px ); */
        right: calc( 50% - 0.63vw );
        /* bottom: 10px; */
        bottom: 0.63vw;
    }
    .RMT_link span{
        /* font-size: 34px; font-weight: 500; */
        font-size: 2.13vw; font-weight: 500;
        /* line-height: 1; display: inline-block; margin: 0 0 -1px 0; */
        line-height: 1; display: inline-block; margin: 0 0 -0.06vw 0;
    }
    .RMT_link_comingsoon{
        pointer-events: none!important;
        background-color: #CFCECF!important;
        color: #333!important;
        border: none!important;
    }
    .RMT_link_comingsoon:after {
        content: ""; 
        display: block;
        /* width: 90px; */
        width: 5.63vw!important;
        /* height: 15px; */
        height: 0.94vw!important;
        background-image: url('../img/RMT_link_comingsoon.webp')!important;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        position: absolute!important; 
        /* right: calc( 50% - 45px ); */
        right: calc( 50% - 2.81vw )!important;
        /* bottom: 14px; */
        bottom: 0.88vw!important;
    }
    .RMT_link2{
        color: #000;
        background-color: #fff;
        /* border: 3px solid #009FCC; */
        border: 0.19vw solid #009FCC;
    }
    .RMT_link2:hover{
        opacity: 0.5;
    }
    .RMT_link2:after {
        content: ""; 
        display: block;
        /* width: 20px; */
        width: 1.25vw;
        /* height: 20px; */
        height: 1.25vw;
        background-image: url('../img/RMT_link_d_p.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 10px ); */
        right: calc( 50% - 0.63vw );
        /* bottom: 10px; */
        bottom: 0.63vw;
    }
    .RMT_link2_pd {
        
    }
    /* -------------------- */
    .RMT_typeset{
        /* width: 1130px; */
        width: 70.63vw;
        /* background-color: #fff; */
        /* border-radius: 10px; */
        border-radius: 0.63vw;
        display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;
        /* margin: 50px 0 0 0; */
        margin: 3.13vw 0 0 0;
        /* padding: 150px 90px 50px 70px; */
        padding: 9.38vw 5.63vw 3.13vw 4.38vw;
        position: relative;
        background-image:
        url('../img/RMT_bg_01_pc.webp'),
        url('../img/RMT_bg_03_pc.webp'),
        url('../img/RMT_bg_02_pc.webp');
        background-size:
        /* 1130px, */
        70.63vw,
        /* 1130px, */
        70.63vw,
        /* 1130px; */
        70.63vw;
        background-position:
        /* calc(50% + 0px) top, */
        calc(50% + 0.00vw) top,
        /* calc(50% + 0px) bottom, */
        calc(50% + 0.00vw) bottom,
        /* calc(50% + 0px) top; */
        calc(50% + 0.00vw) top;
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y; 
    }
    .RMT_typetext{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        /* font-size: 48px; letter-spacing: 15px; */
        font-size: 3.00vw; letter-spacing: 0.94vw;
        /* width: calc( 100% - 100px ); */
        width: calc( 100% - 6.25vw );
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.13vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 0.63vw 0;
        text-align: center;
        position: absolute;
        /* top: 50px; */
        top: 3.13vw;
    }
    .RMT_typetext span{
        /* font-size: 62px; */
        font-size: 3.88vw;
    }
    .RMT_typebox{
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
        /* padding: 50px 0 50px 0; */
        padding: 3.13vw 0 3.13vw 0;
    }
    .RMT_img{
        /* width: calc( 450px * 0.45 ); */
        width: calc( 28.13vw * 0.45 );
        /* margin: 0 80px 0 0; */
        margin: 0 5.00vw 0 0;
    }
    .RMT_typebox_r{
        /* width: 205px; margin: 0 0 0 0px; */
        width: 12.81vw; margin: 0 0 0 0;
    }
    .RMT_detail{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        /* font-size: 22px; letter-spacing: 5px; */
        font-size: 1.38vw; letter-spacing: 0.31vw;
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.13vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 0.63vw 0;
        text-align: center;
    }
    .RMT_detail span{
        /* font-size: 42px; letter-spacing: 10px; */
        font-size: 2.63vw; letter-spacing: 0.63vw;
    }
    .RMT_area{
        /* font-size: 15px; font-weight: 400; */
        font-size: 0.94vw; font-weight: 400;
        /* border-bottom: 2px solid #333; */
        border-bottom: 0.13vw solid #333;
        /* padding: 0 0 10px 0; */
        padding: 0 0 0.63vw 0;
        /* margin: 10px 0 0 0; */
        margin: 0.63vw 0 0 0;
        text-align: center;
    }
    .RMT_bt{
        /* width: 205px; */
        width: 12.81vw;
        /* height: 70px; */
        height: 4.38vw;
        /* font-size: 15px; font-weight: 500; color: #000; */
        font-size: 0.94vw; font-weight: 500; color: #fff;
        /* border-radius: 5px; */
        border-radius: 0.31vw;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 40px 0; */
        padding: 0 0 2.50vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 70px 0 0 0; */
        margin: 4.38vw 0 0 0;
    }
    .RMT_bt:hover{
        opacity: 0.75;
    }
    .RMT_bt:after {
        content: ""; 
        display: block;
        /* width: 20px; */
        width: 1.25vw;
        /* height: 20px; */
        height: 1.25vw;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 10px ); */
        right: calc( 50% - 0.63vw );
        /* bottom: 10px; */
        bottom: 0.63vw;
    }
    .RMT_vr{
        /* width: 205px; */
        width: 12.81vw;
        /* height: 70px; */
        height: 4.38vw;
        /* font-size: 15px; font-weight: 500; color: #000; */
        font-size: 0.94vw; font-weight: 500; color: #000;
        /* border-radius: 5px; */
        border-radius: 0.31vw;
        background-color: #80CFE5;
        display: flex; justify-content: center; align-items: flex-end;
        /* padding: 0 0 40px 0; */
        padding: 0 0 2.50vw 0;
        position: relative;
        transition: 0.3s;
        /* margin: 20px 0 0 0; */
        margin: 1.25vw 0 0 0;
    }
    .RMT_vr:hover{
        opacity: 0.75;
    }
    .RMT_vr:after {
        content: ""; 
        display: block;
        /* width: 20px; */
        width: 1.25vw;
        /* height: 20px; */
        height: 1.25vw;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        /* right: calc( 50% - 10px ); */
        right: calc( 50% - 0.63vw );
        /* bottom: 10px; */
        bottom: 0.63vw;
    }
    .RMT_tx_03{
        /* font-size: 32px; font-weight: 400; */
        font-size: 2.00vw; font-weight: 400;
        /* margin: 160px 0 0 0; letter-spacing: 5px; */
        margin: 10.00vw 0 0 0; letter-spacing: 0.31vw;
    }
    .RMT_tx_04{
        /* font-size: 32px; font-weight: 400; */
        font-size: 2.00vw; font-weight: 400;
        /* margin: 60px 0 0 0; letter-spacing: 5px; */
        margin: 3.75vw 0 0 0; letter-spacing: 0.31vw;
    }
    .RMT_tx_comingsoon{
        /* width: 300px; height: 50px; background-color: #666; border-radius: 30px; */
        width: 18.75vw; height: 3.13vw; background-color: #666; border-radius: 1.88vw;
        /* font-size: 16px; font-weight: 400; */
        font-size: 1.00vw; font-weight: 400;
        color: #fff;
        display: flex; justify-content: center; align-items: center;
        /* padding: 0 0 3px 0; */
        padding: 0 0 0.19vw 0;
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
    
    /* color type */
    .RMT_color_01{
        background-color: #BEA687;
    }
    .RMT_color_02{
        background-color: #9C6845;
    }
    .RMT_color_03{
        background-color: #613F28;
    }
    .RMT_ct_box{
        display: flex; justify-content: center; align-items: center;
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
    .RMT_ct_box_01{
        /* width: 483px; */
        width: 30.19vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .RMT_ct_tx{
        color: #fff;
        /* font-size: 16px; */
        font-size: 1.00vw;
        font-weight: 400;
        text-align: center;
        /* line-height: 30px; */
        line-height: 1.88vw;
        /* margin: 30px 0 30px 0; */
        margin: 1.88vw 0 1.88vw 0;
    }
    .RMT_ct_01a,.RMT_ct_02a,.RMT_ct_03a{
        /* width: 697px; */
        width: 43.56vw;
        /* margin: 0 0 0 20px; */
        margin: 0 0 0 1.25vw;
    }
    .RMT_ct_01b,.RMT_ct_02b,.RMT_ct_03b{
        /* width: 316px; */
        width: 19.75vw;
    }
    .RMT_ct_01title{
        /* width: 128px; */
        width: 8.00vw;
        /* margin: 70px 0 0 0; */
        margin: 4.38vw 0 0 0;
    }
    .RMT_ct_02title{
        /* width: 170px; */
        width: 10.63vw;
        /* margin: 70px 0 0 0; */
        margin: 4.38vw 0 0 0;
    }
    .RMT_ct_03title{
        /* width: 106px; */
        width: 6.63vw;
        /* margin: 70px 0 0 0; */
        margin: 4.38vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .RMT_bg{
        width: 1208px;
        /* display: flex;  */
        /* flex-direction: column;  */
        /* justify-content: flex-start;  */
        /* align-items: center; */
        background-image:
        url('../img/RMT_bg_01_pc.webp'),
        url('../img/RMT_bg_03_pc.webp'),
        url('../img/RMT_bg_02_pc.webp');
        background-size:
        1208px,
        1208px,
        1208px;
        background-position:
        calc(50% + 0px) top, 
        calc(50% + 0px) bottom,   
        calc(50% + 0px) top;   
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y; 
        margin: 30px 0 0 0;
    }
    .RMT_bgColor{background-color: #eaeaea;}
    #RMT{
        width: 1200px;
        display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
        margin: 0 0 0 0;
    }
    .RMT_title{
        width: calc(660px*0.84);
        margin: 120px 0 0 0;
    }
    .RMT_title_02{
        width: 636px;
        margin: 190px 0 0 0;
    }
    .RMT_tx_01{
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        font-size: 50px; line-height: 60px; letter-spacing: 15px;
        color: #000; font-weight: 300;
        margin: 60px 0 0 0;
    }
    .RMT_tx_02{
        text-align: center;
        font-size: 16px; line-height: 32px;
        color: #000; font-weight: 400;
        margin: 60px 0 0 0;
    }

    .RMT_box_01{
        width: 1060px;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        position: relative;
        margin: 130px 0 60px 0;
    }
    /* -------------------- */
    .RMT_box_01a{
        width: 1060px;
        display: flex; flex-wrap: wrap; justify-content: flex-start;
        position: relative;
        margin: 50px 0 60px 0;
    }
    .RMT_link{
        width: calc( ( 100% - ( 20px * 2 ) ) / 3 );
        height: 90px;
        font-size: 24px; font-weight: 500; color: #fff;
        border-radius: 5px;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        padding: 0 0 40px 0;
        position: relative;
        transition: 0.3s;
        margin: 0 20px 20px 0;
    }
    .RMT_link:nth-child(3n){
        margin: 0 0 20px 0;
    }
    .RMT_link:hover{
        opacity: 0.75;
    }
    .RMT_link:after {
        content: ""; 
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('../img/RMT_link_d.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        right: calc( 50% - 10px ); 
        bottom: 10px;
    }
    .RMT_link span{
        font-size: 34px; font-weight: 500;
        line-height: 1; display: inline-block; margin: 0 0 -1px 0;
    }
    .RMT_link_comingsoon{
        pointer-events: none!important;
        background-color: #CFCECF!important;
        color: #333!important;
        border: none!important;
    }
    .RMT_link_comingsoon:after {
        content: ""; 
        display: block;
        width: 90px!important;
        height: 15px!important;
        background-image: url('../img/RMT_link_comingsoon.webp')!important;
        background-size: cover!important;
        background-repeat: no-repeat!important;
        position: absolute!important; 
        right: calc( 50% - 45px )!important; 
        bottom: 14px!important;
    }
    .RMT_link2{
        color: #000;
        background-color: #fff;
        border: 3px solid #009FCC;
    }
    .RMT_link2:hover{
        opacity: 0.5;
    }
    .RMT_link2:after {
        content: ""; 
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('../img/RMT_link_d_p.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        right: calc( 50% - 10px ); 
        bottom: 10px;
    }
    .RMT_link2_pd {
    }
    .RMT_link2_mg{
        margin-top: 50px!important;
    }

    /* -------------------- */
    .RMT_typeset{
        width: 1130px;
        /* background-color: #fff; */
        border-radius: 10px;
        display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;
        margin: 50px 0 0 0;
        padding: 150px 90px 50px 70px;
        position: relative;

        background-image:
        url('../img/RMT_bg_01_pc.webp'),
        url('../img/RMT_bg_03_pc.webp'),
        url('../img/RMT_bg_02_pc.webp');
        background-size:
        1130px,
        1130px,
        1130px;
        background-position:
        calc(50% + 0px) top, 
        calc(50% + 0px) bottom,   
        calc(50% + 0px) top;   
        background-repeat: 
        no-repeat,
        no-repeat, 
        repeat-y; 
    }
    .RMT_typetext{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        font-size: 48px; letter-spacing: 15px;
        width: calc( 100% - 100px );
        border-bottom: 2px solid #333;
        padding: 0 0 10px 0;
        text-align: center;
        position: absolute;
        top: 50px; left: 50px;
    }
    .RMT_typetext span{
        font-size: 62px;
    }
    .RMT_typebox{
        display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
        padding: 50px 0 50px 0;
    }
    .RMT_img{
        width: calc( 450px * 0.45 );
        margin: 0 80px 0 0;
    }
    .RMT_typebox_r{
        width: 205px; margin: 0 0 0 0;
    }
    .RMT_detail{
        font-family: 'Noto Serif JP', serif; font-weight: 500;
        font-size: 22px; letter-spacing: 5px;
        border-bottom: 2px solid #333;
        padding: 0 0 10px 0;
        text-align: center;
    }
    .RMT_detail span{
        font-size: 42px; letter-spacing: 10px;
    }
    .RMT_area{
        font-size: 15px; font-weight: 400;
        border-bottom: 2px solid #333;
        padding: 0 0 10px 0;
        margin: 10px 0 0 0;
        text-align: center;
    }
    .RMT_bt{
        width: 205px;
        height: 70px;
        font-size: 15px; font-weight: 500; color: #fff;
        border-radius: 5px;
        background-color: #007EB2;
        display: flex; justify-content: center; align-items: flex-end;
        padding: 0 0 40px 0;
        position: relative;
        transition: 0.3s;
        margin: 70px 0 0 0;
    }
    .RMT_bt:hover{
        opacity: 0.75;
    }
    .RMT_bt:after {
        content: ""; 
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        right: calc( 50% - 10px ); 
        bottom: 10px;
    }
    .RMT_vr{
        width: 205px;
        height: 70px;
        font-size: 15px; font-weight: 500; color: #000;
        border-radius: 5px;
        background-color: #80CFE5;
        display: flex; justify-content: center; align-items: flex-end;
        padding: 0 0 40px 0;
        position: relative;
        transition: 0.3s;
        margin: 20px 0 0 0;
    }
    .RMT_vr:hover{
        opacity: 0.75;
    }
    .RMT_vr:after {
        content: ""; 
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('../img/RMT_link_r.webp');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; 
        right: calc( 50% - 10px ); 
        bottom: 10px;
    }

    .RMT_tx_03{
        font-size: 32px; font-weight: 400;
        margin: 160px 0 0 0; letter-spacing: 5px;
    }
    .RMT_tx_04{
        font-size: 32px; font-weight: 400;
        margin: 60px 0 0 0; letter-spacing: 5px;
    }
    .RMT_tx_comingsoon{
        width: 300px; height: 50px; background-color: #666; border-radius: 30px;
        font-size: 16px; font-weight: 400;
        color: #fff;
        display: flex; justify-content: center; align-items: center;
        padding: 0 0 3px 0;
        margin: 30px 0 0 0;
    }

    /* color type */
    .RMT_color_01{
        background-color: #BEA687;
    }
    .RMT_color_02{
        background-color: #9C6845;
    }
    .RMT_color_03{
        background-color: #613F28;
    }
    .RMT_ct_box{
        display: flex; justify-content: center; align-items: center;
        width: 1200px;
        margin: 60px 0 0 0;
    }
    .RMT_ct_box_01{
        width: 483px;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    .RMT_ct_tx{
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        line-height: 30px;
        margin: 30px 0 30px 0;
    }

    .RMT_ct_01a,.RMT_ct_02a,.RMT_ct_03a{
        width: 697px;
        margin: 0 0 0 20px;
    }
    .RMT_ct_01b,.RMT_ct_02b,.RMT_ct_03b{
        width: 316px;
    }
    .RMT_ct_01title{
        width: 128px;
        margin: 70px 0 0 0;
    }
    .RMT_ct_02title{
        width: 170px;
        margin: 70px 0 0 0;
    }
    .RMT_ct_03title{
        width: 106px;
        margin: 70px 0 0 0;
    }
}

/* 20240530 add */
@media screen and (max-width:767px) { /*SP*/
    .RMT_accordion{
        width: 100%;
        display: flex; flex-wrap: wrap; justify-content: center;
        /* margin: 0 0 50px 0; */
        margin: 0 0 12.08vw 0;
    }
    .RMT_add_a01{
        width: 100%;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_add_a02{
        width: 100%;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_add_a03{
        width: 100%;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_add_b_box{
        /* width: 414px; */
        width: 100.00vw;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    }
    .RMT_add_b_box p{
        /* font-size: 14px; font-weight: 400; color: #333; */
        font-size: 3.38vw; font-weight: 400; color: #333;
        width: 100%; text-align: center;
        /* margin: 10px 0 0 0; */
        margin: 2.42vw 0 0 0;
    }
    .RMT_add_b{
        /* width: 414px; */
        width: 100.00vw;
    }
    .RMT_add_d{
        width: 100%;
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .RMT_accordion{
        /* width: 1200px; */
        width: 75.00vw;
        display: flex; flex-wrap: wrap; justify-content: center;
        /* margin: 0 0 100px 0; */
        margin: 0 0 6.25vw 0;
    }
    .RMT_add_a01{
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .RMT_add_a02{
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .RMT_add_a03{
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .RMT_add_b_box{
        /* width: 550px; */
        width: 34.38vw;
        /* margin: 100px 50px 0 0; */
        margin: 6.25vw 3.13vw 0 0;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    }
    .RMT_add_b_box:nth-child(2n){
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
    .RMT_add_b_box p{
        /* font-size: 14px; font-weight: 400; color: #333; */
        font-size: 0.88vw; font-weight: 400; color: #333;
        width: 100%; text-align: center;
        /* margin: 10px 0 0 0; */
        margin: 0.63vw 0 0 0;
    }
    .RMT_add_b{
        /* width: 550px; */
        width: 34.38vw;
    }
    .RMT_add_d{
        /* width: 1200px; */
        width: 75.00vw;
        /* margin: 100px 0 0 0; */
        margin: 6.25vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .RMT_accordion{
        width: 1200px;
        display: flex; flex-wrap: wrap; justify-content: center;
        margin: 0 0 100px 0;
    }
    .RMT_add_a01{
        width: 1200px;
        margin: 100px 0 0 0;
    }
    .RMT_add_a02{
        width: 1200px;
        margin: 100px 0 0 0;
    }
    .RMT_add_a03{
        width: 1200px;
        margin: 100px 0 0 0;
    }
    .RMT_add_b_box{
        width: 550px;
        margin: 100px 50px 0 0;
        display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
    }
    .RMT_add_b_box:nth-child(2n){
        margin: 100px 0 0 0;
    }
    .RMT_add_b_box p{
        font-size: 14px; font-weight: 400; color: #333;
        width: 100%; text-align: center;
        margin: 10px 0 0 0;
    }
    .RMT_add_b{
        width: 550px;
    }
    .RMT_add_d{
        width: 1200px;
        margin: 100px 0 0 0;
    }
}

/* RMT_mg */
@media screen and (max-width:767px) { /*SP*/
    .RMT_mg{
        /* margin: 50px 0 0 0; */
        margin: 12.08vw 0 0 0;
    }
    .RMT_mg_01{
        /* margin: 30px 0 0 0; */
        margin: 7.25vw 0 0 0;
    }
}
@media screen and (min-width:768px) and ( max-width:1600px) { /*TB*/
    .RMT_mg{
        /* margin: 60px 0 0 0; */
        margin: 3.75vw 0 0 0;
    }
    .RMT_mg_01{
        /* margin: 30px 0 0 0; */
        margin: 1.88vw 0 0 0;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .RMT_mg{
        margin: 60px 0 0 0;
    }
    .RMT_mg_01{
        margin: 30px 0 0 0;
    }
}

.RMT_active.COMMON_bt_accordion:after {
    background-image: url(../../img/COMMON_link_u.webp);
}

