.yoron-best-map__bg01 {
    background-color: #EFEEEA;
}

.under__mv {
    background-color: #A5E0DF;
}

.under__mv__inner {
    padding-top: 130px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content06__video {
    margin: 0 auto;
    width: 100%;
    max-width: 375px;
    min-width: 375px;
    position: relative;
}

.content06__video>video {
    width: 100%;
    width: 100%;
    max-width: 375px;
    min-width: 375px;

}

.content06__link {
    position: absolute;
    top: 0;
    width: 100%;
}

.content06__link>a {
    border-radius: 100px;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;

}

/* .content06__link>a:nth-child(1) {
    top: 67px;
    left: 61px;
}

.content06__link>a:nth-child(2) {
    top: 138px;
    left: 104px;
}

.content06__link>a:nth-child(3) {
    top: 158px;
    left: 60px;
}

.content06__link>a:nth-child(4) {
    top: 182px;
    left: 80px;
}

.content06__link>a:nth-child(5) {
    top: 210px;
    left: 27px;
}

.content06__link>a:nth-child(6) {
    top: 228px;
    left: 46px;
}

.content06__link>a:nth-child(7) {
    top: 253px;
    left: 24px;
}

.content06__link>a:nth-child(8) {
    top: 129px;
    left: auto;
    right: 93px;
}

.content06__link>a:nth-child(9) {
    top: 158px;
    left: auto;
    right: 83px;
}

.content06__link>a:nth-child(10) {
    top: 200px;
    left: auto;
    right: 85px;
}

.content06__link>a:nth-child(11) {
    top: 242px;
    left: auto;
    right: 76px;
}

.content06__link>a:nth-child(12) {
    top: 192px;
    left: auto;
    right: 45px;
} */
.content06__link>a:nth-child(1) {
    top: 192px;
    left: auto;
    right: 45px;
}

.content06__link>a:nth-child(2) {
    top: 107px;
    left: 103px;
}

/* .content06__link>a:nth-child(3) {
    top: 158px;
    left: 60px;
} */
.content06__link>a:nth-child(3) {
    top: 46px;
    left: 216px;
}

.content06__link>a:nth-child(4) {
    /* top: 182px;
    left: 80px; */
}

.content06__link>a:nth-child(4) {
    top: 158px;
    left: auto;
    right: 83px;
}

.content06__link>a:nth-child(5) {
    top: 176px;
    left: 27px;
}

/* .content06__link>a:nth-child(6) {
    top: 228px;
    left: 46px;
} */
.content06__link>a:nth-child(6) {
    top: 67px;
    left: 61px;
}

.content06__link>a:nth-child(7) {
    top: 253px;
    left: 24px;
    display: none;
}

.content06__link>a:nth-child(8) {
    top: 129px;
    left: auto;
    right: 93px;
    display: none;
}

.content06__link>a:nth-child(9) {
    /* top: 158px;
    left: auto;
    right: 83px; */
    display: none;
}

.content06__link>a:nth-child(10) {
    top: 200px;
    left: auto;
    right: 85px;
    display: none;
}

.content06__link>a:nth-child(11) {
    top: 242px;
    left: auto;
    right: 76px;
    display: none;
}

.content06__link>a:nth-child(12) {
    /* top: 192px;
    left: auto;
    right: 45px; */
    display: none;
}


.content06__link>a>img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.under__mv__video__wrap {}

.under__fv__ttl__wrap {
    position: static;
    color: #fff;
    padding: 0 27px;


    margin: 0 auto;
    text-align: center;
    margin-top: 32px;
}

.under__fv__ttl__inner {
    display: inline-block;

}

.under__fv__ttl01 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: calc(64/56);
}

.under__fv__ttl02 {
    font-size: 16px;
    color: #75BCBC;
    text-align: left;
}

