/******** swiper movie *********/
.swiper-area{
  margin-top: 72px;
  height: 46vh;
}
@media(max-width:768px){
  .swiper-area{
    height: 29vh;
  }
}

@-webkit-keyframes zoomUp {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  100% {
  -webkit-transform: scale(1.11);
  transform: scale(1.11);
  }
  }
  
  @keyframes zoomUp { /*1.11倍させる指定*/
  0% {
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  100% {
  -webkit-transform: scale(1.11);
  transform: scale(1.11);
  }
  }
  
  .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;
  }

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

  .slide-img {
  background-size: cover;
  background-position: center center; /*背景画像は中央を軸に表示させる*/
  /* position: relative; */
  height: 46vh;
  }
  
  @media(max-width:768px){
    .slide-img {
      height: 29vh;
    }
  }

  /*テキストを追加したい場合は以下を追加*/
  .slide-text {
  position: absolute;
  z-index: 10;
  font-size: 2.5rem;
  line-height: 1.3;
  color: #fff;
  width: 100%;
  bottom: 10%;
  right: 10%;
  text-align: right;
  margin-left: 10%;
  font-weight: bold;
  filter: drop-shadow(1px 1px 3px #666);
  }
  
  @media(max-width:768px){
    .slide-text {
      font-size: 1.7rem;
      right: 5%;
    }
  }


  .slide-text-2 {
  position: absolute;
  z-index: 10;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #fff;
  width: 100%;
  top: 50%;
  text-align: left;
  margin-left: 10%;
  font-weight: bold;
  filter: drop-shadow(1px 1px 3px #666);
  }