@charset "utf-8";
/* ページ専用の追加スタイル（renewal.css の補完）
   style.css の p{font-size:13px} を、本ページの新規セクション内だけ読みやすい大きさに戻す */
.rnSplit .txt p { margin: 0 0 14px; font-size: 16px; line-height: 2; color: #333; }
.rnSplit .txt .rnCheck { margin-top: 6px; }
.rnSplit .txt .rnTags { margin-top: 12px; }
.rnSection .rnSub, .rnSplit .txt p.rnSub { margin: 0 0 8px; font-family: Arial, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 0.16em; color: #b80000; }
@media screen and (max-width: 767px) {
	.rnSplit .txt p { font-size: 14.5px; line-height: 1.9; }
}

/* ===== 表示調整（スマホ） ===== */
@media screen and (max-width: 767px) {
	/* 本文側の大見出し：34px のままだと語の途中で改行されるため縮小 */
	#contents .subtitle .title { font-size: 22px; line-height: 1.5; }

	/* 比較表：スマホでは横スクロールをやめ、項目ごとに「これまで／構築する仕組み」を並べて表示 */
	#automation .rnTable { min-width: 0; border: 0; background: transparent; }
	#automation .rnTable thead { display: none; }
	#automation .rnTable tbody { display: block; }
	#automation .rnTable tbody tr { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 10px; background: #fff; border: 1px solid #dcdcdc; }
	#automation .rnTable tbody th { grid-column: 1 / -1; width: auto; padding: 8px 12px; border: 0; background: #f5f6f9; font-size: 14px; }
	#automation .rnTable tbody td { padding: 8px 10px 10px; border: 0; border-top: 1px solid #dcdcdc; font-size: 13px; line-height: 1.7; }
	#automation .rnTable tbody td + td { border-left: 1px solid #dcdcdc; }
	#automation .rnTable tbody td::before { display: block; margin: 0 0 4px; font-size: 11px; font-weight: bold; color: #1C4C9F; }
	#automation .rnTable tbody td.hl::before { color: #b80000; }
	#automation .rnTable tbody td:nth-of-type(1)::before { content: "これまで"; }
	#automation .rnTable tbody td:nth-of-type(2)::before { content: "構築する仕組み"; }

	/* 対応サービスのラベル：大きすぎて1個だけ最終行に落ちるため小さく */
	#basic .rnStack { gap: 8px; }
	#basic .rnStack li { padding: 6px 12px; font-size: 13px; }
}