/*=== MV ===*/
.mv{
    position: relative;
    z-index: 1;
}
.mv_slide{
    margin-left: auto;
    max-width: 160rem;
    width: 90%;
}
/*== スライドズーム設定 ==*/
.splide__slide img{ transition: 6.5s ease-out; }
.splide__slide.is-active img{
    transform: scale(1.15);
    transition-delay: 0s;
}
.splide__slide img{
    display: block;
    width: 100%;
    height: auto;
}
/*== カウンター付きプログレスバー ==*/
.mv_slide_counter{
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    z-index: 10;
}
.mv_slide_counter .current-slide,
.mv_slide_counter .total-slides{
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
}
.mv_slide_counter .splide__progress{
    border-radius: .2rem;
    height: .2rem;
    width: clamp(16rem, calc(20 * 10 / 780 * 100vw), 20rem);
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.mv_slide_counter .splide__progress__bar{
    width: 0;
    height: 100%;
    transition: none;
    background-color: var(--white);
}
.above_mv_wrap{/*MV上テキスト*/
    position: absolute;
    top: clamp(3rem, calc(8 * 10 / 1920 * 100vw), 8rem);
    left: clamp(5rem, calc(12 * 10 / 1920 * 100vw), 12rem);
}
.mv_text{
    line-height: 1.7;
    font-size: clamp(2.2rem, calc(5.5 * 10 / 1920 * 100vw), 5.5rem);
}
.mv_text_main{
    position: relative;
    z-index: 2;
}
.mv_text_shadow{
    position: absolute;
    top: 0;
    color: var(--white);
    -webkit-text-stroke: clamp(.4rem, calc(.6 * 10 / 1920 * 100vw), .6rem) rgba(255, 255, 255, .3);
    paint-order: stroke fill;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 0.1rem rgba(255, 255, 255, 1)) drop-shadow(0 0 0.3rem rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.55rem rgba(255, 255, 255, 0.45));
    z-index: 1;
}
.mv_text_large{ font-size: clamp(3.2rem, calc(7 * 10 / 1920 * 100vw), 7rem); }
.mv_sentence{
    position: relative;
    margin-top: clamp(1.2rem, calc(3.2 * 10 / 1920 * 100vw), 3.2rem);
    line-height: 1.7;
    font-size: clamp(1.8rem, calc(3 * 10 / 1920 * 100vw), 3rem);
    font-weight: 500;
    z-index: 1;
}
.mv_sentence::before{
    content: "象潟の豊かな自然と、\Aやさしいお湯につつまれる、くつろぎのひととき。";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke: clamp(.2rem, calc(.4 * 10 / 1920 * 100vw), .4rem) rgba(255, 255, 255, .4);
    paint-order: stroke fill;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 0.1rem rgba(255, 255, 255, 1)) drop-shadow(0 0 0.3rem rgba(255, 255, 255, 0.8)) drop-shadow(0 0 0.55rem rgba(255, 255, 255, 0.45));
    white-space: pre-wrap;
    z-index: -1;
}
.mv_sentence_br{ display: none; }
.mv_btn{ margin-top: clamp(2.4rem, calc(5.4 * 10 / 1920 * 100vw), 5.4rem); }

