@charset "UTF-8";
/* scrollfade
-------------------------------------------------- */
/*----- フェードイン -----*/
.infi {
opacity: 0;
transition: .8s;
}

.fadeIn {
opacity: 1.0;
}

/*----- フェードインしながら上へスライド -----*/
.infu {
opacity: 0;
transform: translate(0, 60px);
-webkit-transform: translate(0, 60px);
transition: .8s;
}

.fadeInUp {
opacity: 1.0;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}

/*----- 上へスライド -----*/
.inviewUp {
transform: translate(0, 40px);
-webkit-transform: translate(0, 40px);
transition: .8s;
}

.Up {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transition: .8s;
}

.zoomIn {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}