.step-wrap { display: flex; gap: 20px; }
.step-wrap .tits { width: 20.9%; flex: none; }
.step-group { width: 100%; }
.step-lists { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 36px; }
.step-lists > li { flex: 1; position: relative; height: max-content; min-height: 298px; background: #EEF5FF; padding: 32px 32px 32px 36px; box-sizing: border-box; position: relative; border-radius: 20px; height: 100%; }
.step-lists > li .box-item { position: relative; }
.step-lists > li:before { content: ""; position: absolute; background: url(../img/common/ico-step.png)no-repeat; background-size: cover; width: 24px; height: 24px; top: 50%; right: -44px; transform: translate(-50%, -50%); }
.step-lists > li:last-child:before { display: none; }
.step-lists > li .num { font-weight: 800; font-size: 32px; line-height: 1.5; letter-spacing: -0.02em; text-transform: unset; color: #0B5DCF; padding: 0 0 16px; display: block; }
.step-lists > li .txt { min-height: 104px; margin-bottom: 9px; }
.step-lists > li .txt:not(:has(.desc)) .tit { padding: 0; }
.step-lists > li .txt .tit { font-weight: 600; font-size: 20px; line-height: 150%; letter-spacing: -0.02em; text-transform: uppercase; color: #111; margin-bottom: 8px; }
.step-lists > li .ico { text-align: right; margin-right: 2px; }
.step-lists > li .txt-min { margin-left: -11px; }
.ul-type-dot > li { padding: 0 0 12px 12px; font-size: 20px; font-weight: 400; color: #111; }
.step-wrap .ul-type-dot > li.red { color: #FF0000; }
.step-wrap .ul-type-dot > li.red:before { background-color: #FF0000; }
.step-wrap .ul-type-dot > li:before { top: 17px; width: 5px; height: 5px; }
.step-wrap.number .ol-type01 > li { font-weight: 600; line-height: 1.5; margin-bottom: 64px; padding-bottom: 0; }
.step-wrap.number .ol-type01 > li:last-child { margin-bottom: 0px; }
.step-wrap.number .ul-type04 { margin-top: 12px; margin-left: -16px; }
.step-wrap.number .ul-type04 > li { color: #222; margin-bottom: 12px; font-size: 16px; }
.step-wrap.number .ul-type04 > li:last-child { margin-bottom: 0; }
.step-wrap.number .txt-min { margin-top: 12px; margin-left: -11px; }
.step-wrap.number .ml { margin-left: -18px; }
.step-wrap.step-style .con-p.p01 { padding: 40px 0 12px; }
.table .ul-type-dot > li { padding: 0 0 12px 8px; font-size: 18px; }
.table .ul-type-dot > li:before { top: 12px; left: 0; width: 3px; height: 3px; }
.table .ul-type-dot > li:last-child { padding-bottom: 0; }
.color-blue { color: #0B5DCF; }
.color-black { color: #111; }
.mg-t40 { margin-top: 40px; }
.mg-b12 { margin-bottom: 12px; }
.step-wrap.number .ml { margin-left: -18px; }
.step-wrap.number .mark-p.ml { color: #222222; font-size: 16px; font-weight: 400; margin-top: 12px; }
.mark-p { line-height: 1.5; letter-spacing: -0.02em; }
.con-tit { font-weight: 600; font-size: 24px; line-height: 150%; letter-spacing: -0.02em; text-transform: uppercase; color: #111; margin-bottom: 8px; }
.con-tit:not(:first-of-type) { margin-top: 30px; }
.con-txt { font-size: 18px; margin-bottom: 8px; }
.ex-well { background-color: #f8f8f8; color: #111; padding: 20px; margin-top: 8px; }
.info-list { list-style: none; padding: 0; margin: 10px 0; }
.info-list > li { margin-bottom: 4px; }
.info-list > li:last-child { margin-bottom: 0; }
.info-list p { position: relative; font-weight: 500; font-size: 20px; line-height: 1.5; color: #004bae; padding-left: 15px; }
.info-list p::before { content: "※"; position: absolute; left: 0; top: 0; }
.info-list .sub-txt { padding-left: 15px; }
.info-list .sub-txt::before { content: ""; }
@media (max-width: 1300px) {
  .step-lists > li .txt { min-height: 133px; }
}
@media (max-width: 1024px) {
  .step-wrap { gap: 0px; flex-direction: column; }
  .step-wrap .tits { width: 100%; }
  .step-lists > li { padding: 26px 20px; }
}
@media (max-width: 768px) {
  .step-lists { flex-direction: column; gap: 30px; }
  .step-lists > li { padding: 20px 20px; min-height: 100%; }
  .step-lists > li .num { font-size: 26px; }
  .step-lists > li .txt { min-height: 100%; }
  .step-lists > li:before { top: unset; right: unset; transform: translate(-50%, -50%) rotate(90deg); left: 50%; bottom: -40px; }
  .step-wrap .ul-type-dot > li { font-size: 20px; }
  .step-wrap .ul-type-dot > li:last-child { padding-bottom: 0; }
  .step-wrap.number .ml { margin-left: -12px; }
  .step-wrap.number .ol-type01 { margin-left: 15px; }
  .step-wrap.number .ol-type01 > li { margin-bottom: 35px; }
  .step-wrap.number .ol-type01 > li { font-size: 16px; padding: 0; }
  .step-wrap.number .ul-type04 { margin-top: 8px; margin-left: -12px; }
  .step-wrap.number .ul-type04 > li { margin-bottom: 8px; font-size: 14px; }
  .step-wrap.number .txt-min { font-size: 14px; margin-top: 8px; }
  .ul-type-dot > li { font-size: 16px; }
  .con-p.p01 { font-size: 16px; }
  .step-wrap.step-style .con-p.p01 { padding: 30px 0 12px; }
  .table .ul-type-dot > li { padding: 0 0 8px 8px; font-size: 16px; }
  .mg-t40 { margin-top: 30px !important; }
  .con-tit { font-size: 20px; }
}