@charset "UTF-8";

/* 画像のサイズとトリミング調整 */
.carousel-item img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	border-radius: 4px;
}

@media (max-width: 767.98px) {
	.carousel-item img {
		height: 200px;
		object-fit: contain;
	}
}

/* 下部のドット（インジケーター） */
.carousel-indicators [data-bs-target] {
	background-color: var(--gcolor-orange);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	margin: 0 5px;
}

/* 左右のオレンジ丸矢印ボタン */
.carousel-control-prev,
.carousel-control-next {
	width: 36px;
	height: 36px;
	background-color: var(--gcolor-orange) !important;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.9;
	color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2px;
	transition: opacity 0.2s ease;
}

.carousel-control-prev {
	left: 15px;
}

.carousel-control-next {
	right: 15px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	opacity: 1;
}