/* ==============================================
* 1. firstview用css
* 2. 
================================================= */
/* PCファーストビュー（KANT） */

.firstview_pict_pcarea .firstview_pict {
	position: relative;
	overflow: hidden;
	/* 画面の大きさで高さを変える。必要に応じて調整してOK */
	height: clamp(480px, 80vh, 720px);
}

/* slick の枠（PC） */
.firstview_slider_box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* 各スライド */
.firstview_slider_box .firstview_slider {
	width: 100%;
	height: 100%;
}

/* 画像：Ken Burns っぽいズーム */
.firstview_slider_box .firstview_slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;

	/* ここが「ちょーーーーっとだけズーム」の部分 */
	transform: scale(1.06); /* 開始時は少し拡大 */
	transform-origin: 50% 50%; /* 中央基準。ずらしたければ 40% 30% とか */
	transition: transform 5s ease-out;
}

/* 「今表示中のスライド」だけゆっくりズームアウト */
.firstview_slider_box .slick-active img {
	transform: scale(1);
}

/* slick 初期化後にだけ position: relative 付与（チラつき防止用） */
.firstview_slider_box.slick-initialized .firstview_slider {
	position: relative;
}