@charset "UTF-8";

.front-mv {
    width: 94.66vw;
    height: 84.33vw;
    margin: min(var(--vw40), 40px) auto 0;
    border-radius: 32px;
    background-image: url(../img/front-mv-03.jpg);
    background-repeat: no-repeat;
    background-position: 15% 100%;
    background-size: cover;
}
.front-mv-inner {
    height: 100%;
    border-radius: 32px;
    background-image: linear-gradient(90deg, #0469ab, #2c549c 10%, transparent);
}
.front-mv-heading {
    gap: 10px;
    padding: 30% 0 0 4%;
}

.front-mv-heading .first-tx {
    font-size: clamp(var(--rem16), var(--vw18), var(--rem24));
}
.front-mv-heading .second-tx {
    font-size: clamp(var(--rem30), var(--vw32), var(--rem48));
}
.front-mv-illust {
    width: 92%;
    bottom: -15px;
    right: 4%;
}

@media (min-width: 767px) {
    .front-mv {
        max-width: 1400px;
        height: 42vw;
        border-radius: 64px;
        background-position: 220% 100%;
        background-size: 90%;
    }
    .front-mv-inner {
        border-radius: 64px;
        background-image: linear-gradient(90deg, #0469ab, #2c549c 35%, transparent);
    }
    .front-mv-heading {
        padding: 10% 0 0 4%;
    }
    .front-mv-illust {
        width: 59.02%;
        bottom: -25px;
    }
}
@media (min-width: 1024px) {
    .front-mv {
        height: 32.3vw;
        background-position: 130% 90%;
        background-size: 80%;
    }
}
@media (min-width: 1441px) {
    .front-mv {
        height: max(24.3vw, 450px);
    }
}