/* スライダー全体 */
.swiper-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* スライド1枚分 */
.swiper-slide {
	width: 100%;
	height: auto;
}

/* ラッパー：画像と同じ比率に固定 */
.slide-wrapper {
	position: relative;
	width: 100%;
	/*aspect-ratio: 64 / 25;*/ /* 例: 16:9比率、必要に応じて変更 */
	aspect-ratio: 16 / 6;/*今回*/
	overflow: hidden;
}
@media only screen and (max-width: 1366px) {	/* TABサイズの画像比率 */
	.slide-wrapper {
		/*aspect-ratio: 28 / 15;*/
		aspect-ratio: 11 / 5;/*今回*/
	}
}
@media only screen and (max-width: 568px) {	/* SPサイズの画像比率 */
	.slide-wrapper {
		aspect-ratio: 19 / 25;
	}
}

/* 画像スタイル */
.slide-wrapper picture,
.slide-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 矢印の共通設定（中央に配置） */
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: calc(50% + 25px);			/* 矢印サイズの半分の数値をプラスする */
	transform: translateY(-50%);
	z-index: 10;
	color: #ffffffcc;
	width: 40px;
	height: 40px;
}

/* 左右の位置調整 */
.swiper-button-prev {
	left: 20px;
}
.swiper-button-next {
	right: 20px;
}

/* 矢印アイコンのサイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
	font-size:50px;
	line-height: 1;
}

/* ページネーションの位置と見た目 */
.swiper-pagination {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}

.swiper-pagination-bullet {
	background: #ccc;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	border-radius: 50%;
	opacity: 0.6;
}

.swiper-pagination-bullet-active {
	background: #00ccff;
	opacity: 1;
}

/* モバイル用調整（必要なら） */
@media (max-width: 768px) {
	.swiper-button-prev,
	.swiper-button-next {
		width: 10px;
		height: 10px;
	}

	.swiper-button-prev::after,
	.swiper-button-next::after {
		font-size:36px;
	}
}



/*印刷時の為*/
@media print {
	.slide-wrapper {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 6;/*今回*/
		height: 37.5vw; /* 今回（2000×750px）アスペクト比 16:6 (8:3) に基づいて設定（高さ = 幅 × 3 / 8） */
		overflow: hidden;
	}
}