:root{
  --support-navy:#07102e;
  --support-indigo:#5367f2;
  --support-violet:#9b67ee;
  --support-cyan:#35c8ec;
  --support-mint:#56d8bd;
}

.support-hero .detail-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
.support-hero .hero-lead{max-width:760px;font-size:15px;line-height:2}
.support-hero .hero-panel{padding:26px}
.support-hero .hero-panel-label{margin-bottom:18px}
.support-hero .hero-panel-copy{margin:0 0 18px;color:#c4cdec;font-size:12px;line-height:1.8}
.support-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.support-hero-metric{padding:17px;border:1px solid rgba(147,164,231,.2);border-radius:16px;background:rgba(255,255,255,.055)}
.support-hero-metric strong{display:block;margin-bottom:4px;color:#fff;font-family:'Outfit','Noto Sans JP',sans-serif;font-size:29px;line-height:1}
.support-hero-metric span{display:block;color:#aeb9df;font-size:10px;line-height:1.65}
.support-hero-metric.is-wide{grid-column:1/-1;background:linear-gradient(135deg,rgba(83,103,242,.24),rgba(155,103,238,.2))}
.support-hero-metric.is-wide strong{font-family:'Noto Sans JP',sans-serif;font-size:18px;line-height:1.5}

.support-intro{position:relative;overflow:hidden}
.support-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(620px 300px at 20% 0,rgba(83,103,242,.08),transparent 70%);pointer-events:none}
.support-promise-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-promise{position:relative;overflow:hidden;min-height:245px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.support-promise::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--support-indigo),var(--support-violet),var(--support-cyan))}
.support-promise .promise-no{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--support-indigo),var(--support-violet));font-family:'Outfit',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;box-shadow:0 12px 28px rgba(83,103,242,.22)}
.support-promise h3{margin-bottom:11px;font-size:22px;line-height:1.45}
.support-promise p{color:var(--muted);font-size:13px;line-height:1.9}

