/* Scale the complete hero composition with its own width, like the Lopia hero. */
.first-view__visual{container-type:inline-size;position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/2;overflow:hidden}
.first-view__visual .first-view__photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.first-view__visual .first-view__copy{position:absolute;inset:0;box-sizing:border-box;height:100%;min-height:0;padding:5cqw 7cqw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.first-view__visual .first-view__copy>*{flex-shrink:0}
.first-view__visual .company-logo{width:12cqw;height:auto;max-height:12cqw;object-fit:contain;margin:0 0 2cqw}
.first-view__visual .first-view__copy p{font-size:2.4cqw;line-height:1.5;margin:0 0 1.5cqw}
.first-view__visual .first-view__copy h1{font-size:7cqw;line-height:1.25;letter-spacing:.01em;margin:0 0 2.5cqw}
.first-view__visual .first-view__copy a,.first-view__visual .hero-link{box-sizing:border-box;width:64cqw;max-width:100%;padding:2cqw 3cqw;font-size:2.8cqw;line-height:1.5;margin:2cqw 0 0;border-radius:.4cqw}
.first-view__visual .first-view__conditions,.first-view__visual .hero-conditions{max-width:100%;font-size:1.8cqw;line-height:1.5;padding:1.3cqw 1.7cqw;border-radius:.4cqw}
.first-view__visual .first-view__copy h1{font-size:6.4cqw}.first-view__visual .ok-logo{width:12cqw;max-height:none}.first-view__visual .hero-conditions{font-size:1.65cqw}

/* 2026-09-16: 見出しの構造変更（h1＝ページタイトル／キャッチ＝p.hero-catch）に合わせて、
   小見出しとキャッチの大きさを入れ替える（変更前の p／h1 と同じ大きさ）。 */
.first-view__visual .first-view__copy h1{font-size:2.4cqw;line-height:1.5;letter-spacing:.02em;margin:0 0 1.5cqw}
.first-view__visual .first-view__copy .hero-catch{font-size:6.4cqw;line-height:1.25;letter-spacing:.01em;margin:0 0 2.5cqw}