@charset "UTF-8";
/* ERP・基幹システム刷新伴走支援（service-erp.html）固有。共通は service-detail.css */
.erp .svcIntro em, .erp .svcStrength h3 em { color: var(--btn); }

.erp .svcIntro { padding-bottom: calc(141 / var(--screen-w) * 100vw); }

/* ===== お悩み ===== */
.erpWorry { padding: calc(72 / var(--screen-w) * 100vw) 0 calc(96 / var(--screen-w) * 100vw); background: var(--btn); }
.erpWorry .svcTtl { color: #fff; line-height: 1.69; }
.erpWorry .svcTtl .erpWorry-ttl { display: block; margin: 0; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; }
.erpWorry-body { position: relative; height: calc(347 / var(--screen-w) * 100vw); margin-top: calc(5 / var(--screen-w) * 100vw); }
.erpWorry-img { position: absolute; top: 0; left: calc(786 / var(--screen-w) * 100vw); width: calc(347 / var(--screen-w) * 100vw); }
.erpWorry-list li { position: absolute; display: flex; align-items: center; justify-content: center; width: calc(245 / var(--screen-w) * 100vw); height: calc(122 / var(--screen-w) * 100vw); border-radius: calc(20 / var(--screen-w) * 100vw) calc(20 / var(--screen-w) * 100vw) 0 calc(20 / var(--screen-w) * 100vw); background: #fff; color: var(--txt); font-size: calc(17 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.6; text-align: center; }
.erpWorry-list li[class^="-r"] { border-radius: calc(20 / var(--screen-w) * 100vw) calc(20 / var(--screen-w) * 100vw) calc(20 / var(--screen-w) * 100vw) 0; }
.erpWorry-list strong { font-weight: 500; }
.erpWorry-list .-l1 { top: calc(77 / var(--screen-w) * 100vw); left: calc(306 / var(--screen-w) * 100vw); }
.erpWorry-list .-l2 { top: calc(26 / var(--screen-w) * 100vw); left: calc(590 / var(--screen-w) * 100vw); height: calc(168 / var(--screen-w) * 100vw); } /* 5行あるので枠を高く（11/10 Figmaコメント「枠に収まるように」） */
.erpWorry-list .-l3 { top: calc(209 / var(--screen-w) * 100vw); left: calc(549 / var(--screen-w) * 100vw); }
.erpWorry-list .-r1 { top: calc(47 / var(--screen-w) * 100vw); left: calc(1083 / var(--screen-w) * 100vw); }
.erpWorry-list .-r2 { top: calc(77 / var(--screen-w) * 100vw); left: calc(1352 / var(--screen-w) * 100vw); }
.erpWorry-list .-r3 { top: calc(209 / var(--screen-w) * 100vw); left: calc(1125 / var(--screen-w) * 100vw); }

/* ===== 経営リスク ===== */
.erpRisk { width: calc(1704 / var(--screen-w) * 100vw); margin: calc(89 / var(--screen-w) * 100vw) auto 0; padding: calc(60 / var(--screen-w) * 100vw) 0 calc(152 / var(--screen-w) * 100vw); border-radius: calc(15 / var(--screen-w) * 100vw); background: #eaeff8; }
.erpRisk .svcTtl { line-height: 1.8; }
.erpRisk .svcTtl span { margin-bottom: calc(14 / var(--screen-w) * 100vw); font-size: calc(26 / var(--fs-w) * 100vw); }
.erpRisk em { color: var(--btn); }
.erpRisk .svcTtl .erpPh { display: inline-block; margin: 0; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; }
.erpRisk-list { justify-content: center; gap: calc(57 / var(--screen-w) * 100vw); margin-top: calc(68 / var(--screen-w) * 100vw); }
.erpRisk-list li { position: relative; width: calc(516 / var(--screen-w) * 100vw); min-height: calc(418 / var(--screen-w) * 100vw); padding: calc(165 / var(--screen-w) * 100vw) calc(71 / var(--screen-w) * 100vw) calc(40 / var(--screen-w) * 100vw); border-radius: 50%; background: #fff; }
.erpRisk-list img { position: absolute; top: calc(-42 / var(--screen-w) * 100vw); left: 50%; width: calc(300 / var(--screen-w) * 100vw); transform: translateX(-50%); }
.erpRisk-list li + li img { top: calc(-38 / var(--screen-w) * 100vw); width: calc(344 / var(--screen-w) * 100vw); }
.erpRisk-list h3 { color: #2d5aac; font-family: var(--min); font-size: calc(26 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.4; text-align: center; }
.erpRisk-list p { margin-top: calc(16 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 2.06; }
.erpRisk-ttl2 { margin-top: calc(122 / var(--screen-w) * 100vw); color: #010101; font-family: var(--min); font-size: calc(36 / var(--fs-w) * 100vw); line-height: 1.53; text-align: center; }
.erpRisk-ttl2 span { display: inline-block; }
.erpCause { grid-template-columns: repeat(3, calc(359 / var(--screen-w) * 100vw)); gap: calc(50 / var(--screen-w) * 100vw); justify-content: center; margin-top: calc(83 / var(--screen-w) * 100vw); }
.erpCause li { position: relative; min-height: calc(401 / var(--screen-w) * 100vw); padding: calc(64 / var(--screen-w) * 100vw) calc(10 / var(--screen-w) * 100vw) calc(27 / var(--screen-w) * 100vw); border-radius: calc(14 / var(--screen-w) * 100vw); background: #fff; text-align: center; }
.erpCause li + li::before { content: ""; position: absolute; top: calc(178 / var(--screen-w) * 100vw); left: calc(-34 / var(--screen-w) * 100vw); width: calc(18 / var(--screen-w) * 100vw); height: calc(16 / var(--screen-w) * 100vw); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 16' fill='none' stroke='%23000'%3E%3Cpath d='M0 7.65h17.68M11.5 14.98l6.18-7.33L11.5.32'/%3E%3C/svg%3E") center / contain no-repeat; }
.erpCause h3 { position: absolute; top: calc(-25 / var(--screen-w) * 100vw); left: 50%; width: calc(298 / var(--screen-w) * 100vw); height: calc(55 / var(--screen-w) * 100vw); border-radius: calc(26 / var(--screen-w) * 100vw); background: #2d5aac; color: #fff; font-size: calc(20 / var(--fs-w) * 100vw); font-weight: 500; line-height: calc(55 / var(--screen-w) * 100vw); transform: translateX(-50%); }
.erpCause h3::after { content: ""; position: absolute; top: calc(100% - 1px); left: calc(50% - calc(8 / var(--screen-w) * 100vw)); border: solid transparent; border-width: calc(11 / var(--screen-w) * 100vw) calc(8 / var(--screen-w) * 100vw) 0; border-top-color: #2d5aac; }
.erpCause dt { color: #2d5aac; font-size: calc(15 / var(--fs-w) * 100vw); font-weight: 600; line-height: 1.3; }
.erpCause dt.-ideal { color: #df620d; }
.erpCause dd { margin-top: calc(14 / var(--screen-w) * 100vw); color: var(--txt); font-size: calc(20 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.8; }
.erpCause dd:nth-of-type(1) { min-height: calc(3 * 1.8em); }
.erpCause dd + dt { margin-top: calc(20 / var(--screen-w) * 100vw); }
.erpRisk-msg { position: relative; width: calc(1528 / var(--screen-w) * 100vw); margin: calc(124 / var(--screen-w) * 100vw) auto 0; }
.erpRisk-msg::before, .erpRisk-msg::after { content: ""; position: absolute; inset: calc(-22 / var(--screen-w) * 100vw) 0 0 calc(-24 / var(--screen-w) * 100vw); border-radius: calc(15 / var(--screen-w) * 100vw); background: #7195d7; }
.erpRisk-msg::after { inset: 0 calc(-24 / var(--screen-w) * 100vw) calc(-22 / var(--screen-w) * 100vw) 0; }
.erpRisk-msgIn { position: relative; z-index: 1; min-height: calc(221 / var(--screen-w) * 100vw); padding: calc(33 / var(--screen-w) * 100vw) calc(40 / var(--screen-w) * 100vw) calc(30 / var(--screen-w) * 100vw); border-radius: calc(15 / var(--screen-w) * 100vw); background: #375dba; color: #fff; text-align: center; }
.erpRisk-msgIn span { display: inline-block; }
.erpRisk-msgTtl { font-family: var(--min); font-size: calc(36 / var(--fs-w) * 100vw); line-height: 1.53; }
.erpRisk-msgTtl em { color: #f6ff43; }
.erpRisk-msgIn p + p { margin-top: calc(14 / var(--screen-w) * 100vw); font-size: calc(22 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.73; }

/* ===== サービス内容（4ステップ） ===== */
.erpStep { width: calc(1704 / var(--screen-w) * 100vw); margin: calc(66 / var(--screen-w) * 100vw) auto 0; padding: calc(88 / var(--screen-w) * 100vw) 0 calc(116 / var(--screen-w) * 100vw); border-radius: calc(15 / var(--screen-w) * 100vw); background: #f7f8fa; }
.erpStep-label { margin: calc(69 / var(--screen-w) * 100vw) 0 0 calc(342 / var(--screen-w) * 100vw); color: var(--btn); font-family: var(--en); font-size: calc(24 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.2; }
.erpStep-list { margin: calc(-4 / var(--screen-w) * 100vw) 0 0 calc(471 / var(--screen-w) * 100vw); width: calc(1035 / var(--screen-w) * 100vw); }
.erpStep-list > li { position: relative; display: grid; grid-template-columns: calc(558 / var(--screen-w) * 100vw) calc(330 / var(--screen-w) * 100vw); justify-content: space-between; align-items: start; padding: calc(29 / var(--screen-w) * 100vw) calc(49 / var(--screen-w) * 100vw) calc(35 / var(--screen-w) * 100vw) calc(43 / var(--screen-w) * 100vw); border: 2px solid var(--btn); border-radius: calc(6 / var(--screen-w) * 100vw); background: #fff; box-shadow: calc(3 / var(--screen-w) * 100vw) calc(6 / var(--screen-w) * 100vw) 0 var(--btn); }
.erpStep-list > li + li { margin-top: calc(20 / var(--screen-w) * 100vw); }
.erpStep-list > li::before { content: ""; position: absolute; top: calc(33 / var(--screen-w) * 100vw); left: calc(-16 / var(--screen-w) * 100vw); width: calc(30 / var(--screen-w) * 100vw); height: calc(30 / var(--screen-w) * 100vw); border: solid var(--btn); border-width: 0 0 2px 2px; background: #fff; transform: rotate(45deg); }
.erpStep-num { position: absolute; top: calc(14 / var(--screen-w) * 100vw); left: calc(-138 / var(--screen-w) * 100vw); display: flex; align-items: center; justify-content: center; width: calc(58 / var(--screen-w) * 100vw); height: calc(58 / var(--screen-w) * 100vw); border-radius: 50%; background: var(--btn); color: #fff; font-family: var(--en); font-size: calc(36 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1; }
.erpStep-list > li:not(:last-child)::after { content: ""; position: absolute; top: calc(72 / var(--screen-w) * 100vw); bottom: calc(-34 / var(--screen-w) * 100vw); left: calc(-110 / var(--screen-w) * 100vw); border-left: 2px dashed var(--btn); }
.erpStep-main { padding-top: calc(3 / var(--screen-w) * 100vw); }
.erpStep-main h3 { color: var(--btn); font-size: calc(28 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.3; }
.erpStep-main h3 span { display: inline-block; }
.erpStep-main p { margin-top: calc(22 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.69; }
.erpStep-out { display: grid; grid-template-columns: 1fr auto; column-gap: calc(20 / var(--screen-w) * 100vw); padding: calc(19 / var(--screen-w) * 100vw) calc(36 / var(--screen-w) * 100vw) calc(35 / var(--screen-w) * 100vw) calc(28 / var(--screen-w) * 100vw); border-radius: calc(8 / var(--screen-w) * 100vw); background: #f2f5fb; }
.erpStep-out dt { color: var(--btn); font-size: calc(18 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.5; }
.erpStep-out dd { margin-top: calc(11 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.69; white-space: nowrap; }
.erpStep-sub { grid-column: 1 / -1; }
.erpStep-sub h4 { margin: calc(37 / var(--screen-w) * 100vw) 0 0 calc(-7 / var(--screen-w) * 100vw); color: var(--btn); font-family: var(--min); font-size: calc(21 / var(--fs-w) * 100vw); font-weight: 400; line-height: 1.4; }
.erpRoad { grid-template-columns: repeat(5, calc(190 / var(--screen-w) * 100vw)); margin: calc(20 / var(--screen-w) * 100vw) 0 0 calc(-8 / var(--screen-w) * 100vw); }
.erpRoad li { position: relative; min-height: calc(165 / var(--screen-w) * 100vw); padding: calc(10 / var(--screen-w) * 100vw) calc(12 / var(--screen-w) * 100vw) calc(7 / var(--screen-w) * 100vw) calc(31 / var(--screen-w) * 100vw); background: var(--btn); color: #fff; clip-path: polygon(0 0, 93.9% 0, 100% 50%, 93.9% 100%, 0 100%, 6.1% 50%); }
.erpRoad li::after { content: ""; position: absolute; top: calc(35 / var(--screen-w) * 100vw); left: 0; right: 0; border-top: 1px solid #fff; }
.erpRoad h5 { margin: 0 calc(-17 / var(--screen-w) * 100vw) 0 calc(-31 / var(--screen-w) * 100vw); font-size: calc(16 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.5; text-align: center; white-space: nowrap; }
.erpRoad p { margin-top: calc(16 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.69; }
.erpFit { align-items: flex-start; gap: calc(33 / var(--screen-w) * 100vw); margin: calc(43 / var(--screen-w) * 100vw) 0 0 calc(16 / var(--screen-w) * 100vw); }
.erpFit img { flex-shrink: 0; width: calc(560 / var(--screen-w) * 100vw); }
.erpFit-txt { flex: 1; padding-top: calc(19 / var(--screen-w) * 100vw); }
.erpFit-txt h4 { margin: 0; line-height: 1.57; }
.erpFit-txt p { margin-top: calc(32 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.69; }
.erpFit-txt .erpFit-merit { margin-top: calc(60 / var(--screen-w) * 100vw); }
.erpFit-txt h5 { margin-top: calc(28 / var(--screen-w) * 100vw); color: var(--btn); font-size: calc(18 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.5; }
.erpFit-txt h5 + p { margin-top: calc(12 / var(--screen-w) * 100vw); }

/* ===== 選ばれる理由 ===== */
.erp .svcStrength { margin-top: calc(109 / var(--screen-w) * 100vw); padding: calc(127 / var(--screen-w) * 100vw) 0 calc(59 / var(--screen-w) * 100vw); }
.erp .svcStrength-list { margin-top: calc(142 / var(--screen-w) * 100vw); }
.erp .svcStrength-list li:first-child { min-height: calc(563 / var(--screen-w) * 100vw); padding-bottom: calc(116 / var(--screen-w) * 100vw); }
.erp .svcStrength-list li + li { margin-top: calc(54 / var(--screen-w) * 100vw); }
.erp .svcStrength-list li:nth-child(4) { margin-top: calc(63 / var(--screen-w) * 100vw); }
.erp .svcStrength .btn { margin-top: calc(59 / var(--screen-w) * 100vw); }

/* ===== 費用 ===== */
/* 流れの背景: ITケイパより短いので、グラデーションを下から測って写真の上端（高さ＝写真の縦横比 1558/3715 × 幅）で写真と同じ #8ea8c3 にする */
.erp .svcGrad { padding-top: calc(174 / var(--screen-w) * 100vw); background-image: url(../img/service-it-capability/flow-bg.webp), linear-gradient(to top, #8ea8c3 calc(1558 / 3715 * 100vw), #fff calc(1635 / var(--screen-w) * 100vw)); }
.erpPrice-lead { margin-top: calc(77 / var(--screen-w) * 100vw); font-size: calc(17 / var(--fs-w) * 100vw); line-height: 2.375; text-align: center; }
.erpPrice-lead span { display: inline-block; }
.svcPrice-list.erpPrice-list { grid-template-columns: repeat(2, calc(405 / var(--screen-w) * 100vw)); gap: calc(28 / var(--screen-w) * 100vw); margin-top: calc(103 / var(--screen-w) * 100vw); }
.erpPrice-list li { min-height: calc(127 / var(--screen-w) * 100vw); padding: calc(46 / var(--screen-w) * 100vw) calc(19 / var(--screen-w) * 100vw) calc(30 / var(--screen-w) * 100vw); border-radius: calc(8 / var(--screen-w) * 100vw); }
.erpPrice-list h3 { top: calc(-30 / var(--screen-w) * 100vw); display: flex; align-items: center; justify-content: center; width: calc(319 / var(--screen-w) * 100vw); min-height: calc(58 / var(--screen-w) * 100vw); padding: calc(4 / var(--screen-w) * 100vw) calc(10 / var(--screen-w) * 100vw); border-radius: calc(29 / var(--screen-w) * 100vw); font-size: calc(18 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.15; }
.erpPrice-in span { display: inline-block; }
.erpPrice-list h3::after { left: calc(50% - calc(11 / var(--screen-w) * 100vw)); border-width: calc(11 / var(--screen-w) * 100vw) calc(11 / var(--screen-w) * 100vw) 0; }
.erpPrice-list p.svcPrice-num { margin: 0; padding: 0; border: 0; color: var(--txt); font-size: calc(26 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.6; }

/* ===== 支援の流れ ===== */
.svcFlow.erpFlow { margin-top: calc(284 / var(--screen-w) * 100vw); padding-bottom: calc(254 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list { padding-bottom: calc(96 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list li { padding: calc(34 / var(--screen-w) * 100vw) 0 calc(28 / var(--screen-w) * 100vw) calc(133 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list li + li { padding-top: calc(36 / var(--screen-w) * 100vw); border-top-color: #939aa6; }
.erpFlow .svcFlow-list li:last-child { border-bottom: 1px dashed #939aa6; }
.erpFlow .svcFlow-list li::before { top: calc(31 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list li::after { top: calc(51 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list li + li::before { top: calc(33 / var(--screen-w) * 100vw); }
.erpFlow .svcFlow-list li + li::after { top: calc(53 / var(--screen-w) * 100vw); }
.erpFlow h3 { font-size: calc(22 / var(--fs-w) * 100vw); font-weight: 500; line-height: 1.16; }
.erpFlow .svcFlow-list p { margin-top: calc(12 / var(--screen-w) * 100vw); color: #414141; font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.875; }

/* ===== よくあるご質問 ===== */
.svcFaq.erpFaq { padding-top: calc(134 / var(--screen-w) * 100vw); }
.erpFaq summary { font-size: calc(18 / var(--fs-w) * 100vw); line-height: 1.42; }
.erpFaq summary::before { font-size: calc(24 / var(--fs-w) * 100vw); }

@media (max-width: 1600px) {
  /* 位置・大きさが決まっている吹き出し・矢羽根は、文字も幅に比例させて1920と同じ折り返しにする */
  .erpWorry-list li { font-size: calc(17 / var(--screen-w) * 100vw); word-break: normal; }
  .erpRisk-list li, .erpStep-main p { word-break: normal; }
  .erpRoad h5 { font-size: calc(16 / var(--screen-w) * 100vw); }
  /* 成果物と期間を縦に並べ、期間が箱の右にはみ出さないようにする */
  .erpStep-out { grid-template-columns: 1fr; }
  .erpStep-out div + div { margin-top: calc(16 / var(--screen-w) * 100vw); }
  .erpStep-list > li { grid-template-columns: minmax(0, calc(558 / var(--screen-w) * 100vw)) calc(330 / var(--screen-w) * 100vw); }
  /* 費用の吹き出し: 文字に合わせて横に伸ばし、1920と同じ2行に保つ（3行になって金額に重なるのを防ぐ） */
  .erpPrice-list h3 { width: auto; min-width: calc(319 / var(--screen-w) * 100vw); padding-inline: calc(20 / var(--screen-w) * 100vw); white-space: nowrap; }
  .erpPrice-list li { padding-top: calc(64 / var(--screen-w) * 100vw); }
}
@media (max-width: 1280px) {
  .erpRisk-list p { font-size: calc(14 / var(--fs-w) * 100vw); }
  .erpCause dd { font-size: calc(16 / var(--fs-w) * 100vw); }
  .erpRoad p { font-size: calc(14 / var(--fs-w) * 100vw); }
}
@media (max-width: 1280px) {
  /* 1280以下は吹き出しを絵のまわりに置くと文字が小さくなりすぎるので、人物の下に3列で並べる */
  .erpWorry-body { display: flex; flex-direction: column; align-items: center; height: auto; }
  .erpWorry-img { position: static; width: calc(300 / var(--screen-w) * 100vw); }
  .erpWorry-list { display: grid; grid-template-columns: repeat(3, calc(420 / var(--screen-w) * 100vw)); gap: calc(24 / var(--screen-w) * 100vw); margin-top: calc(32 / var(--screen-w) * 100vw); }
  .erpWorry-list li { position: static; width: auto; min-height: calc(160 / var(--screen-w) * 100vw); height: auto; padding: calc(16 / var(--screen-w) * 100vw); border-radius: calc(20 / var(--screen-w) * 100vw); }
  /* 吹き出しは高さが伸びる並びになるので、文字は読める大きさに戻す */
  .erpWorry-list li { font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpWorry-list li[class^="-r"] { border-radius: calc(20 / var(--screen-w) * 100vw); }
  .erpWorry-list .-l2 { height: auto; }
}
@media (max-width: 1080px) {
  .erpPrice-list li { padding-top: calc(78 / var(--screen-w) * 100vw); }
  .svcPrice-list.erpPrice-list { grid-template-columns: repeat(2, calc(560 / var(--screen-w) * 100vw)); }
  .erpRisk-list li { width: calc(780 / var(--screen-w) * 100vw); padding-inline: calc(90 / var(--screen-w) * 100vw); }
  .erpStep-list > li { grid-template-columns: minmax(0, 1fr) calc(400 / var(--screen-w) * 100vw); }
  .erpCause h3 { width: auto; padding: 0 calc(28 / var(--screen-w) * 100vw); white-space: nowrap; }
  .erpCause dd { font-size: calc(13 / var(--fs-w) * 100vw); }
  .erpRoad { grid-template-columns: 1fr; gap: calc(24 / var(--screen-w) * 100vw); margin-left: 0; }
  .erpRoad li { min-height: 0; padding: calc(14 / var(--screen-w) * 100vw) calc(30 / var(--screen-w) * 100vw) calc(24 / var(--screen-w) * 100vw); clip-path: none; }
  .erpRoad li + li::before { content: ""; position: absolute; top: calc(-20 / var(--screen-w) * 100vw); left: calc(50% - calc(10 / var(--screen-w) * 100vw)); border: solid transparent; border-width: calc(14 / var(--screen-w) * 100vw) calc(10 / var(--screen-w) * 100vw) 0; border-top-color: var(--btn); }
  .erpRoad li::after { display: none; }
  .erpRoad h5 { margin: 0; padding-bottom: calc(8 / var(--screen-w) * 100vw); border-bottom: 1px solid #fff; font-size: calc(16 / var(--fs-w) * 100vw); }
  .erpRoad p { margin-top: calc(12 / var(--screen-w) * 100vw); font-size: calc(15 / var(--fs-w) * 100vw); }
}

/* ===== SP ===== */
@media (max-width: 900px) {
  .erpWorry { padding: calc(56 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw); }
  .erpWorry .svcTtl { font-size: calc(22 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpWorry-img { width: calc(180 / var(--screen-w) * 100vw); }
  .erpWorry-list { grid-template-columns: 1fr 1fr; gap: calc(10 / var(--screen-w) * 100vw); width: 100%; margin-top: calc(20 / var(--screen-w) * 100vw); }
  .erpWorry-list li { min-height: calc(110 / var(--screen-w) * 100vw); padding: calc(14 / var(--screen-w) * 100vw) calc(8 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpRisk { width: auto; margin: calc(56 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) 0; padding: calc(44 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) calc(48 / var(--screen-w) * 100vw); }
  .erpRisk .svcTtl { font-size: calc(20 / var(--fs-w) * 100vw); line-height: 1.7; }
  .erpRisk .svcTtl span { margin-bottom: calc(6 / var(--screen-w) * 100vw); font-size: calc(16 / var(--fs-w) * 100vw); }
  .erpRisk-list { flex-direction: column; gap: calc(64 / var(--screen-w) * 100vw); margin-top: calc(72 / var(--screen-w) * 100vw); }
  .erpRisk-list li, .erpRisk-list li + li { width: auto; min-height: 0; padding: calc(90 / var(--screen-w) * 100vw) calc(20 / var(--screen-w) * 100vw) calc(28 / var(--screen-w) * 100vw); border-radius: calc(30 / var(--screen-w) * 100vw); }
  .erpRisk-list img, .erpRisk-list li + li img { top: calc(-44 / var(--screen-w) * 100vw); width: calc(180 / var(--screen-w) * 100vw); }
  .erpRisk-list h3 { font-size: calc(20 / var(--fs-w) * 100vw); }
  .erpRisk-list p { margin-top: calc(10 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); line-height: 1.9; }
  .erpRisk-ttl2 { margin-top: calc(56 / var(--screen-w) * 100vw); font-size: calc(20 / var(--fs-w) * 100vw); line-height: 1.7; }
  .erpCause { grid-template-columns: 1fr; gap: calc(56 / var(--screen-w) * 100vw); margin-top: calc(44 / var(--screen-w) * 100vw); }
  .erpCause li { min-height: 0; padding: calc(46 / var(--screen-w) * 100vw) calc(12 / var(--screen-w) * 100vw) calc(24 / var(--screen-w) * 100vw); }
  .erpCause li + li::before { top: calc(-42 / var(--screen-w) * 100vw); left: calc(50% - calc(8 / var(--screen-w) * 100vw)); width: calc(16 / var(--screen-w) * 100vw); transform: rotate(90deg); }
  .erpCause h3 { top: calc(-20 / var(--screen-w) * 100vw); width: calc(240 / var(--screen-w) * 100vw); height: calc(44 / var(--screen-w) * 100vw); font-size: calc(16 / var(--fs-w) * 100vw); line-height: calc(44 / var(--screen-w) * 100vw); }
  .erpCause dt { font-size: calc(13 / var(--fs-w) * 100vw); }
  .erpCause dd { margin-top: calc(8 / var(--screen-w) * 100vw); font-size: calc(15 / var(--fs-w) * 100vw); line-height: 1.7; }
  .erpCause dd:nth-of-type(1) { min-height: 0; }
  .erpCause dd + dt { margin-top: calc(16 / var(--screen-w) * 100vw); }
  .erpRisk-msg { width: auto; margin: calc(52 / var(--screen-w) * 100vw) calc(10 / var(--screen-w) * 100vw) 0 calc(14 / var(--screen-w) * 100vw); }
  .erpRisk-msg::before { inset: calc(-10 / var(--screen-w) * 100vw) 0 0 calc(-10 / var(--screen-w) * 100vw); }
  .erpRisk-msg::after { inset: 0 calc(-10 / var(--screen-w) * 100vw) calc(-10 / var(--screen-w) * 100vw) 0; }
  .erpRisk-msgIn { min-height: 0; padding: calc(24 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw); }
  .erpRisk-msgTtl { font-size: calc(19 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpRisk-msgIn p + p { margin-top: calc(12 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); line-height: 1.8; text-align: left; }
  .erpRisk-msgIn p + p span { display: inline; }
  .erpStep { width: auto; margin: calc(48 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) 0; padding: calc(44 / var(--screen-w) * 100vw) calc(12 / var(--screen-w) * 100vw) calc(48 / var(--screen-w) * 100vw); }
  .erpStep-label { margin: calc(32 / var(--screen-w) * 100vw) 0 0 calc(2 / var(--screen-w) * 100vw); font-size: calc(15 / var(--fs-w) * 100vw); }
  .erpStep-list { width: auto; margin: calc(4 / var(--screen-w) * 100vw) 0 0 calc(44 / var(--screen-w) * 100vw); }
  .erpStep-list > li { display: block; padding: calc(20 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) calc(22 / var(--screen-w) * 100vw); box-shadow: calc(2 / var(--screen-w) * 100vw) calc(4 / var(--screen-w) * 100vw) 0 var(--btn); }
  .erpStep-list > li + li { margin-top: calc(20 / var(--screen-w) * 100vw); }
  .erpStep-list > li::before { top: calc(18 / var(--screen-w) * 100vw); left: calc(-9 / var(--screen-w) * 100vw); width: calc(16 / var(--screen-w) * 100vw); height: calc(16 / var(--screen-w) * 100vw); }
  .erpStep-list > li:not(:last-child)::after { top: calc(44 / var(--screen-w) * 100vw); bottom: calc(-32 / var(--screen-w) * 100vw); left: calc(-31 / var(--screen-w) * 100vw); border-left-width: 1px; }
  .erpStep-num { top: calc(12 / var(--screen-w) * 100vw); left: calc(-46 / var(--screen-w) * 100vw); width: calc(32 / var(--screen-w) * 100vw); height: calc(32 / var(--screen-w) * 100vw); font-size: calc(20 / var(--fs-w) * 100vw); }
  .erpStep-main { padding: 0; }
  .erpStep-main h3 { font-size: calc(19 / var(--fs-w) * 100vw); }
  .erpStep-main p { margin-top: calc(10 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); line-height: 1.8; }
  .erpStep-out { min-height: 0; margin-top: calc(16 / var(--screen-w) * 100vw); padding: calc(14 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw); }
  .erpStep-out dt { font-size: calc(14 / var(--fs-w) * 100vw); }
  .erpStep-out dd { margin-top: calc(4 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); }
  .erpStep-sub h4 { margin: calc(24 / var(--screen-w) * 100vw) 0 0; font-size: calc(17 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpRoad { gap: calc(20 / var(--screen-w) * 100vw); margin-top: calc(14 / var(--screen-w) * 100vw); }
  .erpRoad li { padding: calc(10 / var(--screen-w) * 100vw) calc(14 / var(--screen-w) * 100vw) calc(14 / var(--screen-w) * 100vw); }
  .erpRoad h5 { font-size: calc(14 / var(--fs-w) * 100vw); }
  .erpRoad p { margin-top: calc(8 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); line-height: 1.7; }
  .erpFit { flex-direction: column; gap: calc(24 / var(--screen-w) * 100vw); margin: calc(24 / var(--screen-w) * 100vw) 0 0; }
  .erpFit img { width: 100%; }
  .erpFit-txt { padding: 0; }
  .erpFit-txt p { margin-top: calc(10 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); line-height: 1.8; }
  .erpFit-txt .erpFit-merit { margin-top: calc(28 / var(--screen-w) * 100vw); }
  .erpFit-txt h5 { margin-top: calc(16 / var(--screen-w) * 100vw); font-size: calc(15 / var(--fs-w) * 100vw); }
  .erpFit-txt h5 + p { margin-top: calc(6 / var(--screen-w) * 100vw); }
  .erp .svcStrength { margin-top: calc(56 / var(--screen-w) * 100vw); padding: calc(56 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) calc(64 / var(--screen-w) * 100vw); }
  .erp .svcStrength-list { margin-top: calc(40 / var(--screen-w) * 100vw); }
  .erp .svcStrength-list li:first-child { min-height: 0; padding-bottom: calc(32 / var(--screen-w) * 100vw); }
  .erp .svcStrength-list li + li, .erp .svcStrength-list li:nth-child(4) { margin-top: calc(24 / var(--screen-w) * 100vw); }
  .erp .svcStrength .btn { margin-top: calc(40 / var(--screen-w) * 100vw); }
  .erp .svcGrad { padding-top: calc(64 / var(--screen-w) * 100vw); background-image: url(../img/service-it-capability/flow-bg.webp), linear-gradient(to top, #8ea8c3 calc(1558 / 3715 * 200vw), #e1e8ef calc(1558 / 3715 * 200vw + 900 / var(--screen-w) * 100vw), #fff calc(1558 / 3715 * 200vw + 1300 / var(--screen-w) * 100vw)); }
  .erpPrice-lead { margin-top: calc(20 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); line-height: 1.9; }
  .svcPrice-list.erpPrice-list { grid-template-columns: 1fr; gap: calc(44 / var(--screen-w) * 100vw); margin-top: calc(52 / var(--screen-w) * 100vw); }
  .erpPrice-list li { min-height: 0; padding: calc(46 / var(--screen-w) * 100vw) calc(16 / var(--screen-w) * 100vw) calc(22 / var(--screen-w) * 100vw); }
  .erpPrice-list h3 { top: calc(-22 / var(--screen-w) * 100vw); width: calc(280 / var(--screen-w) * 100vw); min-height: calc(48 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); }
  .erpPrice-list p.svcPrice-num { font-size: calc(22 / var(--fs-w) * 100vw); }
  .svcFlow.erpFlow { margin-top: calc(64 / var(--screen-w) * 100vw); padding-bottom: calc(64 / var(--screen-w) * 100vw); }
  .erpFlow .svcFlow-list { padding-bottom: calc(24 / var(--screen-w) * 100vw); }
  .erpFlow .svcFlow-list li, .erpFlow .svcFlow-list li + li { padding: calc(24 / var(--screen-w) * 100vw) 0 calc(20 / var(--screen-w) * 100vw) calc(64 / var(--screen-w) * 100vw); }
  .erpFlow .svcFlow-list li::before, .erpFlow .svcFlow-list li + li::before { top: calc(22 / var(--screen-w) * 100vw); }
  .erpFlow .svcFlow-list li::after, .erpFlow .svcFlow-list li + li::after { top: calc(38 / var(--screen-w) * 100vw); }
  .erpFlow h3 { font-size: calc(16 / var(--fs-w) * 100vw); }
  .erpFlow .svcFlow-list p { margin-top: calc(6 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); line-height: 1.85; }
  .svcFaq.erpFaq { padding-top: calc(56 / var(--screen-w) * 100vw); }
  .erpFaq summary { font-size: calc(14 / var(--fs-w) * 100vw); line-height: 1.6; }
  .erpFaq summary::before { font-size: calc(17 / var(--fs-w) * 100vw); }
}
@media (max-width: 600px) {
  .erpWorry-list { grid-template-columns: 1fr; }
  .erpWorry-list li { min-height: 0; padding: calc(14 / var(--screen-w) * 100vw) calc(12 / var(--screen-w) * 100vw); }
  .erpWorry-list br { display: none; }
}