/* 読みやすさの改善（2026-10）
   本文・見出しのタイポグラフィを main 内だけで整える。inc/header.php から読み込む。
   - 長い本文の中央揃えをやめて左揃えにする（画像キャプション p.center・ボタン・画像だけの段落・インライン指定は除く）
   - 日本語向けに行間を広げ、段落の間隔をそろえる
   - h2（帯）と h3（左線）の見た目を変えて、見出しの階層を分かりやすくする
   style2.css は30日キャッシュされているため、上書きはこのファイルで行う */

body {
	color: #333;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

/* ---------- 本文 ---------- */
main p {
	font-size: 16px;
	line-height: 1.85;
	letter-spacing: .02em;
	padding: 0;
	margin: 0 0 1.1em;
}
main li,
main dd,
main td,
main th {
	line-height: 1.8;
}
main .entry p:not(.center):not(.text-center):not([style*="text-align"]):not(:has(> img, > a > img, > .btn, > .button)),
main .entry ul:not([class]),
main .entry ol:not([class]) {
	text-align: left;
}
main .entry ul:not([class]),
main .entry ol:not([class]) {
	padding-left: 1.5em;
	margin-bottom: 1.2em;
}
main .entry ul:not([class]) > li,
main .entry ol:not([class]) > li {
	margin-bottom: .35em;
}
main p a,
main li a,
main td a {
	text-underline-offset: 3px;
}
main table {
	margin-bottom: 1.4em;
}
main .table > :not(caption) > * > * {
	padding: .65rem .8rem;
}

/* ---------- 見出し ---------- */
main h1:not(.hp-h1) {
	font-size: 24px;
	line-height: 1.5;
	text-align: left;
	padding: 16px 20px;
	margin-bottom: 24px;
	border-radius: 4px 4px 4px 0;
}
main h2:not([class]) {
	font-size: 21px;
	line-height: 1.5;
	font-weight: bold;
	color: #2d1838;
	text-align: left;
	background: #f4eef7;
	padding: 12px 16px 12px 30px;
	margin: 48px 0 18px;
	border-radius: 4px;
}
main h2:not([class])::before {
	left: 14px;
	top: 22%;
	height: 56%;
	width: 5px;
}
main h3:not(.faq-q):not(.h5):not(.textboldl):not(.textboldm):not(.accordion-header):not(.card-title) {
	font-size: 18px;
	line-height: 1.55;
	font-weight: bold;
	color: #3b1d45;
	text-align: left;
	background: none;
	border-left: 4px solid #8860a0;
	padding: 3px 0 3px 12px;
	margin: 34px 0 12px;
}
main h4 {
	font-size: 17px;
	line-height: 1.55;
	padding: 0;
	margin: 26px 0 10px;
	text-align: left;
}

/* ---------- スマホ ---------- */
@media (max-width: 575px) {
	main p {
		font-size: 16px;
		line-height: 1.8;
	}
	main h1:not(.hp-h1) {
		font-size: 20px;
		padding: 14px 16px;
	}
	main h2:not([class]) {
		font-size: 19px;
		margin-top: 40px;
		padding: 10px 12px 10px 26px;
	}
	main h2:not([class])::before {
		left: 11px;
	}
	main h3:not(.faq-q):not(.h5):not(.textboldl):not(.textboldm):not(.accordion-header):not(.card-title) {
		font-size: 17px;
		margin-top: 28px;
	}
}