.support-model{background:linear-gradient(180deg,#f4f6ff 0%,#eef3ff 100%)}
.support-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-model-card{position:relative;display:flex;flex-direction:column;min-height:480px;padding:31px 28px;border:1px solid #dbe2fb;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(31,49,114,.08)}
.support-model-card.featured{border:2px solid var(--support-violet);box-shadow:0 24px 60px rgba(83,103,242,.18)}
.support-model-card.featured::before{content:"最も手厚い導入支援";position:absolute;top:-14px;left:50%;right:auto;bottom:auto;z-index:2;padding:7px 16px;transform:translateX(-50%);border-radius:999px;color:#fff;background:linear-gradient(105deg,var(--support-indigo),var(--support-violet));font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.support-model-card .support-model-index{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--support-indigo);font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em}
.support-model-card .support-model-index b{color:#d4daf2;font-size:46px;line-height:1}
.support-model-card h3{margin-bottom:8px;font-size:25px}
.support-model-card .support-model-sub{min-height:52px;margin-bottom:20px;color:var(--muted);font-size:12px;line-height:1.8}
.support-model-card .check-list{margin-top:0}
.support-model-card .check-list li{padding-block:9px;border-bottom:1px solid #edf0fa;font-size:12px;line-height:1.65}
.support-model-card .support-model-result{margin-top:auto;padding:16px;border-radius:16px;color:#26335e;background:#f0f3ff;font-size:12px;font-weight:700;line-height:1.7}

.support-roadmap{color:#fff;background:radial-gradient(700px 360px at 15% 20%,rgba(83,103,242,.24),transparent 70%),radial-gradient(620px 340px at 90% 80%,rgba(155,103,238,.2),transparent 72%),var(--support-navy)}
.support-roadmap .section-title{color:#fff}
.support-roadmap .section-lead{color:#b9c4e5}
.support-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-roadmap-phase{position:relative;min-height:390px;padding:30px;border:1px solid rgba(147,164,231,.22);border-radius:24px;background:linear-gradient(145deg,rgba(22,35,78,.92),rgba(10,19,48,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.support-roadmap-phase:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:46px;right:-15px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--support-indigo),var(--support-violet));font-size:12px}
.support-roadmap-phase .phase-days{display:inline-flex;margin-bottom:20px;padding:7px 13px;border:1px solid rgba(105,139,255,.46);border-radius:999px;color:#b9c9ff;background:rgba(83,103,242,.13);font-family:'Outfit',sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em}
.support-roadmap-phase:nth-child(2) .phase-days{border-color:rgba(155,103,238,.5);color:#dfc7ff;background:rgba(155,103,238,.12)}
.support-roadmap-phase:nth-child(3) .phase-days{border-color:rgba(86,216,189,.46);color:#b9f3e5;background:rgba(86,216,189,.1)}
.support-roadmap-phase h3{margin-bottom:8px;color:#fff;font-size:25px}
.support-roadmap-phase>p{margin-bottom:22px;color:#aeb9df;font-size:12px}
.support-roadmap-phase ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.support-roadmap-phase li{position:relative;padding-left:18px;color:#d7def5;font-size:12px;line-height:1.7}
.support-roadmap-phase li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--support-cyan)}
.support-roadmap-phase .phase-result{position:absolute;right:30px;bottom:28px;left:30px;padding-top:16px;border-top:1px solid rgba(147,164,231,.16);color:#70e1c8;font-size:12px;font-weight:800}
.support-definition{margin-top:26px;padding:19px 24px;border:1px solid rgba(86,216,189,.25);border-radius:17px;color:#dce5ff;background:rgba(86,216,189,.06);font-size:13px;font-weight:700;line-height:1.8;text-align:center}

.support-meetings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.support-meeting{display:grid;grid-template-columns:66px 1fr;gap:20px;padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.support-meeting-no{display:grid;place-items:center;align-self:start;width:66px;height:66px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--support-indigo),var(--support-violet));font-family:'Outfit',sans-serif;font-size:18px;font-weight:700;box-shadow:0 14px 30px rgba(83,103,242,.22)}
.support-meeting h3{margin-bottom:5px;font-size:20px}
.support-meeting .meeting-time{display:inline-flex;margin-bottom:12px;color:var(--support-indigo);font-size:11px;font-weight:800}
.support-meeting p{color:var(--muted);font-size:12px;line-height:1.8}

.support-review-band{margin-top:42px;padding:34px;border:1px solid #dfe4f5;border-radius:26px;background:linear-gradient(135deg,#fff,#f5f7ff);box-shadow:0 18px 50px rgba(31,49,114,.08)}
.support-review-band h3{margin-bottom:22px;font-size:24px;text-align:center}
.support-review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.support-review-metric{padding:22px 16px;border-radius:18px;text-align:center;background:#eef2ff}
.support-review-metric strong{display:block;margin-bottom:6px;color:var(--support-indigo);font-family:'Outfit','Noto Sans JP',sans-serif;font-size:26px}
.support-review-metric span{color:#5e6989;font-size:11px;line-height:1.6}

.support-deliverables{background:#f6f8ff}
.support-deliverables-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.support-deliverable{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;min-height:108px;padding:20px;border:1px solid #dfe5fa;border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(31,49,114,.055)}
.support-deliverable b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--support-indigo),var(--support-violet));font-family:'Outfit',sans-serif;font-size:11px}
.support-deliverable span{color:#1d284f;font-size:13px;font-weight:800;line-height:1.65}

.support-boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.support-boundary{padding:31px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.support-boundary.included{border-top:4px solid var(--support-mint)}
.support-boundary.excluded{border-top:4px solid #f09aaf}
.support-boundary h3{margin-bottom:7px;font-size:22px}
.support-boundary>p{margin-bottom:20px;color:var(--muted);font-size:12px;line-height:1.8}
.support-boundary ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.support-boundary li{position:relative;padding:0 0 11px 25px;border-bottom:1px solid #edf0f8;color:#34405f;font-size:12px;line-height:1.75}
.support-boundary li::before{position:absolute;left:0;top:0;color:var(--support-mint);font-weight:900;content:"✓"}
.support-boundary.excluded li::before{color:#df7990;content:"—"}
.support-boundary-note{margin-top:20px;padding:15px 18px;border-radius:14px;color:#56617e;background:#f1f4fb;font-size:11px;line-height:1.8}

.support-rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.support-rule{padding:24px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}
.support-rule small{display:block;margin-bottom:10px;color:var(--support-indigo);font-family:'Outfit',sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em}
.support-rule strong{display:block;margin-bottom:8px;color:#172142;font-size:20px;line-height:1.45}
.support-rule p{color:var(--muted);font-size:11px;line-height:1.75}
.support-rules-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.support-rule-detail{padding:24px;border:1px solid #dfe4f5;border-radius:20px;background:linear-gradient(145deg,#f8faff,#f1f4ff)}
.support-rule-detail h3{margin-bottom:13px;font-size:17px}
.support-rule-detail ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.support-rule-detail li{position:relative;padding-left:16px;color:#5a6584;font-size:11px;line-height:1.7}
.support-rule-detail li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--support-indigo)}

.support-team-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.support-team-role{padding:27px;border:1px solid rgba(147,164,231,.2);border-radius:22px;color:#fff;background:linear-gradient(145deg,#111f4c,#09132f)}
.support-team-role small{display:block;margin-bottom:13px;color:#8ea2ff;font-family:'Outfit',sans-serif;font-size:10px;font-weight:700;letter-spacing:.11em}
.support-team-role h3{margin-bottom:8px;color:#fff;font-size:20px}
.support-team-role p{color:#b5c0e2;font-size:12px;line-height:1.8}

.support-cta-note{max-width:760px;margin:18px auto 0;color:#9eabd6!important;font-size:12px!important}

@media(max-width:1050px){
  .support-hero .detail-hero-grid{grid-template-columns:1fr}
  .support-model-grid,.support-promise-grid,.support-roadmap-grid{grid-template-columns:1fr}
  .support-model-card{min-height:auto}
  .support-model-card .support-model-sub{min-height:0}
  .support-roadmap-phase{min-height:auto;padding-bottom:100px}
  .support-roadmap-phase:not(:last-child)::after{top:auto;right:50%;bottom:-15px;transform:translateX(50%) rotate(90deg)}
  .support-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-deliverables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .support-hero .hero-panel{padding:20px}
  .support-meetings-grid,.support-boundary-grid,.support-rules-detail,.support-team-strip{grid-template-columns:1fr}
  .support-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .support-meeting{grid-template-columns:52px 1fr;gap:14px;padding:21px}
  .support-meeting-no{width:52px;height:52px;border-radius:16px;font-size:15px}
  .support-rules-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:520px){
  .support-hero-metrics,.support-review-metrics,.support-deliverables-grid,.support-rules-grid{grid-template-columns:1fr}
  .support-hero-metric.is-wide{grid-column:auto}
  .support-promise,.support-model-card,.support-roadmap-phase,.support-boundary{padding:24px 21px}
  .support-roadmap-phase{padding-bottom:96px}
  .support-deliverable{min-height:96px;padding:17px}
  .support-review-band{padding:24px 18px}
}

@media(prefers-reduced-motion:reduce){
  .support-roadmap-phase:not(:last-child)::after{animation:none}
}

/* 器160pxちょうどで折り返し末尾1文字が孤立するため縮める。 */
@media (min-width:701px) and (max-width:860px){
  .support-team-role h3{font-size:17px}
}