/*=== お知らせ ===*/
.front_news_sec{ position: relative; }
.front_news_sec::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: clamp(33rem, calc(55 * 10 / 1920 * 100vw), 55rem);
    background-image: url(../img/news_img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    z-index: 2;
}
.front_news_inner{
    position: relative;
    margin-right: 5rem;
    margin-left: auto;
    padding: 5.2rem 0 0 0;
    display: flex;
    max-width: 141rem;
    gap: 3rem 2.8rem;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
}
.front_news_title_box{
    padding: 3.2rem 0;
    display: flex;
    flex-direction: column;
    max-width: 34rem;
    width: 60%;
    height: 100%;
    background-image: url(../img/news_title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: end;
}
.front_news_list{
    padding-top: 1.4rem;
    padding-bottom: 4rem;
    max-width: 97.5rem;
    width: 90%;
}
.news_article{
    border-bottom: .1rem solid var(--font-color);
    transition: background-color .3s ease;
}
.front_news_a{
    padding: 2.9rem clamp(1.6rem, calc(3.4 * 10 / 1920 * 100vw), 3.4rem);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .8rem 0;
}
.front_news_title{
    font-size: clamp(3.2rem, calc(4 * 10 / 1920 * 100vw), 4rem);
    font-weight: 500;
}
.front_news_title_en{
    margin: clamp(1.8rem, calc(2.4 * 10 / 780 * 100vw), 2.4rem) 0 clamp(2.2rem, calc(3.2 * 10 / 780 * 100vw), 3.2rem);
    font-size: clamp(2.8rem, calc(3 * 10 / 1920 * 100vw), 3rem);
    font-weight: 500;
}
.news_time_cat{
    display: flex;
    align-items: center;
}
.news_cat_box{
    margin: 0 1.8rem;
    display: flex;
    gap: .2rem .4rem;
}
.news_cat{
    padding: clamp(.4rem, calc(.8 * 10 / 780 * 100vw), .8rem) 0;
    display: block;
    width: clamp(9.6rem, calc(11 * 10 / 780 * 100vw), 11rem);
    font-size: 1.6rem;
    color: var(--white);
    text-align: center;
}
.news_title{
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (hover: hover){
    .news_article:hover{ background-color: var(--bg-color); }
}


/*=== お知らせの下 ○○のご案内 ===*/
.front_info_sec{ position: relative; }
.front_info_sec::before{
    content: "";
    position: absolute;
    top: -27rem;
    right: 0;
    width: 97.9rem;
    height: 58.7rem;
    background-image: url(../img/front_info_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.front_info_inner{ padding-top: 16.2rem; }
.front_info_ul{
    display: flex;
    gap: clamp(3.2rem, calc(6.2 * 10 / 780 * 100vw), 6.2rem) 2.4rem;
    justify-content: space-between;
}
.front_info_li{
    border: .1rem solid var(--border-color);
    max-width: 57rem;
    width: 90%;
}
.front_info_img{
    width: 100%;
    overflow: hidden;
}
.front_info_img img{ transition: transform .3s ease-out; }
.front_info_wrap{
    padding: 3.2rem 3% 4.2rem;
    background-color: var(--bg-color);
}
.front_info_box{
    margin: 0 auto;
    width: fit-content;
}
.front_info_headline_box{
    margin: 0 auto 3rem;
    text-align: center;
}
.front_info_icon{
    margin-right: clamp(.8rem, calc(2.3 * 10 / 1920 * 100vw), 2.3rem);
    width: clamp(4rem, calc(6 * 10 / 1920 * 100vw), 6rem);
    aspect-ratio: 1 / 1;
}
.front_info_headline{
    position: relative;
    font-size: clamp(2rem, calc(3 * 10 / 1920 * 100vw), 3rem);
    font-weight: 500;
    width: 100%;
}
.front_info_headline::before{
    content: "";
    position: absolute;
    top: 50%;
    width: 6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.front_info_headline_guestRoom .front_info_headline::before{
    left: -2.4rem;
    background-image: url(../img/roomInfo_icon.png);
}
.front_info_headline_food .front_info_headline::before{
    left: -1.4rem;
    background-image: url(../img/foodInfo_icon.png);
}
.front_info_headline_plan .front_info_headline::before{
    left: -3.6rem;
    background-image: url(../img/planInfo_icon.png);
}
.front_info_headline::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: clamp(.7rem, calc(.9 * 10 / 780 * 100vw), .9rem);
    height: clamp(1.478rem, calc(1.9 * 10 / 780 * 100vw), 1.9rem);
    background-image: url(../img/common/arrowR_brown.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.front_info_headline_food .front_info_headline::after{ right: 2.1rem; }
.front_info_headline_plan .front_info_headline::after{ right: 0; }
.front_info_text{
    line-height: 1.6;
    text-align: center;
}
.front_info_text_br{ display: none; }
@media (hover: hover){
    .front_info_li:hover .front_info_img img{ transform: scale(1.1); }
}


/*=== さんねむ温泉の魅力 ===*/
.front_charm_sec{ padding: 11.5rem 0 12.4rem; }
.front_charm_inner{
    display: flex;
    width: 100%;
    height: 50rem;
    background-image: url(../img/charm_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}
.front_charm_title_box{
    margin: 0 7.5% 0 auto;
    width: fit-content;
}
.front_charm_title_box :is(h2, p){
    font-weight: 500;
    color: var(--white);
    text-shadow: .3rem .3rem .8rem rgba(81, 47, 7, .78), -.3rem -.3rem .8rem rgba(81, 47, 7, .78), .3rem -.3rem .9rem rgba(81, 47, 7, .78), -.3rem .3rem .8rem rgba(81, 47, 7, .78);
}
.front_charm_title{ font-size: clamp(4rem, calc(6 * 10 / 1920 * 100vw), 6rem); }
.front_charm_title_span{ font-size: clamp(3.2rem, calc(5 * 10 / 1920 * 100vw), 5rem); }
.front_charm_sentence{
    margin: 4.8rem 0;
    line-height: 1.7;
    font-size: clamp(1.8rem, calc(2.5 * 10 / 1920 * 100vw), 2.5rem);
    text-align: center;
}
.front_charm_btn{ margin: 0 auto; }


/*=== お料理のご案内 ===*/
.front_footInfo_sec{
    position: relative;
    scroll-margin-top: var(--header-height);
}
.front_footInfo_sec::before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 30rem;
    background-image: url(../img/food_info_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.front_footInfo_inner{ padding: 7.3rem 0 0; }
.front_footInfo_title{
    font-size: clamp(3.2rem, calc(5 * 10 / 1920 * 100vw), 5rem);
    font-weight: 500;
    color: var(--dark-brown);
    text-align: center;
}
.front_footInfo_ul{
    margin: 5.4rem 0 6.5rem;
    display: flex;
    gap: 4rem 1.6rem;
    justify-content: space-between;
}
.front_footInfo_li{
    max-width: 43rem;
    width: 90%;
}
.front_footInfo_img{ width: 100%; }
.front_footInfo_text_wrapper{ margin-top: clamp(1.6rem, calc(2.4 * 10 / 500 * 100vw), 2.4rem); }
.front_footInfo_headline{
    margin-bottom: .8rem;
    line-height: 1.3;
    font-size: clamp(2rem, calc(2.5 * 10 / 1920 * 100vw), 2.5rem);
    font-weight: 600;
    text-align: center;
}
.front_footInfo_sentence{
    line-height: 1.6;
    text-align: center;
}
.front_footInfo_headline_br{ display: none; }
.front_footInfo_sentence_br_SP{ display: none; }


/*=== お料理のご案内の下 各コンテンツリンク ===*/
.front_linkList_sec{ padding: 8rem 0 10rem; }
.front_linkList_ul{
    display: flex;
    gap: 4.6rem 2.4rem;
    justify-content: space-between;
}
.front_linkList_li{
    position: relative;
    border: .1rem solid var(--font-color);
    max-width: 56rem;
    width: 90%;
}
.front_linkList_li::before,
.front_linkList_info_wrapper::before{
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.front_linkList_li::before{
    top: 1.3rem;
    left: 50%;
    width: calc(100% - 2.6rem);
    height: 100%;
    background-image: url(../img/link_texture_bg.png);
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    z-index: -1;
    transition: all .3s ease-out;
}
.front_linkList_info_wrapper{
    padding: 4.4rem 6rem 3.6rem 21.5%;
    display: block;
}
.front_linkList_info_wrapper::before{
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}
.front_linkList_li_memorialService .front_linkList_info_wrapper::before{
    left: 7%;
    width: 10%;
    background-image: url(../img/memorialService_icon.png);
    aspect-ratio: 1 /  1.3636363636363635;
}
.front_linkList_li_stand .front_linkList_info_wrapper::before{
    left: 7%;
    width: 10.7%;
    background-image: url(../img/stand_icon.png);
    aspect-ratio: 1 / 0.9830508474576272;
}
.front_linkList_li_openAirBath .front_linkList_info_wrapper::before{
    left: 6%;
    width: 10.7%;
    background-image: url(../img/openAirBath_icon.png);
    aspect-ratio: 1 / 0.8833333333333333;
}
.front_linkList_headline{
    margin-bottom: 2rem;
    font-size: clamp(2.4rem, calc(3 * 10 / 1920 * 100vw), 3rem);
    font-weight: 500
}


/*=== 周辺観光のご案内 ===*/
.front_touristSpot_sec{ padding-bottom: clamp(5.4rem, calc(15 * 10 / 780 * 100vw), 15rem); }
.front_touristSpot_inner{
    padding: 10.4rem 0 6.8rem;
    width: 100%;
    background-image: url(../img/touristSpot_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.front_touristSpot_wrap{
    margin: 0 auto;
    max-width: 170.5rem;
    width: 95%;
}
.front_touristSpot_title_box :is(h2, p){
    font-weight: 500;
    color: var(--white);
    text-shadow: .3rem .3rem .8rem rgba(81, 47, 7, .32), -.3rem -.3rem .8rem rgba(81, 47, 7, .32), .3rem -.3rem .9rem rgba(81, 47, 7, .32), -.3rem .3rem .8rem rgba(81, 47, 7, .32);
}
.front_touristSpot_title{
    margin-bottom: clamp(2.4rem, calc(4.8 * 10 / 1920 * 100vw), 4.8rem);
    font-size: clamp(4rem, calc(6 * 10 / 1920 * 100vw), 6rem);
}
.front_touristSpot_sentence{ font-size: clamp(1.8rem, calc(2.5 * 10 / 1920 * 100vw), 2.5rem); }
.front_touristSpot_ul{
    margin-top: clamp(8rem, calc(10.2 * 10 / 1920 * 100vw), 10.2rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.5rem 3.5rem;
}
.front_touristSpot_li{
    max-width: 25.5rem;
    min-width: 18rem;
    width: 90%;
}
.front_touristSpot_text{
    margin-top: 2.4rem;
    color: var(--white);
    text-align: center;
}
.front_touristSpot_btn{
    margin: 7.2rem auto 0;
    transition: background-color .3s ease;
}
.front_touristSpot_btn .btn_a{ transition: color .3s ease; }
.front_touristSpot_btn .btn_a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    width: clamp(.7rem, calc(.9 * 10 / 780 * 100vw), .9rem);
    height: clamp(1.478rem, calc(1.9 * 10 / 780 * 100vw), 1.9rem);
    background-image: url(../img/common/arrowR_black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    opacity: 0;
    transition: opacity .3s ease;
}
@media (hover: hover){
    .front_touristSpot_btn:hover{ background-color: var(--white) }
    .front_touristSpot_btn:hover .btn_a{ color: #020202; }
    .front_touristSpot_btn:hover .btn_a::after{ opacity: 1; }
}


@media screen and ( max-width: 1280px ){
    /*=== お知らせ ===*/
    .front_news_sec::before{
        top: 0;
        bottom: auto;
    }
    .front_news_inner{
        margin-right: 3rem;
        width: 95%;
    }

    /*=== お知らせの下 ○○のご案内 ===*/
    .front_info_box{ width: 100%; }
    .front_info_headline_box{ width: fit-content; }
    .front_info_headline::before{
        left: clamp(-5rem, calc(5 * 10 / 1280 * 100vw), -4.5rem) !important;
        width: 4rem;
    }
    .front_info_headline::after{ right: clamp(-4rem, calc(4 * 10 / 1280 * 100vw), -3rem) !important; }
    .front_info_text_br{ display: block; }

    /*=== お料理のご案内 ===*/
    .front_footInfo_inner{ max-width: 90rem; }
    .front_footInfo_ul{ flex-wrap: wrap; }
    .front_footInfo_li{ width: 48%; }

    /*=== お料理のご案内の下 各コンテンツリンク ===*/
    .front_linkList_ul{
        flex-wrap: wrap;
        justify-content: center;
    }
    .front_linkList_li{ width: 48%; }
}
@media screen and ( max-width: 780px ){
    /*=== MV ===*/
    .mv_slide{
        max-width: 67rem;
        width: 90%;
        aspect-ratio: 1 / 1.0298507462686568;
    }
    .mv_slide img{ height: 100%; }
    .above_mv_wrap{
        top: clamp(2rem, calc(4.8 * 10 / 780 * 100vw), 4.8rem);
        left: clamp(1.6rem, calc(2.7 * 10 / 780 * 100vw), 2.7rem);
    }
    .mv_text{
        line-height: 1.5;
        font-size: clamp(2.2rem, calc(4.5 * 10 / 780 * 100vw), 4.5rem);
    }
    .mv_text_large{ font-size: clamp(3.2rem, calc(6 * 10 / 780 * 100vw), 6rem); }
    .mv_sentence{
        line-height: 1.35;
        font-size: clamp(1.6rem, calc(3 * 10 / 780 * 100vw), 3rem);
    }
    .mv_text_shadow{ -webkit-text-stroke: clamp(.4rem, calc(.6 * 10 / 780 * 100vw), .6rem) rgba(255, 255, 255, .3); }
    .mv_sentence::before{
        content: "象潟の豊かな自然と、\Aやさしいお湯につつまれる、\Aくつろぎのひととき。";
        -webkit-text-stroke: clamp(.2rem, calc(.4 * 10 / 780 * 100vw), .4rem) rgba(255, 255, 255, .4);
    }
    .mv_sentence_br{ display: block; }
    .mv_btn{
        margin-top: clamp(1.6rem, calc(3.4 * 10 / 780 * 100vw), 3.4rem);
        width: 100%;
    }

    /*=== お知らせ ===*/
    .front_news_sec::before{
        top: clamp(-16rem, calc(-16 * 10 / 780 * 100vw), -10rem);
        width: clamp(36rem, calc(44.7 * 10 / 780 * 100vw), 44.7rem);
    }
    .front_news_inner{
        margin: 0 auto;
        flex-direction: column;
    }
    .front_news_title_box{ width: 80%; }
    .front_news_title{ font-size: clamp(2.8rem, calc(4 * 10 / 780 * 100vw), 4rem); }
    .front_news_title_en{ font-size: clamp(2.8rem, calc(3 * 10 / 780 * 100vw), 3rem); }
    .front_news_list{
        padding: 0 0;
        max-width: initial;
        width: 100%;
    }
    .front_news_a{ padding: 2.7rem 0; }
    .news_title{ -webkit-line-clamp: 1; }

    /*=== お知らせの下 ○○のご案内 ===*/
    .front_info_inner{ padding-top: clamp(14rem, calc(21 * 10 / 780 * 100vw), 21rem); }
    .front_info_ul{ flex-direction: column; }
    .front_info_li{
        max-width: initial;
        width: 100%;
    }
    .front_info_headline_box{ margin: 0 auto clamp(1.6rem, calc(3 * 10 / 780 * 100vw), 3rem); }
    .front_info_headline{ font-size: clamp(2.4rem, calc(4 * 10 / 780 * 100vw), 4rem); }
    .front_info_headline::before{
        left: clamp(-8.4rem, calc(-8.4 * 10 / 780 * 100vw), -4.8rem) !important;
        width: clamp(4rem, calc(6 * 10 / 780 * 100vw), 6rem);
    }
    .front_info_headline::after{
        top: clamp(.8rem, calc(1.6 * 10 / 780 * 100vw), 1.6rem);
        -webkit-transform: initial;
        transform: initial;
    }
    .front_info_text{ font-size: clamp(1.6rem, calc(2.5 * 10 / 780 * 100vw), 2.5rem); }
    .front_info_text_br{ display: none; }

    /*=== さんねむ温泉の魅力 ===*/
    .front_charm_sec{ padding: clamp(7.3rem, calc(14 * 10 / 780 * 100vw), 10rem) 0 clamp(7.3rem, calc(14 * 10 / 780 * 100vw), 14rem); }
    .front_charm_inner{
        max-width: 74rem;
        width: 95%;
        height: 100%;
        background-image: url(../img/charm_bg_SP.jpg);
        aspect-ratio: 1 / 0.972972972972973;
    }
    .front_charm_title_box{ margin: 0 auto; }
    .front_charm_title{
        font-size: clamp(3.2rem, calc(6 * 10 / 780 * 100vw), 6rem);
        text-align: center;
    }
    .front_charm_title_span{ font-size: clamp(2.4rem, calc(5 * 10 / 780 * 100vw), 5rem); }
    .front_charm_sentence{
        margin: clamp(4rem, calc(10.5 * 10 / 780 * 100vw), 10.5rem) 0 clamp(4rem, calc(9 * 10 / 780 * 100vw), 9rem);
        font-size: clamp(1.6rem, calc(3 * 10 / 780 * 100vw), 3rem);
    }

    /*=== お料理のご案内 ===*/
    .front_footInfo_sec::before{
        height: clamp(34rem, calc(39 * 10 / 780 * 100vw), 39rem);
        background-image: url(../img/food_info_bg_SP.jpg);
    }
    .front_footInfo_title{ font-size: clamp(2.8rem, calc(5 * 10 / 780 * 100vw), 5rem); }
    .front_footInfo_ul{
        margin: clamp(4rem, calc(8.1 * 10 / 780 * 100vw), 8.1rem) 0 clamp(5.4rem, calc(6.9 * 10 / 780 * 100vw), 6.9rem);
        flex-wrap: wrap;
        gap: clamp(2.4rem, calc(4 * 10 / 780 * 100vw), 4rem) clamp(1.6rem, calc(5.7 * 10 / 780 * 100vw), 5.7rem);
    }
    .front_footInfo_li{
        max-width: 34rem;
        width: 46%;
    }
    .front_footInfo_headline{ font-size: clamp(2rem, calc(2.5 * 10 / 780 * 100vw), 2.5rem); }
    .front_footInfo_headline_br{ display: block; }
    .front_footInfo_sentence{ font-size: clamp(1.5rem, 2.8205128205128207vw, 2.2rem); }
    .front_footInfo_sentence_br_PC{ display: none; }
    .front_footInfo_sentence_br_SP{ display: block; }

    /*=== お料理のご案内の下 各コンテンツリンク ===*/
    .front_linkList_sec{ padding: clamp(7.3rem, calc(9.5 * 10 / 780 * 100vw), 9.5rem) 0 clamp(7.3rem, calc(12 * 10 / 780 * 100vw), 12rem); }
    .front_linkList_inner{
        max-width: 60rem;
        width: 90%;
    }
    .front_linkList_li{
        max-width: initial;
        width: 100%;
    }
    .front_linkList_li::before{
        top: clamp(.8rem, calc(1.5 * 10 / 780 * 100vw), 1.5rem);
        left: clamp(.8rem, calc(1.5 * 10 / 780 * 100vw), 1.5rem);
        width: 100%;
        -webkit-transform: initial;
        transform: initial;
    }
    .front_linkList_headline{ font-size: clamp(2.2rem, calc(4 * 10 / 780 * 100vw), 4rem); }
    .front_linkList_info_wrapper{ padding: clamp(3.2rem, calc(6 * 10 / 780 * 100vw), 6rem) clamp(4rem, calc(6 * 10 / 780 * 100vw), 6rem) clamp(3.6rem, calc(4.9 * 10 / 780 * 100vw), 4.9rem) 21.5%; }

    /*=== 周辺観光のご案内 ===*/
    .front_touristSpot_inner{
        padding: clamp(7.3rem, calc(10.4 * 10 / 780 * 100vw), 10.4rem) 0 9.1rem;
        background-image: url(../img/touristSpot_bg_SP.jpg);
    }
    .front_touristSpot_title{
        margin-bottom: clamp(2.4rem, calc(6.8 * 10 / 780 * 100vw), 6.8rem);
        font-size: clamp(3.2rem, calc(6 * 10 / 780 * 100vw), 6rem);
    }
    .front_touristSpot_sentence{ font-size: clamp(1.6rem, calc(3 * 10 / 780 * 100vw), 3rem); }
    .front_touristSpot_ul{
        margin-top: clamp(5.6rem, calc(8.5 * 10 / 780 * 100vw), 8.5rem);
        gap: clamp(1.6rem, calc(3.8 * 10 / 780 * 100vw), 3.8rem) clamp(1.6rem, calc(7.8 * 10 / 780 * 100vw), 7.8rem);
    }
    .front_touristSpot_li{
        max-width: 33rem;
        min-width: initial;
        width: 44%;
    }
}
@media screen and ( max-width: 600px ){/*MV上 カウンター付きプログレスバー専用*/
    /*=== MV ===*/
    /*== カウンター付きプログレスバー ==*/
    .mv_slide_counter{
        right: 1.6rem;
        bottom: 25%;
    }
}
@media screen and ( max-width: 500px ){
    /*=== MV ===*/
    /*== カウンター付きプログレスバー ==*/
    .mv_slide_counter{ bottom: 4rem; }
    .mv_sentence::before{ -webkit-text-stroke: .2rem rgba(255, 255, 255, .6); }
    /*=== お知らせ ===*/
    .front_news_sec::before{
        top: -3rem;
        width: clamp(23rem, calc(36 * 10 / 500 * 100vw), 36rem);
    }
    /*=== お知らせの下 ○○のご案内 ===*/
    .front_info_text_br{ display: block; }
    /*=== お料理のご案内 ===*/
    .front_footInfo_ul{
        gap: clamp(2.8rem, calc(4 * 10 / 780 * 100vw), 4rem) 0;
    }
    .front_footInfo_li{
        max-width: initial;
        width: 100%;
    }
    .front_footInfo_headline_br,
    .front_footInfo_sentence_br_SP{
        display: none;
    }
    .front_footInfo_sentence_br_PC{ display: block; }
}