@charset "UTF-8";

/* pc
-------------------------------------------------------- */
@media screen and ( min-width:641px ){
.pcHidden { display: block; }
.spHidden { display: none; }

.img-box{
  width: 100%;
  height: 46vw;
  overflow: hidden;
  position: relative;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46vw;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}
/* 1枚目のスライド */
.img-box>div:first-of-type{
  background-image: url(../images/index/mainB.png);
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
  background-image: url("../images/index/mainB02.png");
  /* 追記 */
  animation-delay: 5s;
}

/* 3枚目のスライド */
.img-box>div:last-of-type{
  background-image: url("../images/index/mainB03.png");
  /* 追記 */
  animation-delay: 8s;
}
	
}
/* ipad(1024px)
---------------------------------------------------------*/	
@media screen and ( max-width:1024px ){
.pcHidden { display: none; }
.spHidden { display: block; }

.mainVisual{ position:relative; top:100px; margin: 0 auto 80px auto;}

/* ipad(768px)
---------------------------------------------------------*/	
@media screen and ( max-width:768px ){
.pcHidden { display: none; }
.spHidden { display: block; }

.img-box{
  width: 100%;
  height: 46vw;
  overflow: hidden;
  position: relative;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46vw;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}
/* 1枚目のスライド */
.img-box>div:first-of-type{
  background-image: url(../images/index/mainB.png);
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
  background-image: url("../images/index/mainB02.png");
  /* 追記 */
  animation-delay: 5s;
}

/* 3枚目のスライド */
.img-box>div:last-of-type{
  background-image: url("../images/index/mainB03.png");
  /* 追記 */
  animation-delay: 8s;
}
		

}


/* sp(640px)
-------------------------------------------------------- */
@media screen and ( max-width:640px ){


/* sp(480px)
-------------------------------------------------------- */
@media screen and ( max-width:480px ){
.pcHidden { display: none; }
.spHidden { display: block; }
	

}