/* サービスのページ（投稿タイプ news：引っ越し・復旧・PageSpeed）の部品（2026-10-11 CH-389） */
.fs-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 24px; }
.fs-plan { border: 1px solid #ddd; border-radius: 6px; padding: 20px 16px; text-align: center; background: #fff; }
.fs-plan.is-recommend { border: 2px solid #8fbcc1; position: relative; }
.fs-plan.is-recommend::before { content: "おすすめ"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #8fbcc1; color: #fff; font-size: 12px; padding: 2px 12px; border-radius: 12px; }
.fs-plan-name { font-weight: bold; font-size: 16px; margin: 0 0 8px; }
.fs-plan-price { font-size: 26px; font-weight: bold; color: #333; margin: 0; line-height: 1.4; }
.fs-plan-price small { font-size: 13px; font-weight: normal; }
.fs-plan-days { font-size: 13px; color: #777; margin: 0 0 12px; }
.fs-plan ul { text-align: left; margin: 0; padding: 12px 0 0; border-top: 1px dashed #ddd; list-style: none; }
.fs-plan li { font-size: 14px; line-height: 1.7; padding-left: 1.2em; text-indent: -1.2em; }
.fs-plan li::before { content: "✓ "; color: #8fbcc1; font-weight: bold; }
.fs-options { background: #f5f8f8; border-radius: 6px; padding: 14px 18px; margin: 0 0 24px; font-size: 14px; }
.fs-options p { margin: 0 0 4px; font-weight: bold; }
.fs-options ul { margin: 0; padding-left: 1.2em; }
.fs-checks { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 16px; }
.fs-checks li { background: #f5f8f8; border-radius: 4px; padding: 10px 14px; font-size: 14px; }
.fs-steps { list-style: none; counter-reset: fs-step; margin: 0 0 24px; padding: 0; }
.fs-steps li { counter-increment: fs-step; position: relative; padding: 0 0 18px 48px; font-size: 14px; line-height: 1.7; }
.fs-steps li::before { content: counter(fs-step); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: #8fbcc1; color: #fff; font-weight: bold; text-align: center; line-height: 32px; }
.fs-steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 34px; bottom: 2px; border-left: 2px solid #d5e6e8; }
.fs-steps strong { display: block; font-size: 15px; }
.fs-faq { margin: 0 0 24px; }
.fs-faq dt { font-weight: bold; margin: 12px 0 4px; font-size: 15px; }
.fs-faq dt::before { content: "Q. "; color: #8fbcc1; }
.fs-faq dd { margin: 0 0 0 1.6em; font-size: 14px; line-height: 1.7; }
.fs-cta { text-align: center; margin: 8px 0 0; }
.fs-cta a { display: inline-block; min-width: 260px; margin: 6px; padding: 14px 24px; border-radius: 30px; font-weight: bold; text-decoration: none !important; }
.fs-cta .fs-btn-main { background: #8fbcc1; color: #fff !important; }
.fs-cta .fs-btn-sub { border: 2px solid #8fbcc1; color: #5b9096 !important; }
.fs-note { font-size: 13px; color: #777; }
/* ページビルダーの文章の書式（p の下の余白・li の丸）を、この部品の中だけ打ち消す */
.pb-widget-editor .fs-plans p, .pb-widget-editor .fs-options p, .pb-widget-editor .fs-cta { margin-bottom: 0; line-height: 1.5; }
.pb-widget-editor .fs-plan .fs-plan-days { margin-bottom: 12px; }
.pb-widget-editor .fs-cta { margin: 8px 0 12px; }
.pb-widget-editor .fs-checks li, .pb-widget-editor .fs-plan li, .pb-widget-editor .fs-steps li { list-style: none; margin-left: 0; }
.pb-widget-editor .fs-steps li, .pb-widget-editor .fs-faq dd { line-height: 1.8; }
@media (max-width: 767px) {
	.fs-plans, .fs-checks { grid-template-columns: 1fr; }
	.fs-cta a { display: block; min-width: 0; }
}