/* ==========================================
   トップスライダー：確実に表示する企業（固定枠）
   既存の .slider-item / .slider-item-typeN の配置はそのまま使う
   ========================================== */

.slider-item--featured .slider-item__link {
	display: block;
}

/* 既存スライド（白黒で書き出し済み）に合わせて白黒にそろえる
   比率はアイキャッチ元画像のまま（img の width / height 属性から決まる） */
.slider-item--featured .slider-item__img {
	display: block;
	width: 100%;
	height: auto;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

/* ホバーでカラーに戻して、リンクだと分かるようにする */
.slider-item--featured .slider-item__link:hover .slider-item__img,
.slider-item--featured .slider-item__link:focus-visible .slider-item__img {
	filter: grayscale(0%);
}

.slider-item--featured .slider-item__link:focus-visible {
	outline: 2px solid #000;
	outline-offset: 4px;
}