.un-box-step {
  list-style: none;
  margin-top: 32px;
}
.un-box-step__wrapper {
  background-color: var(--COLOR_BACKGROUND_COLOR);
  border: 2px solid var(--COLOR_OUTLINE_COLOR);
  border-radius: 8px;
  padding: 30px 20px;
}
.un-box-step__wrapper + .un-box-step__wrapper {
  margin-top: 46px;
  position: relative;
}
.un-box-step__wrapper + .un-box-step__wrapper::before {
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 28px;
  left: 50%;
  position: absolute;
  top: -38px;
  transform: translateX(-50%) rotate(90deg);
  width: 30px;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%234288cd%22%3e%3cpath%20d%3d%22M58%2e3,94%2e6l39%2e6%2d40c2%2e6%2d2%2e4,2%2e7%2d6%2e4,0%2e4%2d8%2e9c%2d0%2e1%2d0%2e1%2d0%2e3%2d0%2e3%2d0%2e4%2d0%2e4l%2d39%2e6%2d40c%2d2%2e4%2d2%2e4%2d6%2e2%2d2%2e7%2d9%2d0%2e7c%2d2%2e9,2%2d3%2e7,5%2e9%2d1%2e7,8%2e8c0%2e3,0%2e4,0%2e7,0%2e9,1%2e1,1%2e2l28%2e7,28%2e7H6%2e7C3,43%2e3,0,46%2e3,0,50s3,6%2e7,6%2e7,6%2e7h70%2e6L48%2e6,85%2e3c%2d2%2e6,2%2e3%2d2%2e9,6%2e3%2d0%2e5,8%2e9c0%2e4,0%2e4,0%2e8,0%2e8,1%2e2,1%2e1C52%2e1,97%2e3,55%2e9,97%2e1,58%2e3,94%2e6L58%2e3,94%2e6z%22%2f%3e%3c%2fsvg%3e");
}
.un-box-step__head {
  display: block;
}
.un-box-step__head + .un-box-step__head__body {
  margin: 16px 0 0;
}
.un-box-step__stepTitle {
  display: block;
  font-size: 1.25rem;
  padding-left: 36px;
  position: relative;
}
.un-box-step__stepTitle::after {
  background-color: var(--COLOR_BRAND_SECONDARY);
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 20px;
}
.un-box-step__body {
  background-color: var(--COLOR_BACKGROUND_LIGHT);
  border-radius: 4px;
  margin-top: 16px;
  padding: 20px;
}
.un-box-step__body > [class^=m-list] {
  margin-top: 8px;
}
.un-box-step__text {
  font-size: 1.125rem;
  font-weight: var(--FONT_WEIGHT_BOLD);
}
@media (min-width: 768px) {
  .un-box-step {
    column-gap: 38px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 48px;
  }
  .un-box-step__wrapper {
    margin-top: 0;
    padding: 50px 30px;
  }
  .un-box-step__wrapper + .un-box-step__wrapper {
    margin-top: 0;
  }
  .un-box-step__wrapper + .un-box-step__wrapper::before {
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
  }
  .un-box-step__stepTitle {
    font-size: 1.375rem;
  }
  .un-box-step__stepTitle::after {
    top: 8px;
  }
  .un-box-step__body {
    margin-top: 24px;
    padding: 30px;
  }
  .un-box-step__text {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .m-panel__mediaItem {
    height: auto;
    max-height: 335px;
  }
}