@charset "UTF-8";

.wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 90px;
  position: relative;}

.slider {display: flex;
  height: 100%;}

.slider__inner {display: flex;}

.slider2 {display: flex;
  height: 100%;}

.slider__inner2 {display: flex;}


.reverse {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;}

.reverse__inner {display: flex;}

.slider__inner:first-child {
  animation: loop 90s linear infinite;}

.slider__inner:nth-child(2) {
  animation: loop2 90s -60s linear infinite;}

.slider__inner:last-child {
  animation: loop3 90s -30s linear infinite;}

@keyframes loop {
  0% {transform: translateX(200%);}
    to {transform: translateX(-100%);}
  }

@keyframes loop2 {
  0% {transform: translateX(100%);}
    to {transform: translateX(-200%);}
  }

@keyframes loop3 {
    0% {transform: translateX(0%);}
    to {transform: translateX(-300%);}
  }


.reverse__inner:first-child {
  animation: loop4 90s linear infinite;}

.reverse__inner:nth-child(2) {
  animation: loop5 90s -60s linear infinite;}

.reverse__inner:last-child {
  animation: loop6 90s -30s linear infinite;}

@keyframes loop4 {
  0% {transform: translateX(-100%);}
    to {transform: translateX(200%);}
  }

@keyframes loop5 {
  0% {transform: translateX(-200%);}
    to {transform: translateX(100%);}
  }

@keyframes loop6 {
  0% {transform: translateX(-300%);}
    to {transform: translateX(0%);}
  }



  .slider__inner2:first-child {
    animation: loop7 90s linear infinite;}
  
  .slider__inner2:nth-child(2) {
    animation: loop8 90s -60s linear infinite;}
  
  .slider__inner2:last-child {
    animation: loop9 90s -30s linear infinite;}
  
  @keyframes loop7 {
    0% {transform: translateX(200%);}
      to {transform: translateX(-100%);}
    }
  
  @keyframes loop8 {
    0% {transform: translateX(100%);}
      to {transform: translateX(-200%);}
    }
  
  @keyframes loop9 {
      0% {transform: translateX(0%);}
      to {transform: translateX(-300%);}
    }


@media screen and (max-width: 480px) {

  .wrapper {
    overflow: hidden;
    width: 100%;
    padding-top: 120px;
    position: relative;}
    }