.mv-slick .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 18s infinite;   /* 4画像 × 各5s = 20s */
}
.mv-slick #src1{
  background-image:url(../images/mv.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.mv-slick #src2{
  background-image: url('../images/mv2.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  animation-delay  : 6s;
}
.mv-slick #src3{
  background-image: url('../images/mv3.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  animation-delay  : 12s;
}
.mv-slick #src4{
  background-image: url('../images/mv4.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  animation-delay  : 18s;
}
@media screen and (max-width: 500px){
  .mv-slick #src1{
  background-image:url(../images/mv.jpg);
}
.mv-slick #src2{
  background-image: url('../images/mv2.jpg');
}
.mv-slick #src3{
  background-image: url('../images/mv3.jpg');
}
}

@keyframes bgAnime {
   0% { opacity: 1; }
   25% { opacity: 0; }
  50% { opacity: 0; }
  75% { opacity: 0; }
 90% { opacity: 0; }
}