@charset "UTF-8";

.loop_wrap img:first-child {
  animation: loop 60s -30s linear infinite;
}
.loop_wrap img:last-child {
  animation: loop2 60s linear infinite;
}
@keyframes loop {
  0% {
    -webkit-transform: transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
.loop_wrap.sub img:first-child {
  animation: loop3 60s -30s linear infinite;
}
.loop_wrap.sub img:last-child {
  animation: loop4 60s linear infinite;
}
@keyframes loop3 {
  0% {
    -webkit-transform: transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes loop4 {
  0% {
    -webkit-transform: transform: translateX(-200%);
    transform: translateX(-200%);
  }
  to {
    -webkit-transform: transform: translateX(0);
    transform: translateX(0);
  }
}