@charset "UTF-8";

/*顧客一覧のスライドに関するcss(動きの指定部分のみ)*/

.logo-slider__up img:first-child {
  -webkit-animation: slide1 140s linear infinite;
  animation: slide1 140s linear infinite;
}
.logo-slider__up img:nth-child(2) {
  -webkit-animation: slide2 140s -46.666s linear infinite;
  animation: slide2 140s -46.666s linear infinite;
}
.logo-slider__up img:last-child {
  -webkit-animation: slide3 140s -93.333s linear infinite;
  animation: slide3 140s -93.333s linear infinite;
}

  @-webkit-keyframes slide1 {
    0% {
    transform: translateX(200%);
    }
    to {
    transform: translateX(-100%);
    }
    }
  @keyframes slide1 {
    0% {
    transform: translateX(200%);
    }
    to {
    transform: translateX(-100%);
    }
    }
  
  @-webkit-keyframes slide2 {
    0% {
    transform: translateX(100%);
    }
    to {
    transform: translateX(-200%);
    }
    }
  @keyframes slide2 {
    0% {
    transform: translateX(100%);
    }
    to {
    transform: translateX(-200%);
    }
    }
  
  @-webkit-keyframes slide3 {
    0% {
    transform: translateX(0%);
    }
    to {
    transform: translateX(-300%);
    }
    }
  @keyframes slide3 {
    0% {
    transform: translateX(0%);
    }
    to {
    transform: translateX(-300%);
    }
    }

  .logo-slider__low img:first-child {
    -webkit-animation: slide4 140s linear infinite;
    animation: slide4 140s linear infinite;
  }
  .logo-slider__low img:nth-child(2) {
    -webkit-animation: slide5 140s -46.666s linear infinite;
    animation: slide5 140s -46.666s linear infinite;
  }
  .logo-slider__low img:last-child {
    -webkit-animation: slide6 140s -93.333s linear infinite;
    animation: slide6 140s -93.333s linear infinite;
  }
  
  @-webkit-keyframes slide4 {
    0% {
    transform: translateX(-100%);
    }
    to {
    transform: translateX(200%);
    }
    }
  @keyframes slide4 {
    0% {
    transform: translateX(-100%);
    }
    to {
    transform: translateX(200%);
    }
    }
    
  @-webkit-keyframes slide5 {
    0% {
    transform: translateX(-200%);
    }
    to {
    transform: translateX(100%);
    }
    }
  @keyframes slide5 {
    0% {
    transform: translateX(-200%);
    }
    to {
    transform: translateX(100%);
    }
    }
  
  @-webkit-keyframes slide6 {
    0% {
    transform: translateX(-300%);
    }
    to {
    transform: translateX(0%);
    }
    }
  @keyframes slide6 {
    0% {
    transform: translateX(-300%);
    }
    to {
    transform: translateX(0%);
    }
    }