@charset "utf-8";
/* CSS Document */

#logo-splash { position: fixed; width: 100%; height: 100vh; z-index: 9999; background: rgba(255,255,255,1.0); text-align:center; color:#fff; }
#logo-splash-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#logo-splash-img img { width:150px; }
#logo-splash .splash-fadeUp { animation-name: spFadeUpAnime; animation-duration:0.75s; animation-fill-mode:forwards; opacity: 0;
}

@keyframes spFadeUpAnime{
	0% {
	opacity: 0;
	transform: translateY(100px);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

@media screen and (max-width: 599px) {
	#logo-splash-img img { width:80px; }
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#logo-splash-img img { width:100px; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#logo-splash-img img { width:120px; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#logo-splash-img img { width:130px; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#logo-splash-img img { width:140px; }
}
@media screen and (min-width: 1480px) {
}