@charset "UTF-8";
/**
 * shigo-toiro-privacy.css — /forthecompany/shigo-toiro/privacy
 *
 * SHIGO十色（Work Value Survey）の個人情報告知ページ。
 * 法務文書なので装飾は最小限。読みやすさだけを優先する。
 * 土台は他ページと共通（tokens.css のフォント変数／1140-840-540-320）。
 */

.stp-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.stp-doc {
	width: 100%;
	max-width: 800px;
	padding: 100px 24px 120px;
	color: #14314a;
	font-family: var(--s-font-f88553ee);
}

/* ---- 見出し ---- */

.stp-doc__eyebrow {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.16em;
}

.stp-doc__title {
	margin: 0 0 32px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.08em;
}

.stp-doc__lead {
	margin: 0 0 24px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.stp-doc__date {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: baseline;
	margin: 0 0 56px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.stp-doc__date-label {
	font-weight: 700;
}

/* ---- 各条 ---- */

.stp-sec {
	margin: 0 0 40px;
}

.stp-sec__title {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: baseline;
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d8e0e6;
}

.stp-sec__no {
	flex: none;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
}

.stp-sec__name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.08em;
}

.stp-sec__lead {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.stp-sec__list {
	margin: 16px 0 0;
	padding-left: 1.4em;
	/* base.css の ul リセット（list-style:none）をここで戻す。移植元 LP は
	   .legal-section ul{padding-left:22px} + li::marker で disc を出していた
	   （privacy.html L91-93）。マーカー無しだと「02 利用目的」の折返し項目の
	   境目が判別できない（375/430 で 7項目中5項目が折返す）。色は継承で #14314a。
	   計測: 全4幅で computed list-style-type=none を確認して修正。2026-09-14 */
	list-style: disc;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.stp-sec__list li {
	margin-bottom: 8px;
	/* 375/430 で短い列挙項目の末尾に「内」「連絡」「情報」だけが落ちる
	   （audit orphans lastLineChars 1〜2）。22字×14px=308px > 307px なので
	   letter-spacing 等では収まらず、折返し位置を前へずらす指定だけで対処。
	   未対応ブラウザは無視するだけで安全。文言・サイズは変えない。2026-09-14 */
	text-wrap: pretty;
}

.stp-sec__address {
	margin: 16px 0 0;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.9;
	letter-spacing: 0.04em;
}

.stp-sec__address a {
	color: #14314a;
	text-decoration: underline;
	/* タップ領域の確保。計測（2026-09-14）: 全幅で高さ 19px しかなく、
	   WCAG 2.2 SC 2.5.8 の最小 24px を下回る。文中リンクではなく
	   1行を占める連絡先なので「inline 例外」は使えない。
	   inline のまま上下 padding を足すと行ボックスの高さは変わらないため
	   （非置換インライン要素の縦 padding は行送りに影響しない）、
	   当たり判定だけ 19px → 25px に広がり、見た目・docH は一切動かない。 */
	padding: 3px 0;
}

/* ---- 戻る ---- */

.stp-doc__back {
	margin: 56px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.stp-doc__back a {
	color: #14314a;
	text-decoration: underline;
	/* 同上。こちらは段落まるごとがリンク＝本ページ唯一の離脱導線なのに
	   計測高さ 17px（全幅）で、上下に隣接する要素も無い。
	   上下 6px の inline padding で当たり判定 17px → 29px。
	   行ボックスは変わらないので位置・下線・docH は不変。2026-09-14 */
	padding: 6px 0;
}

/* ---- レスポンシブ ---- */

@media (max-width: 840px) {

	.stp-doc {
		padding: 72px 24px 96px;
	}

	.stp-doc__title {
		font-size: 26px;
	}
}

@media (max-width: 540px) {

	.stp-doc__title {
		font-size: 22px;
	}

	.stp-doc__lead,
	.stp-sec__lead,
	.stp-sec__list {
		font-size: 14px;
	}
}

@media (max-width: 320px) {

	/* @mini でだけ h1「取得情報の取扱いについて」が2行になり、2行目に
	   「て」1文字だけが落ちる（audit_320 orphans lastLineChars 1・lastLineW 24px）。
	   計測: 22px 時の1行必要幅 285px に対し本文カラムは 272px しかない。
	   20px なら必要幅 259px で1行に収まる（321px 以上は 22px のまま1行なので影響なし）。
	   既存の 32 → 26 → 22 の段階に 20 を足すだけ。字間 0.08em は維持。2026-09-14 */
	.stp-doc__title {
		font-size: 20px;
	}
}