@charset "UTF-8";

/* スクロールアニメーション１ */
.effect-fade-1 {
    opacity : 0;
    transform : translate(0, 20px);
    transition: all 1.5s ease .1s;
}

.effect-fade-1.effect-scroll-1 {
    opacity : 1;
    transform : translate(0, 0);
}



/* スクロールアニメーション２ */
.effect-fade-2 {
    opacity : 0;
    transform : translate(0, 20px);
    transition: all 1.5s ease .4s;
}

.effect-fade-2.effect-scroll-2 {
    opacity : 1;
    transform : translate(0, 0);
}

/* スクロールアニメーション３ */
.effect-fade-3 {
    opacity : 0;
    transform : translate(0, 20px);
    transition: all 0.9s ease .5s;
}

.effect-fade-3.effect-scroll-3 {
    opacity : 1;
    transform : translate(0, 0);
}

/* スクロールアニメーション４ */
.effect-fade-4 {
    opacity : 0;
    transform : translate(0, 20px);
    transition: all 1.1s ease .7s;
}

.effect-fade-4.effect-scroll-4 {
    opacity : 1;
    transform : translate(0, 0);
}

/* スクロールアニメーション左から */
.effect-fade-left {
    opacity : 0;
    transform : translate(-20px, 0px);
    transition: all 1s ease .8s;
}

.effect-fade-left.effect-scroll-left {
    opacity : 1;
    transform : translate(0, 0);
}

/* スクロールアニメーション右から */
.effect-fade-right {
    opacity : 0;
    transform : translate(20px, 10px);
    transition: all 0.8s ease .3s;
}

.effect-fade-right.effect-scroll-right {
    opacity : 1;
    transform : translate(0, 0);
}


/* スクロールアニメーション拡大 */
.effect-fade-up {
    opacity : 0;
    transform : scale(0);
    transition: all 0.5s ease .5s;
}

.effect-fade-up.effect-scroll-up {
    opacity : 1;
    transform : scale(1);
}



/* １文字ずつじんわり */
.movetext{opacity:0;}
.movetext span{opacity:0;}