@charset "UTF-8";

.mv2602{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 61.5%;
  overflow: hidden;
}
.mv2602 .img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mv2602 .img span{
  font-size: 12px;
  z-index: 1;
  line-height: 1;
  color: #fff;
  display: block;
  padding: 5px 10% 5px 5%;
  background: linear-gradient(to right,  rgba(51,51,51,0) 0%,rgba(51,51,51,0.5) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mv2602 .zoom img{
  transition: 6s;
  transition-timing-function: linear;
  transform: scale(1.6);
}
.mv2602 .zoom.move img{
  transform: scale(1);
}
.mv2602 .sld1{
  z-index: 1;
}
.mv2602 .sld2{
  z-index: 2;
  opacity: 0;
  transition: 1s;
  transition-timing-function: linear;
}
.mv2602 .sld2.move{
  opacity: 1;
}
.mv2602 .sld3{
  z-index: 3;
  opacity: 0;
  transition: 1s;
  transition-timing-function: linear;
}
.mv2602 .sld3.move{
  opacity: 1;
}
.mv2602 .slide img{
  transition: 6s;
  top: 0;
  position: absolute;
  object-fit: cover;
}
.mv2602 .slide.move img{
  transform: translateY(-37%);
}
.mv2602 .sld4{
  z-index: 4;
  opacity: 0;
  transition: 1s;
}
.mv2602 .sld4.move{
  opacity: 1;
}
.mv2602 .plate02{
  z-index: 4;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .mv2602{
    padding-top: 130.5%;
  }
  .mv2602 img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform:translate(-50%,-50%);
  }
  .mv2602 .zoom img{
    transform:translate(-50%,-50%) scale(1.6);
  }
  .mv2602 .zoom.move img{
    transform: translate(-50%,-50%) scale(1);
  }
  .mv2602 .slide img{
    transform: translate(-50%,0);
    height: 120%;
  }
  .mv2602 .slide.move img{
    transform: translate(-50%,-14%);
  }
}