.swiper-pagination-bullets {
width: 39px;
}

/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #000;
  height: 15px;
  width: 15px;
  margin: 0 15px !important;
}

/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

/* スライド */
.lp-slide {
  margin: 0 auto;
  width: 100%;
}
/* 画像のスタイル */
.slide-img {
  width: 100%;
	object-fit: contain;
}
/* 文字のスタイル */
p.text {
  color: #fff;
  font-size: 2vw;
  position: absolute;
  text-shadow: 3px 3px 0 #000;
  top: 50%;
  left: 30%;
}

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

  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;
}

@media screen and (max-width: 767px) {
.slide-logo {
position: absolute;
top:30%;
left:30%;
width:30%;
height: auto;
}}

@media screen and (min-width: 767px){
.slide-logo {
position: absolute;
top:30%;
left:30%;
}}