@charset "utf-8";

/* 個人情報保護方針ページ固有（2026-09-30 新規）
 * h3「当社における個人情報の取扱に関する原則」を、ほかのページのセクション見出し
 * （base.css の div#main .sec-title ほか：黒の大きい文字・左寄せ・装飾なし）と同じにする。
 * このページは body に id が無く base.css からは狙えないので、同じ指定をここに置いた（値を変えるときは両方） */

div#main h3 {
	display: block;
	width: 100%;
	margin-bottom: 40px;
	color: var(--color-ink, #20262a);
	font-size: var(--font-size-heading-1, 30px);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .04em;
	text-align: left;
	text-wrap: balance;
	word-break: auto-phrase;
}

@media (max-width: 767px) {
	div#main h3 {
		margin-bottom: 28px;
		font-size: 22px;
		text-wrap: pretty; /* SP は balance だと「運営・管理面は／すべておまかせ。」のように不自然に短く切れたので、最後の行が1〜2文字にならない程度に */
	}
}

/* h4（番号付きの条文の見出し「1. 法と…」）＝小見出しの左寄せ版（2026-09-30。旧: 紺の大きい文字）
 * 本文の頭に番号があるので斜めの線は付けず、番号（「1.」）だけ ::first-letter で青にする（CSSだけで。1〜7 の1桁なので「1.」まで拾える） */
div#main h4 {
	margin: 2.5em 0 .8em;
	color: var(--color-ink, #20262a);
	font-size: var(--font-size-title, 20px);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .02em;
}

div#main h4::first-letter {
	color: var(--color-brand, #0a6cb8);
}

@media (max-width: 767px) {
	div#main h4 {
		font-size: 18px;
	}
}