@charset "UTF-8";
/*
 * OST Smart Builder（カスタムブロック）用のスタイル。
 *
 * 本体の見出しは class（headLine1〜4）を付けたときだけデザインが当たるため、
 * ブロックで入力した h タグや本文にも本体と同じ見た目が当たるようにします。
 * ブロックの外に影響しないよう、すべてセクションブロックの class「block-section」の中に限定しています。
 *
 * 余白（margin）はブロック側の指定に任せ、ここでは見た目だけを合わせます。
 * 値は styles.css の .headLine1〜4 / ul:not([class]) / .btn-green と同じです。
 */

/* ── 見出し（h1 = .headLine1 / h2 = .headLine2 / h3 = .headLine3 / h4 = .headLine4） ── */
.block-section h1 {
	font-size: 2.125rem;
	font-weight: 700;
}

.block-section h2 {
	font-size: 1.75rem;
	font-weight: 500;
	padding-bottom: 5px;
	position: relative;
}

.block-section h2::after {
	background: #00b09a;
	background: linear-gradient(90deg, #00b09a 0, #007264);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 50px;
}

/* 見出しを中央・右寄せにしたときは下線も合わせます。 */
.block-section h2[style*="text-align:center"]::after {
	left: 50%;
	transform: translateX(-50%);
}

.block-section h2[style*="text-align:right"]::after {
	left: auto;
	right: 0;
}

.block-section h3 {
	background: #e4f2f0;
	color: #00917f;
	font-size: 1.375rem;
	font-weight: 500;
	padding: 2px 20px;
}

.block-section h4 {
	font-size: 1.125rem;
	font-weight: 500;
}

/* ── リスト（エディターのリストブロックは class が付くため、本体の ul:not([class]) と同じ指定を当てます） ── */
.block-section ul.wp-block-list,
.block-section ol.wp-block-list {
	padding-left: 2rem;
}

.block-section ul.wp-block-list > li {
	display: list-item;
	margin-top: 5px;
}

.block-section ul.wp-block-list > li::marker {
	color: #00917f;
}

/* ── ボタン ── */

/* 本体の .btn は width:100% のため、ボタンの横幅を文字に合わせます（最小幅は本体の 200px のまま）。 */
.block-section .btn {
	width: auto;
}

/* プライマリは本体の .btn-green と同じ配色にします。 */
.block-section .btn--primary {
	background: #00917f;
	border: 1px solid #00917f;
	color: #fff;
}