@charset "utf-8";
/* CSS Document */
.swiper {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 50px;
    position: relative; /* 矢印を絶対配置するための基準点 */
    box-sizing: border-box; 
}
.swiper-slide {
    background-color: #fff;
    border-radius: 8px;
}
.swiper-slide img {
    display: block;
    width: 85%;
	margin: 0 auto;
    height: auto;
    object-fit: cover;
}
@media screen and (max-width:736px) {
.swiper-slide img {
    display: block;
    width: 80%;
	margin: 0 auto;
    height: auto;
    object-fit: cover;
}
}
.slide-content {
    padding: 15px;
    text-align: center;
	font-size: 1.1rem;
}
@media screen and (max-width:736px) {
.slide-content {
    padding: 15px 10px;
    text-align: center;
	font-size: 1.0rem;
}
}
.slide-content span {
    font-size: 85%;
}
.swiper-button-next, .swiper-button-prev {
    color: #208735;
}
/*
 ナビゲーションボタン（矢印）
*/
.swiper-button-prev {
    left: 0px; /* 左の余白（0px～50pxの範囲）に配置 */
}
.swiper-button-next {
    right: 0px; /* 右の余白（0px～50pxの範囲）に配置 */
}
/* 矢印の上下中央揃えを維持 */
.swiper-button-next, .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
}
.swiper-button-disabled {
    display: none;
}
  .swiper-scrollbar {
    height: 8px !important; /* スクロールバーの太さ */
    background-color: #f5f5f5 !important; /* スクロールバーの色 */
    top: 0px; /* 上からの位置 */
  }
  .swiper-scrollbar .swiper-scrollbar-drag {
    height: 8px !important; /* スクロールバーの太さ */
    background: #208735; /* スクロールドラッグの色 */
    border-radius: 100px; /* 角を丸くする */

  }