/* 下層ページ本体は支給された完成見本。ヘッダーだけ既存サイトの実装を使用する。 */
html, body { margin: 0; min-height: 100%; background: #eef8fd; }
.full-reference-page { position: relative; width: min(100%, 1193px); margin: 0 auto; overflow: hidden; line-height: 0; aspect-ratio: 1122 / 1337; }
.full-reference-page > img { display: block; width: 100%; height: auto; transform: translateY(-4.636%); }
.full-reference-page .hit { position: absolute; z-index: 1; display: block; outline: none; }
.full-reference-page .hit:focus-visible { outline: 3px solid #ff8a00; outline-offset: 2px; }
/* ヒーローのCTA。上部の画像ヘッダーを除いた座標に合わせる。 */
.repair-consult { left: 5.4%; top: 20.1%; width: 20.4%; height: 3.7%; }
.repair-estimate { left: 26.5%; top: 20.1%; width: 18.4%; height: 3.7%; }
.estimate-consult { left: 5.4%; top: 20.8%; width: 22.5%; height: 4%; }
.estimate-photo { left: 28.8%; top: 20.8%; width: 18.8%; height: 4%; }
@media (max-width: 900px) { .full-reference-page { width: 100%; } }