@charset "UTF-8";

/*---------------------------------
              video
---------------------------------*/
@media screen and (max-width: 980px) {
.header-video {
  margin: 30px 0 0 0;
}
.header-video2 {
  margin: 40px 0 0px 0;
}
video {
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}

.bunny {
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}

/*---------------------------------
          slick setting
---------------------------------*/
.slide {
  position: relative;
  filter: drop-shadow(6px 6px 2px rgb(0, 0, 0,0.4));
}
.model01,
.model04,
.model06 {
  position: absolute;
  top: 18px;
  right: 51px;
  filter: drop-shadow(-8px -8px 0px rgb(0, 0, 0,0.1));
}
.model02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}
.model03,
.model05 {
  position: absolute;
  top: 18px;
  left: 51px;
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}


.carousel,
.carousel2 {
  width: 920px;
  height: auto;
  display: flex; 
  overflow: hidden;
  margin: 0 auto;
}
.carousel img,
.carousel2 img {
  margin: 0;
  padding: 0;
  display: block;
}
.carousel > :first-child {
  animation-name: scroll;
  animation-duration: 8s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { margin-left: 0; }  
  12% { margin-left: -100%; }  
  17% { margin-left: -100%; }      
  29% { margin-left: -200%; }
  34% { margin-left: -200%; }
  46% { margin-left: -300%; }
  51% { margin-left: -300%; }
  63% { margin-left: -400%; }
  68% { margin-left: -400%; }
  80% { margin-left: -500%; }
  85% { margin-left: -500%; }
  97% { margin-left: -600%; }
  100% { margin-left: -600%; }
}

.carousel2 > :first-child {
  animation-name: scroll2;
  animation-duration: 7s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
@keyframes scroll2 {
  0% { margin-left: 0; }  
  15% { margin-left: -100%; }  
  20% { margin-left: -100%; }      
  35% { margin-left: -200%; }
  40% { margin-left: -200%; }
  55% { margin-left: -300%; }
  60% { margin-left: -300%; }
  75% { margin-left: -400%; }
  80% { margin-left: -400%; }
  95% { margin-left: -500%; }
  100% { margin-left: -500%; }
}





.brand-logo {
  margin: 0 0 20px 0;
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}

}