/**
 * 個人情報保護方針（page-privacy.php）用スタイル
 * 固定ページ本文の見出しデザイン（左の青い縦線＋下のグレー線）
 *
 * @package emio-techno
 */

/* ページタイトルを1行で表示（オーバーレイ幅を広げて折り返し防止） */
.page-privacy .page-header__overlay {
	max-width: 920px;
}

.page-privacy .page-header__title {
	flex-wrap: nowrap;
}

/* 見出し：青文字・左に薄い青の縦線・下にグレー線 */
.page-privacy__body h2,
.page-privacy__body h3 {
	position: relative;
	margin: 0 0 16px;
	padding-left: 16px;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #0f3193;
	line-height: 1.4;
}

.page-privacy__body h2::before,
.page-privacy__body h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 1.2em;
	background-color: #e6f3f7;
	border-radius: 2px;
}

.page-privacy__body h2::after,
.page-privacy__body h3::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -16px;
	height: 1px;
	background-color: #e8e8e8;
}

/* 見出し下の余白（下線の下まで含む） */
.page-privacy__body h2,
.page-privacy__body h3 {
	margin-bottom: 24px;
}

/* 各項目の間隔を広めに */
.page-privacy__body h2:not(:first-child),
.page-privacy__body h3:not(:first-child) {
	margin-top: 40px;
}

.page-privacy__body p,
.page-privacy__body ul,
.page-privacy__body ol {
	margin: 0 0 24px;
}

.page-privacy__body p:last-child,
.page-privacy__body ul:last-child,
.page-privacy__body ol:last-child {
	margin-bottom: 0;
}

.page-privacy__body li {
	margin-bottom: 8px;
}

.page-privacy__body li:last-child {
	margin-bottom: 0;
}