@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: 6vw;
  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: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: both;
}

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

/*キャッチコピー*/
.catch01{
  font-size:calc(0.9rem + 1.5vw);
}
.catch02{
  font-size:calc(1rem + 2.5vw);
}

/*ヘッダーメニュー*/
.site-header {
  background-color: rgb(255, 255, 255, 1.0) !important;
}

.site-header-logo {
  text-align: left;
  padding-top:0.2rem !important;
  margin-bottom:0.2rem !important;
  margin-left: 0
}