@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ＭＳ ゴシック",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
}
/* スライド */
.lp-slide {
  margin: 0 auto;
  max-width: 100%;/*1280px*/
  width: 100%;
}
/* 画像のスタイル */
.slide-img {
  width: 100%;
  object-fit: contain;
  position: relative;
}
/* 文字のスタイル */
.text {
  color: #fff;
  font-size: calc(1.1rem + 2vw) !important;
  font-weight: 700;
  text-shadow: 1px 1px 1px #333;

  position: absolute;

  top: 30%;
  left: 10%;
}

/* アニメーションのキーフレーム設定 */
@keyframes fade-text {
  from {
      opacity: 0;
      transform: translateY(50px);
  }

  to {
      opacity: 1;
      transform: translateY(0px);
  }
}
/* テキストのアニメーション設定 */
.swiper-slide-active .text {
  animation-name: fade-text;
  animation-duration: 2s;/*1s 0sだとその場所のまま*/
  animation-delay: 0.5s;/*1.5s*/
  animation-fill-mode: both;
}

/* スライド画像の拡大アニメーションの設定 */
@keyframes zoom {
  0% {
    transform: scale(1) translate(0, 0);
    /*transform: scale(1.5) translate(10%, -10%);*/
  }
  100% {
    transform: scale(1.2) translate(2%, -10%);
    /*transform: scale(1) translate(0, 0);*/
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  animation: zoom 20s linear 0s normal both;/*7s*/
}