@charset "UTF-8";
/* TATAKI — Web サイトのサービスページ（services/web）で、web.css の前に読む部品（見積もりの並び・納期の表・特長の見出し）。
   伝える資料・考える資料（services/deck・consulting）は services-slides.css を使い、このファイルは読まない。
   見積もり（.est）・料金表・CTA などの共通の部品は lp.css。
   2026-10-16：services/web で使われていなかった規則（.mini-stack・.mini-browser・.page-hero__aside・.target-list・
   .targets__grid・.target・.plans--two・.plans__bundle・.site-mini*）を外した（生成された HTML を検索して確認）。 */

/* ---------- ヒーローの右側 ---------- */
@media (max-width: 959px) {
  .page-hero__visual { max-width: 520px; }
}

/* 特長（.points を図なしで） */
.features .point__title { font-size: clamp(22px, 2.2vw, 28px); }

/* ---------- 見積もり ＋ 納期・修正 ---------- */
.estimate__grid {
  display: grid;
  gap: 24px;
  margin-top: clamp(40px, 5vw, 56px);
  align-items: start;
}
@media (min-width: 1024px) {
  .estimate__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 32px; }
  .estimate__grid > .est { grid-column: 1 / span 7; }
  .estimate__grid > .terms { grid-column: 8 / span 5; }
}
.terms {
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background: #fff;
}
.terms__title { margin-bottom: 16px; font-size: 18px; font-weight: 900; line-height: 1.5; }