@charset "utf-8";
/* CSS Document */
#splash {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 241, 0, 1.00);
  animation: bg_gray 3s ease-in-out;
}
#splash img {
  width: 400px;
  animation: anim_logo 2.8s ease-in-out;
}
/*画像が縮小拡大*/
@keyframes bg_gray {
  from {
    background-color: rgba(255, 241, 0, 1.00);
  }
  to {
    background-color: rgba(255, 241, 0, 1.00);
  }
}
@keyframes anim_logo {
  0% {
    transform: scale(0.30, 0.30);
    opacity: 0;
  }
  80% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}