/* /lp/jitan-seishain 固有の調整（UPRO_CAREER-174）。
   納品CSSの変換結果（jitan-seishain.css）は再生成するため、手での調整はこちらに書く。 */

/* 応募CTAと競合するため、このLPでは適職診断の追従バナーを出さない */
body:has(.lp-jitan) .shindan-fab,
body:has(.lp-jitan) .shindan-fab-reopen {
	display: none !important;
}

/* キャッチコピー「ちゃんと、正社員。」を途中で折り返さない。
   1行は約8.5文字分の幅（字詰め込み）なので、左カラムの幅に収まるよう文字サイズの上限を 100cqi / 8.7 にする。
   納品CSSのサイズ指定（PC: clamp(54px,7vw,105px) / SP: clamp(45px,14vw,57px)）より小さくなる時だけ効く */
.lp-page .hero-copy {
	container-type: inline-size;
}
.lp-page .hero h1 {
	white-space: nowrap;
	font-size: min(clamp(54px, 7vw, 105px), calc(100cqi / 8.7));
}
@media (width <= 800px) {
	.lp-page .hero h1 {
		font-size: min(clamp(45px, 14vw, 57px), calc(100cqi / 8.7));
	}
}

/* SPの見出し「「売らない営業」って、／ちょっと変ですよね。」を各行の途中で折り返さない。
   長いほうの行が約10.6文字分の幅なので、文字サイズの上限を 100cqi / 10.8 にする（PCは折り返さないので変更しない） */
@media (width <= 800px) {
	.lp-page .intro {
		container-type: inline-size;
	}
	.lp-page .intro h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 10.8));
	}
}

/* SPの見出し「その人生経験、／眠らせるには惜しい。」も同様。長いほうの行が約9.6文字分なので上限を 100cqi / 10 にする */
@media (width <= 800px) {
	.lp-page .experience {
		container-type: inline-size;
	}
	.lp-page .experience h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 10));
	}
}

/* SPの見出し「暮らしを犠牲にしない。／それも、仕事選びの条件。」も同様。長いほうの行が約11.6文字分なので上限を 100cqi / 12 にする */
@media (width <= 800px) {
	.lp-page .conditions {
		container-type: inline-size;
	}
	.lp-page .conditions h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 12));
	}
}

/* SPの見出し「通勤時間を短く。／家族との時間を長く。」も同様。長いほうの行が約9.6文字分なので上限を 100cqi / 10 にする */
@media (width <= 800px) {
	.lp-page .nearby-work {
		container-type: inline-size;
	}
	.lp-page .nearby-work h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 10));
	}
}

/* SPの小見出し「時短勤務は、／3つの時間帯から選べます。」も同様。長いほうの行が約12.4文字分なので上限を 100cqi / 12.7 にする */
@media (width <= 800px) {
	.lp-page .short-shift {
		container-type: inline-size;
	}
	.lp-page .short-shift h3 {
		white-space: nowrap;
		font-size: min(26px, calc(100cqi / 12.7));
	}
}

/* SPの見出し「16時退勤。／夕方からは、私の時間。」も同様。長いほうの行が約10.6文字分なので上限を 100cqi / 11 にする */
@media (width <= 800px) {
	.lp-page .day {
		container-type: inline-size;
	}
	.lp-page .day h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 11));
	}
}

/* 見出し「「久しぶりの仕事」も、／ひとりで始めません。」はPC・SPとも途中で折り返さない。
   長いほうの行が約10.6文字分（SPは字詰めが強く約10.3）なので上限を 100cqi / 10.9（SPは 10.6）にする */
.lp-page .training-copy {
	container-type: inline-size;
}
.lp-page .training-copy h2 {
	white-space: nowrap;
	font-size: min(clamp(36px, 4.2vw, 64px), calc(100cqi / 10.9));
}
@media (width <= 800px) {
	.lp-page .training-copy h2 {
		font-size: min(clamp(29px, 8.3vw, 35px), calc(100cqi / 10.6));
	}
}

/* 見出し「人事が、AI面接を／取り入れた理由。」もPC・SPとも途中で折り返さない。
   長いほうの行が約7.8文字分なので上限を 100cqi / 8.1 にする */
.lp-page .hr-heading {
	container-type: inline-size;
}
.lp-page .hr-heading h2 {
	white-space: nowrap;
	font-size: min(clamp(38px, 5vw, 70px), calc(100cqi / 8.1));
}
@media (width <= 800px) {
	.lp-page .hr-heading h2 {
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 8.1));
	}
}

/* 見出し「応募する前に、／働く人と職場を動画で。」もPC・SPとも途中で折り返さない（約10.6文字分 → 上限 100cqi / 10.9） */
.lp-page .video-heading > div {
	container-type: inline-size;
}
.lp-page .video-heading h2 {
	white-space: nowrap;
	font-size: min(clamp(38px, 5vw, 70px), calc(100cqi / 10.9));
}
@media (width <= 800px) {
	.lp-page .video-heading h2 {
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 10.9));
	}
}

/* 小見出し「職住接近で、正社員として働こう。」はPC・SPとも1行にする。
   PCは横並びの説明文を縮め、SPは約16文字分なので上限を 100cqi / 16.3 にする */
.lp-page .nearby-message strong {
	white-space: nowrap;
	flex-shrink: 0;
}
@media (width <= 800px) {
	.lp-page .nearby-message {
		container-type: inline-size;
	}
	.lp-page .nearby-message strong {
		font-size: min(21px, calc(100cqi / 16.3));
	}
}

/* SPの見出し・小見出しを途中で折り返さない（長いほうの行の文字数分 + 余裕で割る） */
@media (width <= 800px) {
	/* 「いきなり本番、ではありません。／AIと練習してから動画で応募。」約14.5文字分 */
	.lp-page .apply-heading {
		container-type: inline-size;
	}
	.lp-page .apply-heading h2 {
		white-space: nowrap;
		font-size: min(clamp(34px, 10vw, 42px), calc(100cqi / 14.8));
	}

	/* 「まずは、話す練習から。／応募するかは、そのあとで。」約13文字分 */
	.lp-page .final-cta {
		container-type: inline-size;
	}
	.lp-page .final-cta h2 {
		white-space: nowrap;
		font-size: min(35px, calc(100cqi / 13.3));
	}

	/* 人事インタビューの小見出し3つ。最長の「お待たせしない、スピーディーな選考」約17文字分に合わせ、3つとも同じ大きさにする */
	.lp-page .hr-reasons article > div {
		container-type: inline-size;
	}
	.lp-page .hr-reasons h3 {
		white-space: nowrap;
		font-size: min(19px, calc(100cqi / 17.3));
	}

	/* 応募ステップの小見出し（番号の丸の右に絶対配置）。h3の幅は article の内容幅より 54px 狭い。
	   最長の「うまくいった動画を応募に使える」約15文字分 */
	.lp-page .apply .steps article {
		container-type: inline-size;
	}
	.lp-page .apply .steps h3 {
		white-space: nowrap;
		font-size: min(17px, calc((100cqi - 54px) / 15.3));
	}
}

/* SPでは画面下にCTAが固定表示されるので、共通フッターの末尾が隠れないよう余白を足す
   （納品デザインでは自前フッターの padding-bottom:90px で同じことをしていた） */
@media (width <= 800px) {
	body:has(.lp-jitan) .site-footer {
		padding-bottom: 90px;
	}
}