@charset "utf-8";
span.anime,span.anime-hs {display:block;}
/*アニメーション*/

/*フェード*/
.anime-fade { opacity: 0; transition: opacity 0.6s; }
.anime-fade.on { opacity:1; transition-delay:0.1s; }

/*MAP*/
.anime-map { opacity: 0; transition: opacity .4s; }
.anime-map.on { opacity: 1; }

/*スライディング リヴェール*/
.anime, .anime-hs {
	overflow:hidden;
	position:relative;
}
.anime::after, .anime-hs::after {
	content:"";
	display:block;
	width:200%;
	height:100%;
	background-color:rgba(1,175,212,1);
	position:absolute;
	top:0;
	left:0;
	transform:translateX(-100%);
	pointer-events: none;
}
.anime *, .anime-hs * {
	opacity: 0;
	transition: opacity 0.4s ease !important;
}
.anime.on * {
	opacity:1;
	transition-delay:1s !important;
}
.anime-hs.on * {
	opacity:1;
	transition-delay:.45s !important;
}
.anime.on::after {
	transform: translateX(100%);
	transition: transform 1.6s ease-in 0s;
}
.anime-hs.on::after {
	transform: translateX(100%);
	transition: transform 1s ease-in 0s;
	
}

/*MOVE*/
.move-up,.move-up-t05,.move-up-t15,.move-up-t20 { opacity: 0; transform: translateY(40px); }
.move-up {transition: 1s;} .move-up-t05 {transition: .5s;} .move-up-t15 {transition: 1.5s;} .move-up-t20 {transition: 2s;}
.move-up.on-move,.move-up-t05.on-move,.move-up-t15.on-move,.move-up-t20.on-move { opacity: 1; transform: translateY(0); transition-delay:0s; }