/* スライダー全体 */
.slider{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 70vh;
  background-color: #000;
}

/* スライダー画像 */
.slider .image{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*
  ①スライド画像
  表示する画像を定義
*/
.slider .image:nth-of-type(1){
  background-image: url("../img_factory/factory_sa009.jpeg");
}
.slider .image:nth-of-type(2){
  animation-delay: 5s;
  background-image: url(../img_factory/factory02.jpg);
}
.slider .image:nth-of-type(3){
  animation-delay: 10s;
  background-image: url(../img_factory/factory03.jpg);
}
.slider .image:nth-of-type(4){
  animation-delay: 15s;
  background-image: url("../img_factory/factory_sa012.jpeg");
}
.slider .image:nth-of-type(5){
  animation-delay: 20s;
  background-image: url(../img_factory/factory05.jpg);
}
.slider .image:nth-of-type(6){
  animation-delay: 25s;
  background-image: url(../img_factory/factory_sa008.jpg);
}
.slider .image:nth-of-type(7){
  animation-delay: 30s;
  background-image: url(../img_factory/factory_sa010.jpg);
}
/*
.slider .image:nth-of-type(8){
  animation-delay: 35s;
  background-image: url(../img_factory/factory08.jpg);
}
.slider .image:nth-of-type(9){
  animation-delay: 40s;
  background-image: url(../img_factory/factory10.jpg);
}
.slider .image:nth-of-type(10){
  animation-delay: 45s;
  background-image: url(../img_factory/factory07.jpg);
}
.slider .image:nth-of-type(11){
  animation-delay: 50s;
  background-image: url(../img_factory/factory09.jpg);
}
.slider .image:nth-of-type(12){
  animation-delay: 55s;
  background-image: url(../img_factory/factory11.jpg);
}
.slider .image:nth-of-type(13){
  animation-delay: 60s;
  background-image: url(../img_factory/factory06.jpg);
}
.slider .image:nth-of-type(14){
  animation-delay: 65s;
  background-image: url(../img_factory/factory10.jpg);
}
*/
/*
.slider .image:nth-of-type(4){
  animation-delay: 15s;
  background-image: url(../img_factory/factory02.jpg);
}
.slider .image:nth-of-type(5){
  animation-delay: 20s;
  background-image: url(../img_factory/factory07.jpg);
}
.slider .image:nth-of-type(6){
  animation-delay: 25s;
  background-image: url(../img_factory/factory09.jpg);
}
*/


/*
  ②アニメーション設定
  animation-durationのみ変更
*/
.slider .image{
  animation-name: anime;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-duration: 15s;  /* ①で設定したanimation-delayを合計を挿入 */
}

.slider_sub{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
}

/* スライダー画像 */
.slider_sub .image{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.slider_sub2{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url(../img_factory/factory02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slider_greeting{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url(../img_factory/factory06.jpg);
  background-repeat: no-repeat;
  background-position: center -300px;
  background-size: cover;
}

.slider_kaishagaiyo{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url(../img_factory/factory13.jpg);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
}

.slider_enkaku{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url(../img_factory/factory14.jpg);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
}

.slider_electricpasts{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url(../img_factory/factory05.jpg);
  background-repeat: no-repeat;
  background-position: center -300px;
  background-size: cover;
}

.slider_manufacturing{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url("../img_factory/factory10.jpg");
  background-repeat: no-repeat;
  background-position: center -150px;
  background-size: cover;
}

.slider_form{
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 30vh;
  background-color: #000;
  background-image: url("../img_factory/factory12.jpg");
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
}

@media screen and (max-width: 800px) {
	
	.slider_greeting{
	  background-position: center 0px;
	}

	.slider_electricpasts{
	  background-position: center 0px;
	}

	.slider_manufacturing{
	  background-position: center 0px;
	}

}

@media screen and (max-width: 600px) {

	.slider_manufacturing{
	  background-position: center 0px;
	}	
}


/* アニメーション定義 */
@keyframes anime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@media screen and (max-width: 600px) {
	


}