@charset "utf-8";
/* CSS Document */

.slide{
  	position: absolute;
	top: 0px;
	left: 0px;
  	width: 100%;
  	height: 100VH;
	z-index: -1;
}
.wrapper {
  	width: 100%;
  	height: 100VH;
	z-index: 999;
}
.slide ul{
  position: relative;
  width: 100%;
  	height: 100VH;
  overflow: hidden;
}
.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 24s linear infinite;
}
@media screen and (min-width: 737px) {
#PC------------------------{}
    .slide{
        /*border-bottom: #373738 100px solid;*/
    }
    .slide-image {
      	background-position: top;
		background-size: 1920px;
    }
    .slide-image:nth-child(1) {
      	background-image: url("../img/2506/mv01.jpg?v=3");
      	animation-delay: -4s;
    }

    .slide-image:nth-child(2) {
      	background-image: url("../img/2506/mv03.jpg?v=3");
      	animation-delay: 4s;
    }

    .slide-image:nth-child(3) {
      	background-image: url("../img/2506/mv04.jpg?v=3");
      	animation-delay: 12s;
    }
}
	
@media screen and (max-width: 736px) {
#SMP------------------------{}
	
.slide ul{
  	height: 82VH;
}
.slide{
	background-color: #000214;
}
    .slide-image:nth-child(1) {
      	background-image: url("../img/2506/mv01sp.jpg?v=2");
      	animation-delay: -4s;
      	background-size: 100%;
    }

    .slide-image:nth-child(2) {
      	background-image: url("../img/2504/mv03sp.jpg?v=2");
      	animation-delay: 4s;
      	background-size: 100%;
    }

    .slide-image:nth-child(3) {
      	background-image: url("../img/2504/mv04sp.jpg?v=2");
      	animation-delay: 12s;
      	background-size: 100%;
    }
}

@keyframes slider-1 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  4.16% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  41.66% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
  	opacity: 0;
  }
}