@charset "UTF-8";


/* ■■■フルスクリーンアニメーション■■■ */
.ease01 {
    animation:ease01 1s ease; 
    }
@keyframes ease01 {
    0% {
    opacity:0;
    }
    100% {
    opacity:1; 
    }
}

.ease02 {
    animation:ease02 1.5s ease; 
    }
@keyframes ease02 {
    0% {
    opacity:0; 
    top:70px;
    }
    100% {
    opacity:1; 
    }
}

.ease03 {
    animation:ease03 1.5s ease; 
    }
@keyframes ease03 {
    0% {
    opacity:0; 
    top:140px;
    }
    100% {
    opacity:1; 
    }
}


/* ■■■スクロールアニメーション■■■ */
.fadein01 {
	opacity:0;
	transform:translateY(30px);
	transition:1s;
	}
.fadein02 {
	opacity:0;
	transform:translateY(30px);
	transition:2s;
	}
.fadein03 {
	opacity:0;
	transform:translateY(30px);
	transition:3s;
	}
.fadein04 {
	opacity:0;
	transform:translateY(30px);
	transition:4s;
	}