@charset "utf-8";
/* CSS Document */

.mainImg .swiper{}
.mainImg .swiper-slide{
	position:relative;
	}
.mainImg .swiper-img img{
	max-width:none;
	width:100%;
	}
.mainImg .swiper-txt{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	width:96%;
	text-align:center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
	/* テキスト全体の後ろに影を作る */
	filter:
			drop-shadow(5px 5px 5px rgba(255,255,255,0.8))
			drop-shadow(-5px 5px 5px rgba(255,255,255,0.8))
			drop-shadow(5px -5px 5px rgba(255,255,255,0.8))
			drop-shadow(-5px -5px 5px rgba(255,255,255,0.8));
	}
.mainImg .swiper-txt h2{
	color:var(--pink);
	font-size: clamp(18px, 4vw, 60px);
	line-height:1.3em;
	margin-bottom: 0.3em;
	}
.mainImg .swiper-txt h2 span{
	font-size:0.8em;
	}
.mainImg .swiper-txt p{
	color:#ff8800;
	font-size: clamp(13px, 3vw, 36px);/*最小サイズ, 推奨値, 最大サイズ*/
	line-height:1.3em;
	}



/* ページネーションの余白 */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px;
}



/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff;
	opacity: 0.5;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
  height: 8px;
  width: 8px;
}
/* 選択されているページネーション */
.swiper-pagination-bullet-active {
	opacity: 1;
}