body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#topImageBase{
overflow:hidden;
width:100%;
height:80vh;
margin-top: 72px;
}
#topImageBase li {
  position: absolute;
  top:0;
  width:100%;
  height:100%;
  background-size: cover;
  background-position: center;
}
#logo{
position:absolute;
z-index:9000;
width:40%;
margin:45% 30%;

}

.topImages{
width:100%;
backface-visibility: hidden;
transform: rotate(0.0001deg);
animation-duration: 36s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

#topImage01{
  background: url(../images/index/topImage04.jpg);
  animation-name: topImage01Key;
}
@keyframes topImage01Key{
  0%{
  filter:blur(0.001vw);
  transform:translate(0,0) scale(1.28,1.28);
  opacity:1;
  }
  25%{
  transform:translate(0,0) scale(1.0,1.0);
  filter:blur(0.5vw));
  opacity:0;
  }
  50%{
  opacity:0;
  }
  75%{
  filter:blur(0.001vw);
  transform:translate(0,0) scale(1.53,1.53);
  opacity:0;
  }
  100%{
  filter:blur(0.001vw);
  transform:translate(0,0) scale(1.28,1.28);
  opacity:1;
  }
}

#topImage02{
  background: url(../images/index/topImage01.jpg);
  background-size: cover;
  animation-name: topImage02Key;
}
@keyframes topImage02Key{
  0%{
  transform:translate(10%,0) scale(1.3,1.3);
  opacity:0;
  }
  25%{
  opacity:1;
  }
  50%{
  transform:translate(0,0) scale(1.3,1.3);
  opacity:0;
  }
  100%{
  opacity:0;
  }
}

#topImage03{
  background: url(../images/index/topImage02.jpg);
  background-size: cover;
animation-name: topImage03Key;
}
@keyframes topImage03Key{
  0%{

  opacity:0;
  }
  25%{
  transform:translate(0,0) scale(1.3,1.3);
  opacity:0;
  }
  50%{
  opacity:1;
  }
  75%{
  transform:translate(0,0) scale(1.0,1.0);
  opacity:0;
  }
  100%{
  opacity:0;
  }
}

#topImage04{
  background: url(../images/index/topImage05.jpg);
  background-size: cover;
animation-name: topImage04Key;
}
@keyframes topImage04Key{
  0%{

  opacity:0;
  }
  50%{
  transform:translate(0,10%) scale(1.3,1.3);
  opacity:0;
  }
  75%{

  opacity:1;
  }
  100%{
  transform:translate(0,0) scale(1.3,1.3);
  opacity:0;
  }
}


@media (max-width:640px) {
  #topImage04{
    background-position: 85% !important;
  }
}