/*==================================================
    fade up
==================================================*/
.js-fadeUp {
    opacity: 0;
    visibility: hidden;
    transform: translateY(2rem);
}

/*==================================================
    [top] main visual
==================================================*/
.js-mvTextLeft,
.js-mvTextLeftLead {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
}

.js-mvImg {
    opacity: 0;
    visibility: hidden;
}

.js-mvImg:nth-child(2) {
    transform: translateY(-3.75rem);
}

.js-mvImg:nth-child(3) {
    transform: translateY(-7.5rem);
}

.js-mvImg:nth-child(4) {
    transform: translateY(-11.25rem);
}

@media screen and (max-width: 767px) {
    .js-mvImg:nth-child(2) {
        transform: translateY(-2rem);
    }

    .js-mvImg:nth-child(3) {
        transform: translateY(0);
    }

    .js-mvImg:nth-child(4) {
        transform: translateY(-2rem);
    }
}

.js-mvTextRight {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

/*==================================================
    [top] section title
==================================================*/
.js-titleAnime {
    overflow: hidden;
}

.js-titleAnime.visible {
    line-height: 0;
}

.js-titleAnime.visible span {
    line-height: 1.2;
}

.js-titleAnimeChar {
    display: inline-block;
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
}