.yoron-best-map__wave {
    filter: drop-shadow(0 5px 5px #c7c7c7);
}

.wave {}

.wave-pc {}

.yoron-best-map {
    margin-top: -33px;
    padding-bottom: 63px;
}

.content01__wrap {
    padding: 0 10px;


}

.content01 {
    max-width: 355px;
    margin: 0 auto;
}

.content01__box__img-sp {}

.content01__box__img-pc {
    display: none;
}

.content01__box__img01 {}

.content01__txt {
    font-size: 14px;
    line-height: 2;
    font-family: "Zen Old Mincho", serif;
    /*  padding: calc(52px - 27px) 0; */
    position: relative;
    background-color: #FBFAF8;
    padding: 20px 0;
}

.content01__ttl {
    text-align: center;
    font-size: 24px;
    color: #746856;
    line-height: 1;
    font-weight: 500;
}

.content01__ttl02 {
    text-align: center;
    font-size: 14px;
    color: #746856;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 8px;
}

.content01__txt::before {
    content: "";
    background-image: url('../img/frame01-2.png');
    width: 10px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.content01__txt::after {
    content: "";
    background-image: url('../img/frame01-2.png');
    width: 10px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
}

.content01__txt__inner {
    padding: 0 17px;
    margin-top: 40px;
}

.content01__box__img02 {
    transform: rotate(180deg);
}

.yoron-best-map__content {
    margin-top: 80px;

}

.yoron-best-map__ttl {
    font-size: 32px;
    text-align: center;
    color: #746856;
    font-family: "Kalnia", serif;
    font-weight: 400;


}

.yoron-best-map__ttl02 {
    text-align: center;
    color: #C6BFB6;
    line-height: 1;
    margin-top: 8px;
    font-weight: 500;
}

.yoron-best-map__slider {
    margin-top: -34px;
}

.yoron-best-map__slider_item {
    width: 280px;
    padding: 15px 20px 45px;
    margin: 0 -7.5px;

    clip-path: polygon(15px 0,
            /* 左上の角: 右へ15pxの位置からスタート */
            calc(100% - 15px) 0,
            /* 右上の角: 左へ15pxの位置まで */
            100% 15px,
            /* 右上の角: 下へ15pxの位置から */
            100% calc(100% - 15px),
            /* 右下の角: 上へ15pxの位置まで */
            calc(100% - 15px) 100%,
            /* 右下の角: 左へ15pxの位置から */
            15px 100%,
            /* 左下の角: 右へ15pxの位置まで */
            0 calc(100% - 15px),
            /* 左下の角: 上へ15pxの位置から */
            0 15px
            /* 左上の角: 下へ15pxの位置まで、そして最初の頂点へ閉じる */
        );
    transition: transform .5s;
    transform: scale(calc(210/280*100%));
    min-height: 593px !important;
}

.yoron-best-map__slider01 .yoron-best-map__slider_item {
    background-color: #A9D1D8;
}

.yoron-best-map__slider02 .yoron-best-map__slider_item {
    background-color: #F4E2E1;
}

.yoron-best-map__slider03 .yoron-best-map__slider_item {
    background-color: #F9F7F4;
}

.yoron-best-map__slider04 .yoron-best-map__slider_item {
    background-color: #C6BFB6;
}



.yoron-best-map__slider_item.slick-center {
    /* transform: scale(1.333); */
    transform: scale(1);
    margin-top: calc((593px - 444.74px)/2);
}


.yoron-best-map__slider__ttl {
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-bottom: #fff 1px solid;
    font-weight: 500;
    padding-bottom: 8px;
    margin: 0 10px;
    margin-top: 16px;
}

.yoron-best-map__slider__txt {
    font-size: 14px;
    line-height: calc(24/14);
    margin: 0 10px;
    margin-top: 5px;
    color: #332F2D;
}


.slider__arrow__wrap {}

.slider__arrow-l01 {}

.slider__arrow {}

.slick-arrow {}

.slider__arrow-r01 {}

.slider__arrow-r-rev {}


@media screen and (min-width: 768px) {
    .under__mv__inner {
        padding-top: 72px;
        overflow: hidden;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: start;
        width: calc(1062/1366*100%);
        margin-left: calc(91/1366*100%);
    }

    .content06__video {
        margin: 0 auto;
        width: 100%;
        max-width: none;
        min-width: auto;
        position: relative;
    }

    .content06__video>video {
        width: 100%;
        width: 100%;
        max-width: none;
        min-width: auto;

    }

    .content06__link {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .content06__link>a {
        border-radius: 100px;
        width: 2.38vw;
        height: 2.38vw;
        display: block;
        position: absolute;
        top: 0;

    }

    /* .content06__link>a:nth-child(1) {
        top: 10vw;
        left: 8vw;
    }

    .content06__link>a:nth-child(2) {
        top: 20vw;
        left: 14vw;
    }

    .content06__link>a:nth-child(3) {
        top: 22vw;
        left: 8vw;
    }

    .content06__link>a:nth-child(4) {
        top: 25vw;
        left: 12vw;
    }

    .content06__link>a:nth-child(5) {
        top: 30vw;
        left: 3vw;
    }

    .content06__link>a:nth-child(6) {
        top: 33vw;
        left: 6.5vw;
    }

    .content06__link>a:nth-child(7) {
        top: 36vw;
        left: 2.5vw;
    }

    .content06__link>a:nth-child(8) {
        top: 18vw;
        left: auto;
        right: 13.5vw;
    }

    .content06__link>a:nth-child(9) {
        top: 21vw;
        left: auto;
        right: 12vw;
    }

    .content06__link>a:nth-child(10) {
        top: 28.5vw;
        left: auto;
        right: 12vw;
    }

    .content06__link>a:nth-child(11) {
        top: 35vw;
        left: auto;
        right: 10.5vw;
    }

    .content06__link>a:nth-child(12) {
        top: 27vw;
        left: auto;
        right: 6vw;
    } */
    .content06__link>a:nth-child(1) {
        top: 27vw;
        left: auto;
        right: 6vw;
    }

    .content06__link>a:nth-child(2) {
        top: 15vw;
        left: 14.5vw;
    }

    .content06__link>a:nth-child(3) {
        top: 7vw;
        left: 31vw;
    }

    .content06__link>a:nth-child(4) {
        /*   top: 25vw;
        left: 12vw; */
    }

    .content06__link>a:nth-child(4) {
        top: 21vw;
        left: auto;
        right: 12vw;
    }

    .content06__link>a:nth-child(5) {
        top: 25vw;
        left: 4vw;
    }

    .content06__link>a:nth-child(6) {
        /*   top: 33vw;
        left: 6.5vw; */
    }

    .content06__link>a:nth-child(6) {
        top: 10vw;
        left: 8vw;
    }



    .content06__link>a:nth-child(7) {
        top: 36vw;
        left: 2.5vw;
        display: none;
    }

    .content06__link>a:nth-child(8) {
        top: 18vw;
        left: auto;
        right: 13.5vw;
        display: none;
    }

    .content06__link>a:nth-child(9) {
        /* top: 21vw;
        left: auto;
        right: 12vw; */
        display: none;
    }

    .content06__link>a:nth-child(10) {
        top: 28.5vw;
        left: auto;
        right: 12vw;
        display: none;
    }

    .content06__link>a:nth-child(11) {
        top: 35vw;
        left: auto;
        right: 10.5vw;
        display: none;
    }

    .content06__link>a:nth-child(12) {
        /*  top: 27vw;
        left: auto;
        right: 6vw; */
        display: none;
    }


    .content06__link>a>img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
    }

    .under__mv__video__wrap {
        width: calc(100%*0.6905);
    }

    .under__fv__ttl__wrap {
        position: static;
        color: #fff;
        padding: 0;
        width: calc(100%*0.31);


        margin: 0;
        text-align: left;
    }

    .under__fv__ttl__inner {
        display: inline-block;

    }

    .under__fv__ttl01 {
        font-size: 4.1vw;
        margin-bottom: 16px;
    }

    .under__fv__ttl02 {
        font-size: 1.17vw;
        color: #75BCBC;
        text-align: left;
    }

    .content01 {
        max-width: 715px;
        margin: 0 auto;
    }

    .content01__box__img-sp {
        display: none;
    }

    .content01__box__img-pc {
        display: block;
    }

    .content01__box__img01 {}

    .content01__txt {
        font-size: 16px;
        line-height: 2;
        font-family: "Zen Old Mincho", serif;
        /*  padding: calc(52px - 27px) 0; */
        position: relative;
        background-color: #FBFAF8;
        padding: 44px 0;
    }

    .content01__ttl {
        text-align: center;
        font-size: 32px;
        color: #746856;
        line-height: 1;
        font-weight: 500;
    }

    .content01__ttl02 {
        text-align: center;
        font-size: 16px;
        color: #746856;
        font-weight: 400;
        line-height: 1.2;
        margin-top: 12px;
    }



    .content01__txt::before {
        content: "";
        background-image: url('../img/frame01-2.png');
        width: 10px;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .content01__txt::after {
        content: "";
        background-image: url('../img/frame01-2.png');
        width: 10px;
        height: 100%;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(180deg);
    }

    .content01__txt__inner {

        text-align: center;
    }

    .content01__box__img02 {
        transform: rotate(180deg);
    }

    .yoron-best-map__content {
        margin: 0 auto;
        margin-top: 160px;
        padding: 0 27px;

    }

    .yoron-best-map__ttl {
        font-size: 40px;
        text-align: center;
        color: #746856;
        font-family: "Kalnia", serif;
        font-weight: 400;


    }

    .yoron-best-map__ttl02 {
        text-align: center;
        color: #C6BFB6;
        line-height: 1;
        margin-top: 8px;
        font-size: 20px;
    }


    .yoron-best-map__slider {
        margin: 0 auto;
        margin-top: 60px;
        display: flex;
        flex-wrap: wrap;
        gap: 60px 56px;
        max-width: 907px;
        /*  justify-content: center; */

    }

    @media screen and (max-width: 960px) {
        .yoron-best-map__slider {

            max-width: 586px;

        }
    }

    .yoron-best-map__slider_item {
        width: 280px;
        padding: 15px 20px 45px;
        margin: 0 -7.5px;

        clip-path: polygon(15px 0,
                /* 左上の角: 右へ15pxの位置からスタート */
                calc(100% - 15px) 0,
                /* 右上の角: 左へ15pxの位置まで */
                100% 15px,
                /* 右上の角: 下へ15pxの位置から */
                100% calc(100% - 15px),
                /* 右下の角: 上へ15pxの位置まで */
                calc(100% - 15px) 100%,
                /* 右下の角: 左へ15pxの位置から */
                15px 100%,
                /* 左下の角: 右へ15pxの位置まで */
                0 calc(100% - 15px),
                /* 左下の角: 上へ15pxの位置から */
                0 15px
                /* 左上の角: 下へ15pxの位置まで、そして最初の頂点へ閉じる */
            );
        transition: none;
        transform: none;
        min-height: 593px !important;
    }

    .yoron-best-map__slider01 .yoron-best-map__slider_item {
        background-color: #A9D1D8;
    }

    .yoron-best-map__slider02 .yoron-best-map__slider_item {
        background-color: #F4E2E1;
    }

    .yoron-best-map__slider03 .yoron-best-map__slider_item {
        background-color: #F9F7F4;
    }

    .yoron-best-map__slider04 .yoron-best-map__slider_item {
        background-color: #C6BFB6;
    }






    .yoron-best-map__slider__ttl {
        font-size: 20px;
        text-align: center;
        color: #fff;
        border-bottom: #fff 1px solid;
        font-weight: 500;
        padding-bottom: 8px;
        margin: 0 10px;
        margin-top: 16px;
    }

    .yoron-best-map__slider__txt {
        font-size: 14px;
        line-height: calc(24/14);
        margin: 0 10px;
        margin-top: 5px;
    }

    .slider__arrow__wrap {
        display: none;
    }

    .yoron-best-map {
        padding-bottom: 160px;
    }
}