#sub_main .ttl span::before {
  background: url(../img/sodai/icon_sodai.svg) no-repeat;
  background-size: contain;
}

.before_after {
  gap: 0 80px;
  position: relative;
  margin: 100px 0 20px;
}

.before_after li {
  position: relative;
}

.before_after li span {
  position: absolute;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 10px 0 12px;
  width: 235px;
  border-radius: 50px;
  text-align: center;
}

.before_after li span img {
  width: 107px;
}

.before_after .before {
  border: 5px solid #41bbe5;
}

.before_after .before span {
  background: #41bbe5;
}

.before_after .after {
  border: 5px solid var(--site-secondary);
}

.before_after .after span {
  background: var(--site-secondary);
}

.before_after::before {
  content: '';
  background: url(../img/common/icon_arrow_right_yellow.svg) no-repeat;
  background-size: contain;
  width: 35px;
  height: 43px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.point_sec .point04 {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .before_after {
    margin: 60px 0 20px;
  }
  .before_after li {
    width: 38%;
  }
}

@media only screen and (max-width: 960px) {
  .before_after {
    margin: 40px 0 20px;
  }
  .before_after li span {
    width: 60%;
    padding: 5px 0 7px;
    bottom: -20px;
  }
  .before_after li span img {
    width: 85px;
  }
}

@media only screen and (max-width: 568px) {
  .before_after {
    margin: 25px 0 5px;
    gap: 0 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .before_after::before {
    width: 22px;
    height: 27px;
  }
  .before_after li {
    border-width: 3px !important;
    width: 45%;
  }
  .before_after li span {
    width: 84%;
    padding: 1px 0 5px;
    bottom: -16px;
  }
  .before_after li span img {
    width: 74px;
  }
  .point_sec .point04 {
    margin-bottom: 20px;
  }
}
/*# sourceMappingURL=sodai.css.map */