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


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

/* ///// desc
------------------------------------------------------------------ */
.overview__desc li:first-child:after {
    background-image: url(../images/kojozan/recommend01.png);
    width: 47px;
    height: 50px;
    left: 16px;
    bottom: -17px;
}
.overview__desc li:nth-child(2)::after{
    background-image: url(../images/shikokuyama/recommend02.png);
    width: 45px;
    height: 56px;
    right: 23px;
    bottom: -24px;
}
.overview__desc li:last-child:after {
    background-image: url(../images/aidodake/recommend02.png);
    width: 88px;
    height: 65px;
    right: 9.5px;
    bottom: -25px;
}
@media print, screen and (max-width: 768px) {
    .overview__desc li:first-child:after {
        width: 9.8vw;
        height: 10.4vw;
        left: 2.3vw;
        bottom: -3.8vw;
    }
    .overview__desc li:nth-child(2)::after{
        width: 9vw;
        height: 11.2vw;
        right: 4.2vw;
        bottom: -5.5vw;
    }
    .overview__desc li:last-child:after {
        width: 14.6vw;
        height: 10.9vw;
        right: 3vw;
        bottom: -4.5vw;
    }
}


/* ---------------------------------------------------------------
------------------------------------------------------------------
///// highlights
------------------------------------------------------------------
------------------------------------------------------------------ */
.highlights__cont h2 .en {
    width: 374px;
    right: 92px;
    bottom: -40px;
}
@media print, screen and (max-width: 1200px) {
    .highlights__cont h2 .en {
        bottom: -50px;
        right: 20px;
    }
}
@media print, screen and (max-width: 1000px) {
    .highlights__cont h2 .title {
        flex: 1;
    }
}
@media print, screen and (max-width: 768px) {
    .highlights__cont h2 .en {
        width: 53vw;
        bottom: -7.7vw;
        right: 4.4vw;
    }
    .highlights__item:last-child .highlights__desc dl:last-child dt {
        line-height: 1.5;
    }
}

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

/* ///// attractions__item
------------------------------------------------------------------ */
.attractions__item .img{
    position: relative;
}
.attractions__item:nth-child(2) .img::after{
    content: "";
    display: block;
    background-image: url(../images/kojozan/attractions02-deco.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 143px;
    height: 106px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.attractions__item:first-child .img img {
    object-position: 100% 100%;
}
.attractions__item:nth-child(2) .img img {
    object-position: 100% 90%;
}
.attractions__item:last-child .img img {
    object-position: 30% 50%;
}
@media print, screen and (max-width: 768px) {
    .attractions__item:first-child .img::after{
        width: 28.5vw;
        height: 21.2vw;
    }
}

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

@media print, screen and (min-width: 769px) {
    .guide {
        background-position-x: 95%;
        background-position-y: 50%;
        background-size: 123%;
    }
    .guide__wrap {
        gap: 20px;
    }
    /* ----- マップ ----- */
    .guide__img {
        width: 528px;
    }
}
@media print, screen and (max-width: 768px) {
    .guide__list:not(:last-child) {
        height: initial;
    }
}