.arrow-container{
  position: absolute;
  right: 50%;
  top: 80%;
  transform: translate(50%, -50%);
}
.arrow-container>img{
  width: 60px;
  height: auto;
  animation: arrowDown 0.6s cubic-bezier(0.4, 0, 1, 1) infinite alternate;
}

@keyframes arrowDown {
  from { transform : translateY(0); }
  to { transform : translateY(50px); }
}
.SpriteWrapper{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.sprite-container{
  height: 973px;
  width: 1200px;
  /*background: url("../img/Sprite-end.png");*/
  /*animation: sprite 1.6s steps(38) infinite;*/
  transform: translate(-50%,-70%) scale(0.4);
  position: absolute;
  top: 50%;
  left: 50%;
}
.sprite-container>img{
  width: 100%;
  height: auto;
}
@keyframes sprite {
  from { background-position: 0px; }
  to { background-position: -53200px; }
}
.splineWrapper{
  position: fixed;
  width: 100vw;
  height: 100vh;
}
#Spline3d{
  transform: scale(0.98);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2400px;
}
#Spline3d2{
  opacity: 0;
  transform: scale(0.8);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2400px;
}
#canvas3D{
  display: none;
  width:100vw!important;
  height:100vh!important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.KeyVisual{
	background: white;
	height: 100vh;
}
.h1_follower1 {
  top: calc(52%)!important;
  color: white;
  /*-webkit-text-stroke: 1px black;*/
}
.h1_follower2 {
  top: calc(54%)!important;
  color: #cad6ff;
  /*-webkit-text-stroke: 1px black;*/
}
#mainVisual{
  max-height: 800px;
  height: 100vh;
}
#mainVisual> h1 {
  font-family: Archivo Black;
  font-weight: normal;
	position: absolute;
  text-align: center;
  z-index: 0;
  hyphens: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 80px;
}
#trigger1{
  position: absolute;
  bottom: 25%;
}
@media only screen and (max-width: 1060px) {
	#mainVisual> h1 {
		font-size: 12vw;
    	line-height: 15vw;
	}
}
@media only screen and (max-width: 768px) {
	#mainVisual> h1 {
  		padding: 30px;
	}
.sprite-container{
  width: 800px;
  height: auto;
  /*background: url("../img/Sprite-end.png");*/
  /*animation: sprite 1.6s steps(38) infinite;*/
  transform: translate(-50%,-70%) scale(0.4);
  position: absolute;
  top: 50%;
  left: 50%;
}
.arrow-container>img{
  width: 60px;
}
@keyframes arrowDown {
  from { transform : translateY(0); }
  to { transform : translateY(30px); }
}