/* ==========
MV（下層共通）
========== */

.mv {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-bottom: min(13.3333333333vw, 50px);
}

.mv__img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mv__text {
    position: absolute;
    top: 50%;
    left: min(5.3333333333vw, 20px);
    transform: translateY(-50%);
}

.mv__title {
    font-size: clamp(2.125rem, 1.329rem + 3.75vw, 3.125rem);
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    font-family: var(--mincho-font);
    margin-bottom: min(1.3333333333vw, 5px);
}

.mv__en {
    display: block;
    font-size: clamp(0.875rem, 0.178rem + 3.28vw, 1.75rem);
    font-weight: 500;
    color: #fff;
    font-family: var(--en-font);
}

/* ==========
page-title（下層共通見出し）
========== */

.page-title {
    margin-bottom: min(6.6666666667vw, 25px);
    text-align: center;
}

.page-title__ja {
    font-size: min(7.4666666667vw, 1.75rem);
    font-weight: 600;
    color: var(--text-color);
    line-height: 1.4;
    margin-bottom: min(1.3333333333vw, 5px);
}

.page-title__ja em {
    color: var(--main-color);
}

.page-title__en {
    font-size: min(3.7333333333vw, 0.875rem);
    font-weight: 500;
    color: var(--main-color);
    font-family: var(--en-font);
}

.page-title--white .page-title__ja,
.page-title--white .page-title__ja em,
.page-title--white .page-title__en {
    color: #fff;
}

@media (min-width: 768px) {
    .mv {
        margin-bottom: min(5.2083333333vw, 100px);
    }

    .mv__text {
        left: min(18.75vw, 360px);
    }

    .mv__title {
        font-size: clamp(2rem, 1.25rem + 1.56vw, 3.125rem);
        margin-bottom: min(0.78125vw, 15px);
    }

    .mv__en {
        font-size: clamp(0.9375rem, 1.0416666667vw, 1.25rem);
    }

    .page-title {
        margin-bottom: min(2.6041666667vw, 50px);
    }

    .page-title__ja {
        font-size: clamp(1.6875rem, 1.875vw, 2.25rem);
        margin-bottom: min(0.5208333333vw, 10px);
    }

    .page-title__en {
        font-size: clamp(0.75rem, 0.8333333333vw, 1rem);
    }
}

/* ==========
下層ページ共通 背景（セクションに付与）
========== */

.is-glitter-bg {
    background: url('../images/common/glitter-bg-sp.jpg') center / cover no-repeat;
}

@media (min-width: 768px) {
    .is-glitter-bg {
        background-image: url('../images/common/glitter-bg-pc.jpg');
    }
}