/**
 * 施工事例カルーセル - スタイル
 */

.yonekou-case-carousel {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	background-color: #fff;
	overflow: hidden;
}

/* スライダーコンテナ */
.yonekou-case-carousel__slider {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.yonekou-case-carousel__track {
	display: flex;
	gap: 0;
	will-change: transform;
}

/* カルーセルアイテム */
.yonekou-case-carousel__item {
	flex: 0 0 50%; /* 2列表示 */
	min-width: 0;
}

.yonekou-case-carousel__link {
	display: block;
	text-decoration: none;
	overflow: hidden;
	transition: opacity 0.3s ease;
}

.yonekou-case-carousel__link:hover {
	opacity: 0.85;
}

/* 画像 */
.yonekou-case-carousel__link img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.yonekou-case-carousel__link:hover img {
	transform: scale(1.02);
}


/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
	.yonekou-case-carousel__item {
		flex: 0 0 100%; /* モバイルは1列表示 */
	}

	.yonekou-case-carousel__link img {
		height: 250px;
	}
}