@charset "utf-8";
/* CSS Document */
html, body {
	background-color: transparent!important;
}
.slide{
  	/*position: absolute;
	top: 100px;
	left: 0px;
  	width: 100%;
  	height: 100VH;
	z-index: 0;*/
}
.container {
  	width: 100%;
  	height: 100VH;
	z-index: 999;
}
.slide ul{
  position: relative;
  width: 100%;
  height: 68VH;
  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: 685px) {
#PC------------------------{}
.slide{
  	
	width:1920px;
  	height: 1030px!important;
	margin:0 auto;
	margin-left: calc(50VW - 960px);
}
.slide ul{
  	height: 1030px!important;
}
    .slide-image:nth-child(1) {
      	background-image: url("../img/2601/bg2601-1.jpg");
      	animation-delay: -2s;
		background-position: top center;
    }

    .slide-image:nth-child(2) {
      	background-image: url("../img/2601/bg2601-2.jpg");
      	animation-delay: 6s;
		background-position: top center;
    }

    .slide-image:nth-child(3) {
      	background-image: url("../img/2601/bg2601-3.jpg");
      	animation-delay: 14s;
		background-position: top center;
    }
}
	
@media screen and (max-width: 684px) {
#SMP------------------------{}
    .slide-image:nth-child(1) {
      	background-image: url("../img/2601/bg2601-1_sp.jpg");
      	animation-delay: -2s;
		background-size: contain;
		background-position: top center;
    }

    .slide-image:nth-child(2) {
      	background-image: url("../img/2601/bg2601-2_sp.jpg");
      	animation-delay: 6s;
		background-size: contain;
		background-position: top center;
    }

    .slide-image:nth-child(3) {
      	background-image: url("../img/2601/bg2601-3_sp.jpg");
      	animation-delay: 14s;
		background-size: contain;
		background-position: top center;
    }
}

@keyframes slider-1 {
  0% {
    opacity: 0;
  }
  4.16% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  41.66% {
    opacity: 0;
  }
  100% {
  	opacity: 0;
  }