@charset "utf-8";
/*----------------------------------------------------
 ツール利用でも単発・年間契約が選べることを伝える（2026-10-22）
 ファーストビューの1行・配信スケジュール例の1行と印
----------------------------------------------------*/
.lp-hero-plan {
	margin: calc(16 * var(--u)) 0 0;
	text-align: center;
	font-size: calc(24 * var(--u));
	font-weight: 700;
	line-height: 1.6;
	color: var(--lp-teal, #13b5b1);
}

#schedule .lp-schedule-lead {
	margin: calc(-8 * var(--u)) auto calc(40 * var(--u));
	text-align: center;
	font-size: calc(26 * var(--u));
	font-weight: 700;
	line-height: 1.7;
	color: #333;
}

#schedule .lp-plan-tag {
	display: inline-block;
	margin: 0 calc(14 * var(--u)) 0 0;
	padding: calc(3 * var(--u)) calc(16 * var(--u));
	border-radius: 999px;
	background: var(--lp-teal, #13b5b1);
	color: #fff;
	font-size: calc(20 * var(--u));
	font-weight: 700;
	line-height: 1.6;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.lp-hero-plan {
		margin: calc(10 * var(--u)) 0 0;
		font-size: calc(14 * var(--u));
	}

	#schedule .lp-schedule-lead {
		margin: calc(-4 * var(--u)) auto calc(20 * var(--u));
		padding: 0 calc(18 * var(--u));
		font-size: calc(14 * var(--u));
		text-align: left;
	}

	#schedule .lp-plan-tag {
		display: table;
		margin: 0 0 calc(6 * var(--u));
		font-size: calc(12 * var(--u));
	}
}