@charset "utf-8";
/* CSS Document */
#logo-splash { color: #000; }
/*#logo-splash .message { color: #000; display: block; width: auto; white-space: nowrap; clip-path: inset(0 100% 0 0); animation: revealText 0.6s ease-out 0.3s forwards; font-size: 1.2em;}*/
@keyframes revealText {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

#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:180px; }
#logo-splash .splash-fadeUp { animation-name: spFadeUpAnime; animation-duration:0.5s; 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:80px; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#logo-splash-img img { width:80px; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#logo-splash-img img { width:80px; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#logo-splash-img img { width:90px; }
}
@media screen and (min-width: 1480px) {
}