@charset "UTF-8";
/**
* キービジュアル
*/
.p-key-visual-bg__item--top img:first-child {
  -webkit-animation: loop01 60s -30s linear infinite;
          animation: loop01 60s -30s linear infinite;
}

.p-key-visual-bg__item--top img:last-child {
  -webkit-animation: loop02 60s linear infinite;
          animation: loop02 60s linear infinite;
}

.p-key-visual-bg__item--bottom img:first-child {
  -webkit-animation: loop03 60s -30s linear infinite;
          animation: loop03 60s -30s linear infinite;
}

.p-key-visual-bg__item--bottom img:last-child {
  -webkit-animation: loop04 60s linear infinite;
          animation: loop04 60s linear infinite;
}

@-webkit-keyframes loop01 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes loop01 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes loop02 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes loop02 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@-webkit-keyframes loop03 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes loop03 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes loop04 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes loop04 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}