/* ---------------------------------------------------------------
///// メイン
------------------------------------------------------------------
------------------------------------------------------------------ */
.page .mv::before {
    background-image: url(../images/kamagataniyama/kamagataniyama-mv.jpg);
}

/* ---------------------------------------------------------------
------------------------------------------------------------------
///// overview
------------------------------------------------------------------
------------------------------------------------------------------ */
@media print, screen and (min-width: 769px) {
    .overview__cont h2 .en {
        bottom: -64px;
    }
}
.overview__cont h2 .en {
    width: 440px;
    position: absolute;
}
@media print, screen and (max-width: 768px) {
    .overview__cont h2 .en {
        width: 58.7vw;
        bottom: -10vw;
    }
}

/* ///// desc
------------------------------------------------------------------ */
.overview__desc li:first-child:after {
    background-image: url(../images/kamagataniyama/recommend01.png);
    width: 61px;
    height: 46px;
    left: 6px;
    bottom: -12px;
}
.overview__desc li:nth-child(2)::after{
    background-image: url(../images/shikokuyama/recommend01.png);
    width: 33px;
    height: 64px;
    left: 48px;
    bottom: -25px;
}
.overview__desc li:last-child:after {
    background-image: url(../images/kamagataniyama/recommend03.png);
    width: 66px;
    height: 92px;
    right: -22px;
    bottom: -24px;
}
@media print, screen and (max-width: 768px) {
    .overview__desc li:first-child:after {
        width: 12.2vw;
        height: 9.2vw;
        left: 0.3vw;
        bottom: -1.9vw;
    }
    .overview__desc li:nth-child(2)::after{
        width: 5.3vw;
        height: 10.2vw;
        left: 10vw;
        bottom: -3.7vw;
    }
    .overview__desc li:last-child:after {
        width: 13.2vw;
        height: 18.4vw;
        right: -4.3vw;
        bottom: -5vw;
    }
}


/* ---------------------------------------------------------------
------------------------------------------------------------------
///// highlights
------------------------------------------------------------------
------------------------------------------------------------------ */
.highlights__cont h2 .en {
    width: 374px;
    bottom: -46px;
    right: 90px;
}
.highlights__desc dl dt .img-box img.sub.sub-01 {
    width: 196px;
}
.highlights__desc dl dt .img-box img.sub.sub-02 {
    width: 160px;
}
@media print, screen and (max-width: 1200px) {
    .highlights__cont h2 .en {
        bottom: -56px;
        right: 40px;
    }
}
@media print, screen and (max-width: 768px) {
    .highlights__cont h2 .en {
        width: 50vw;
        bottom: -7.7vw;
        right: 2.4vw;
    }
    .highlights__desc dl dt .img-box img.sub.sub-01 {
        width: 34vw;
    }
    .highlights__desc dl dt .img-box img.sub.sub-02 {
        width: 30vw;
    }
}

/* ---------------------------------------------------------------
------------------------------------------------------------------
///// attractions
------------------------------------------------------------------
------------------------------------------------------------------ */

/* ///// attractions__item
------------------------------------------------------------------ */
.attractions__item .img{
    position: relative;
}
.attractions__item:first-child .img::after{
    content: "";
    display: block;
    background-image: url(../images/kamagataniyama/attractions01-deco.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 112px;
    height: 82px;
    position: absolute;
    border-bottom-right-radius: 30px;
    right: 0;
    bottom: 0;
}
.attractions__item:first-child .slogan {
    letter-spacing: -0.13em;
}
.attractions__item:first-child .img img {
    object-position: 90% 50%;
}
.attractions__item:nth-child(2) .img img {
    object-position: 30% 50%;
}
.attractions__item:last-child .img img {
    object-position: 100% 30%;
}
@media print, screen and (max-width: 768px) {
    .attractions__item:first-child .img::after{
        width: 27.8vw;
        height: 20.7vw;
    }
}

/* ---------------------------------------------------------------
------------------------------------------------------------------
///// guide
------------------------------------------------------------------
------------------------------------------------------------------ */
/* ///// 内容
------------------------------------------------------------------ */
.guide {
    background-image:url(../images/kamagataniyama/guide-back.jpg);
}

@media print, screen and (min-width: 769px) {
    .guide {
        background-position-x: 95%;
        background-position-y: 78%;
        background-size: 123%;
    }
    .guide__wrap {
        gap: 18px;
    }
    /* ----- マップ ----- */
    .guide__img {
        width: 554px;
    }
}