@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-text {
      position: absolute;
      z-index: 10;
      font-size: 2.5rem;
      width: 100%;
      bottom: 10%;
      text-align: center;
      font-weight: bold;
	background-color: #fff;
    opacity: 0.7;
    color: #000;
}

.slide-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 250px;
}

/*画面幅500px以上の追加指定*/
@media screen and (min-width:500px) {
	.slide-img {
	    height: 300px;
	}
}
/*画面幅700px以上の追加指定*/
@media screen and (min-width:700px) {
	.slide-img {
	    height: 400px;
	}
}
/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {
	.slide-img {
	    height: 530px;
	}
}
/*画面幅1280px以上の追加指定*/
@media screen and (min-width:1280px) {
	.slide-img {
	    height: 720px;
	}
}
/*画面幅1600px以上の追加指定*/
@media screen and (min-width:1600px) {
	.slide-img {
	    height: 850px;
	}
}