/* MV */
/* ============================================ */

.box-mv {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-height: 980px;
    height: 100vh;
    background: url("../img/point/mv.jpg") no-repeat 50% 50% / cover;
    color: #fff;
    transition-duration: 1s;
    transition-property: background-position;
}

.box-mv .ttl-en {
    font-size: 120px;
    font-family: "Caveat", cursive;
    transition-delay: 1s;
}

.box-mv .ttl {
    margin: 25px auto 50px;
    font-size: 30px;
}

.box-mv .txt {
    text-align: center;
    line-height: 2;
    transition-delay: 0.2s;
}

@media (max-width: 896px) {
    .box-mv {
        padding: 0 20px 60px;
        min-height: 66.6vw;
        max-height: inherit;
        height: auto;
        background-size: auto 120%;
    }

    .box-mv .ttl-en {
        margin: 120px auto 0;
        font-size: 60px;
    }

    .box-mv .ttl {
        margin: 10px auto 60px;
        font-weight: bold;
        font-size: 20px;
    }

    .box-mv .txt {
        text-align: left;
    }

    .box-mv .txt br {
        display: none;
    }
}

/* POINT */
/* ============================================ */

.li-point li:nth-child(1) .box-img {
    background: url("../img/point/point-01-L.jpg") no-repeat 50% 50% / cover;
}

.li-point li:nth-child(2) .box-img {
    background: url("../img/point/point-02-S.jpg") no-repeat 0 50% / contain;
}

.li-point li:nth-child(2) .box-txt {
    background: none !important;
}

.li-point li:nth-child(3) .box-img {
    background: url("../img/point/point-03-L.jpg") no-repeat 50% 50% / cover;
}

.li-point li:nth-child(4) .box-img {
    background: url("../img/point/point-04-S.jpg") no-repeat 50% 50% / cover;
}

.li-point li:nth-child(5) .box-img {
    background: url("../img/point/point-05-L.jpg") no-repeat 50% 50% / cover;
}

@media (max-width: 896px) {
    .li-point li:nth-child(2) .box-img {
        background: url("../img/point/point-02-S.jpg") no-repeat 50% 50% / contain;
    }
}