/* ===== 大洋電化 サービス詳細ページ CSS（mock_html 準拠 / base.css の後に読込） ===== */

/* ページヘッダー帯 */
.taiyo-svc .phead{background:linear-gradient(150deg,#eef6fc,#e7f2fb 60%,#fce9d6);padding:var(--s8) var(--s5);text-align:center;border-bottom:3px solid var(--orange)}
.taiyo-svc .phead .en{display:inline-block;color:var(--orange-cta);font-weight:800;letter-spacing:.2em;font-size:13px;margin-bottom:var(--s2)}
.taiyo-svc .phead h1{font-size:32px;color:var(--navy);font-weight:900;margin-bottom:var(--s2)}
.taiyo-svc .phead p{font-size:15px;color:var(--muted);font-weight:500;max-width:34em;margin:0 auto}

/* 本文セクション */
.taiyo-svc section{padding:var(--s6) 0 var(--s8)}
.taiyo-svc .prose{max-width:760px}
.taiyo-svc .svc-photo{border-radius:18px;margin:0 auto var(--s5);max-width:420px;width:100%;aspect-ratio:4/3;object-fit:cover;background:#fdf6ea}

/* グループ見出し */
.taiyo-svc .grp{font-size:15px;font-weight:800;color:var(--navy);margin:var(--s5) 0 var(--s2);padding-left:var(--s3);border-left:5px solid var(--orange)}

/* 料金の目安テーブル */
.taiyo-svc table{width:100%;border-collapse:collapse;margin:var(--s3) 0;font-size:15px;background:#fff;border-radius:10px;overflow:hidden}
.taiyo-svc th{background:var(--navy);color:#fff;padding:9px 12px;text-align:left;font-size:15px}
.taiyo-svc td{padding:9px 12px;border-bottom:1px solid var(--line)}
.taiyo-svc tr:last-child td{border-bottom:none}
.taiyo-svc td.price{color:var(--orange-cta);font-weight:800;text-align:right;white-space:nowrap}
.taiyo-svc td .note{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}

/* 税込・出張費エリアの注記（各サービス詳細ページ共通・料金表の直前） */
.taiyo-svc .box.price-note{font-size:13px;margin-bottom:var(--s3)}

/* 無料の注記ボックス */
.taiyo-svc .box{background:#fff;border:2px solid var(--line);border-radius:16px;padding:var(--s5);margin-top:var(--s5);font-size:14px}
.taiyo-svc .box.green{border-left:5px solid var(--green)}
.taiyo-svc .box .free{color:var(--green);font-weight:800}

/* 一覧へ戻る */
.taiyo-svc .backrow{text-align:center;margin-top:var(--s6)}
.taiyo-svc .backrow .btn.ghost{box-shadow:0 4px 0 #cfd9e2}

@media(max-width:820px){
  .taiyo-svc .phead{padding:var(--s6) var(--s5)}
  .taiyo-svc .phead h1{font-size:26px}
}

/* ===== インラインstyleから移設（指示書#28-H：見た目1px不変） ===== */
.svc-fallback{ max-width:640px; margin:80px auto; padding:0 24px; text-align:center; }  /* service_key未設定時のフォールバック（.taiyoスコープ外で表示されるため非スコープ） */
.taiyo-svc th.-r{ text-align:right; }