/*
 * 広告 LP `u_20_3` の「よくあるご質問」の設問を、移行元と同じ寸法に戻す（Bug #6019）。
 *
 * 理由と方針は `ad-lp-faq-question.css` の冒頭と同じである。**この意匠だけ値が違う**
 * ので別ファイルにした（素の規則が 768px 以下に在り、幅も 15% / 72% と別）。
 *
 * 値の出どころは `assets/ad-u_20_3/static/css/parts.css` の 1883〜1914 行。
 * **当たり先だけを `p` から `span` へ替えてある。**
 */

/*
 * ここから下は Bug #6073 で足した。意匠が `.faq-box p` に書いている行送りと字を戻す。
 *
 * 上の Bug #6019 が戻したのは `.faq-area dt a p:first-of-type` / `:last-of-type` の
 * 2 規則だけで、`assets/ad-u_20_3/static/css/parts.css` の 1814 行
 *
 *     .faq-box p { line-height: 1.6; font-size: 18px; color: #4f4f4f; }
 *
 * が残っていた。実測（2026-09-13 19:58〜20:00・移行元と dev を同じ物差しで）:
 *
 * | 当たり先 | 幅 | 移行元 | dev |
 * |---|---|---|---|
 * | `.faq-q`（Q 番号） | 1440 | 26px / 行 41.6px | 26px / 行 33.6px |
 * | 設問（類名なし） | 1440 | 18px / 行 28.8px | 28px / 行 33.6px |
 * | `.faq-q`（Q 番号） | 375 | 26px / 行 41.6px | 26px / 行 33.6px |
 * | 設問（類名なし） | 375 | 14px / 行 22.4px | 14px / 行 33.6px |
 *
 * 🚨 **`color` は写さない。**実測で両側とも `rgb(79, 79, 79)`（＝ `#4f4f4f`）で
 * 差が無かった。`.faq-area dt a` が同じ色を持っており、`<span>` はそれを継ぐ.
 *
 * 🚨 **携帯幅（768px 以下）の字は下の塊が 14px を与える。**こちらの素の当たり先と
 * 詳細度が同じで、**後ろに在るので勝つ**。行送りの 1.6 だけがこちらから効き、
 * 14px × 1.6 ＝ 22.4px で移行元と合う（`.faq-q` は 26px × 1.6 ＝ 41.6px）.
 *
 * 🚨 **`display` は戻さない。**幅 375 では `.faq-area dt a` が `display: table` で
 * `<span>` は `table-cell` になる。実測で移行元と同じ寸法・位置だった.
 */

.faq-area dt a > span {
	font-size: 18px;
	line-height: 1.6;
}

.faq-area dt a > span:first-of-type {
	margin: 0 20px 0 0;
	width: 7%;
	font-size: 26px;
}

.faq-area dt a > span:last-of-type {
	padding: 0 0 0 0;
	width: 80%;
}

@media (max-width: 768px) {
	.faq-area dt a > span {
		display: table-cell;
		vertical-align: top;
		padding: 5px 0;
		font-size: 14px;
		text-align: left;
	}

	.faq-area dt a > span:first-of-type {
		width: 15%;
	}

	.faq-area dt a > span:last-of-type {
		width: 72%;
		padding: 5px 0;
	}
}