/* ---- パターン2: 文字のみ（IMG-215 の再現） ---- */
.support-page .sct-ref { max-width: 1040px; margin: 72px auto 44px; }
.support-page .sct-ref img { display: block; width: 100%; height: auto; }
.support-page .sct-diagram { position: relative; container-type: inline-size; width: 100%; max-width: 1040px; margin: 0 auto; color: #1B2B5C; }
.support-page .sct-diagram--pc { aspect-ratio: 1040 / 480; }
.support-page .sct-diagram--sp { display: none; aspect-ratio: 360 / 620; }
.support-page .sct-loop { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.support-page .sct-node { position: absolute; text-align: center; }
.support-page .sct-title { margin: 0 !important; font-weight: 800 !important; line-height: 1.4 !important; letter-spacing: .02em; white-space: nowrap; color: #1B2B5C !important; }
.support-page .sct-sub { margin: 0 !important; max-width: none !important; font-weight: 500 !important; line-height: 1.6 !important; color: #4A5568 !important; }
.support-page .sct-arrow { position: absolute; display: flex; align-items: center; justify-content: center; }
.support-page .sct-arrow svg { display: block; }
.support-page .sct-arrow-label { font-weight: 800; white-space: nowrap; color: #1D5BA8; }
.support-page .sct-loop-label { position: absolute; font-weight: 800; white-space: nowrap; color: #1D5BA8; }

.support-page .sct-diagram--pc .sct-node { width: 28.8462%; top: 26.5625%; }
.support-page .sct-diagram--pc .sct-node--store { left: 0.0000%; }
.support-page .sct-diagram--pc .sct-node--support { left: 35.5769%; }
.support-page .sct-diagram--pc .sct-node--dev { left: 69.2308%; }
.support-page .sct-diagram--pc .sct-title { font-size: 3.0769cqw !important; }
.support-page .sct-diagram--pc .sct-sub { margin-top: 1.7308cqw !important; font-size: 1.6346cqw !important; }
.support-page .sct-diagram--pc .sct-arrow { flex-direction: column; top: 16.6667%; width: 10.5769%; height: 19.3750%; justify-content: flex-end; }
.support-page .sct-diagram--pc .sct-arrow--1 { left: 27.1154%; }
.support-page .sct-diagram--pc .sct-arrow--2 { left: 65.6731%; }
.support-page .sct-diagram--pc .sct-arrow svg { width: 100%; height: auto; }
.support-page .sct-diagram--pc .sct-arrow-label { margin-bottom: 1.3462cqw; font-size: 1.9231cqw; }
.support-page .sct-diagram--pc .sct-loop-label { font-size: 1.9231cqw; transform: translateX(-50%); }
.support-page .sct-diagram--pc .sct-loop-label--share { left: 73.0769%; top: 75.0000%; }
.support-page .sct-diagram--pc .sct-loop-label--ver { left: 50.0000%; top: 91.2500%; }

@media (max-width: 768px) {
  .support-page .sct-ref { margin: 48px auto 30px; }
  .support-page .sct-diagram--pc { display: none; }
  .support-page .sct-diagram--sp { display: block; }
  .support-page .sct-diagram--sp .sct-node { width: 72.2222%; left: 23.6111%; }
  .support-page .sct-diagram--sp .sct-node--store { top: 6.4516%; }
  .support-page .sct-diagram--sp .sct-node--support { top: 30.6452%; }
  .support-page .sct-diagram--sp .sct-node--dev { top: 63.2258%; }
  .support-page .sct-diagram--sp .sct-title { font-size: 6.1111cqw !important; }
  .support-page .sct-diagram--sp .sct-sub { margin-top: 1.6667cqw !important; font-size: 3.8889cqw !important; }
  .support-page .sct-diagram--sp .sct-arrow { flex-direction: row; left: 54.1667%; width: 44.4444%; height: 13.2258%; gap: 2.7778cqw; justify-content: flex-start; }
  .support-page .sct-diagram--sp .sct-arrow--1 { top: 14.1935%; }
  .support-page .sct-diagram--sp .sct-arrow--2 { top: 46.7742%; }
  .support-page .sct-diagram--sp .sct-arrow svg { height: 100%; width: auto; }
  .support-page .sct-diagram--sp .sct-arrow-label { font-size: 4.0278cqw; }
  .support-page .sct-diagram--sp .sct-loop-label { left: 4.4444%; writing-mode: vertical-rl; font-size: 4.0278cqw; letter-spacing: .06em; }
  .support-page .sct-diagram--sp .sct-loop-label--ver { top: 22.5806%; }
  .support-page .sct-diagram--sp .sct-loop-label--share { top: 58.0645%; }
}