/* トップの物件検索バナー内「物件を探す」ボタンを /estate へのリンクにする。
 *
 * バナーは1枚の画像なので、ボタンの位置に透明な <a> を重ねている。
 * 位置は画像内のボタンの実測値をパーセントで持たせてあるため、
 * 画像が width:100% で伸縮しても追従する（PC 1400px / SP 390px などで検証済み）。
 *
 * ⚠️ バナー画像を差し替えたらボタンの位置も変わる。値を取り直すこと。
 *    取り方: 画像の赤いピル（おおよそ rgb(230,0,30)）を塗りつぶしで連結領域として拾い、
 *    その外接矩形を画像サイズで割ってパーセントにする。
 * ⚠️ .eyecatch 自体には position を付けない。別セクション(#w1jgn5twulbjt8duj56z)の
 *    .eyecatch::before が絶対配置で乗っており、基準がずれる可能性があるため、
 *    専用のラッパ .tl_cover を挟んでいる。
 */
.tl_cover {
	position: relative;
	display: block;
}

.tl_cover .tl_cover_btn {
	position: absolute;
	display: block;
	/* ピル型なので角の外側はクリック対象から外す */
	border-radius: 9999px;
	/* 画像の上に確実に乗せる */
	z-index: 2;
	/* リンク文言は画像に描かれているので視覚的には隠す。
	   空リンクにすると読み上げで用途が分からなくなるため、テキストは残して外へ送る。 */
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

/* PC: pc_second_cover.webp 2000x900 のうち x=824〜1228 / y=363〜445 */
.tl_cover .tl_cover_btn--pc {
	left: 41.20%;
	top: 40.33%;
	width: 20.20%;
	height: 9.11%;
}

/* SP: sp_second_cover.webp 640x900 のうち x=117〜521 / y=311〜394 */
.tl_cover .tl_cover_btn--sp {
	left: 18.28%;
	top: 34.56%;
	width: 63.12%;
	height: 9.22%;
}

/* リンクだと分かる最小限のフィードバック。画像側は変えられないので枠で示す。 */
.tl_cover .tl_cover_btn:focus-visible {
	outline: 3px solid #00913A;
	outline-offset: 3px;
}