@charset "UTF-8";
/*body {
  margin: 0;
}*/

#stage ul {
  display: block;
  width: 100%;
  height: 290px;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

#stage li {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  position: absolute;
}


/*     5     */
#stage li:nth-of-type(1) {
  transform: translateX(0);
  animation: slide 20s 0s infinite;
}
#stage li:nth-of-type(2) {
  animation: slide 20s 4s infinite;
}
#stage li:nth-of-type(3) {
  animation: slide 20s 8s infinite;
}
#stage li:nth-of-type(4) {
  animation: slide 20s 12s infinite;
}
#stage li:nth-of-type(5) {
  animation: slide 20s 16s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(100%);
    opacity: 1;
  }
  3% {
    transform: translateX(0%);
    opacity: 1;
  }
  20% {
    transform: translateX(0%);
    opacity: 1;
  }
  23% {
    transform: translateX(-100%);
    opacity: 0;
  }
  99.999% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(100%);
    opacity: 1;
  }
}