body {
  margin: 0;
  padding: 0;
}
.mySwiper {
  height: 600px;
}
.mySwiper img {
   object-fit: contain;
  width: 100%;
  height: 100%;
}

/* Swiper のデフォルト矢印サイズを完全に上書き */
.swiper-button-next,
.swiper-button-prev {
  width: 50px !important;
  height: 50px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: rgba(230, 233, 232, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* アイコンの見た目 */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 20px !important;
  color: #333;
}




.note-text {
 font-size: 0.85rem; /* 通常のpタグより少し小さめ（Bootstrapのfs-6は約1rem） */
 line-height: 1.4; }



/* カード本体は動かすだけ（拡大しない） */
.card.card-body:hover,
.card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}

/* 拡大するのは画像だけ */
.card img {
  transition: transform 0.4s ease;
}



.main-text {
  font-size: 1.1rem;
  line-height: 1.7;
  padding: 10px 5px;
}
.main-text {
  border-radius: 8px;
}
.main-text h4 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 12px;
}
.main-text {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.no-hover:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* 800px 以下で矢印を小さくする */
@media (max-width: 800px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px;
    height: 30px;
    transform: scale(0.6); /* 全体を縮小 */
  }

  /* アイコン自体のサイズ調整 */
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 20px;
  }
}
@media (max-width: 800px) {
  .swiper-button-next {
    right: -5px;
  }
  .swiper-button-prev {
    left: -5px;
  }
}
@media (max-width: 800px) {
  .swiper-button-next,
  .swiper-button-prev {
    opacity: 0.6;
  }
}
footer a {
  color: #ffffff;
  transition: color .2s;
}

footer a.text-light:hover {
  color: #0d6efd !important;
}

footer a:hover {
  color: #0d6efd;
  text-decoration: underline;
}
footer a {
  font-size: 0.95em;
}

.no-hover:hover {
  transform: none !important;
  box-shadow: none !important;
}

.slide-message {
  position: relative;
  width: 100%;
  text-align: center; /* ← 中央寄せ */
  overflow: hidden;
  transform: translateX(-120%);
  transition: transform 0.6s ease-out;
}

.slide-message.show {
  transform: translateX(0);
}