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

.main_list {
  margin-top: 20px;
}

.main_list li .ttl::before {
  content: '';
  background: url(../img/service-list/service_icon01.svg) no-repeat;
  background-size: contain;
  width: 79px;
  height: 79px;
  position: absolute;
  top: -25px;
  left: 50px;
}

.main_list li:nth-child(2) .ttl::before {
  background: url(../img/service-list/service_icon02.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(3) .ttl::before {
  background: url(../img/service-list/service_icon03.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(4) .ttl::before {
  background: url(../img/service-list/service_icon04.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(5) .ttl::before {
  background: url(../img/service-list/service_icon05.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(6) .ttl::before {
  background: url(../img/service-list/service_icon06.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(7) .ttl::before {
  background: url(../img/service-list/service_icon07.svg) no-repeat;
  background-size: contain;
}

.main_list li:nth-child(8) .ttl::before {
  background: url(../img/service-list/service_icon08.svg) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 960px) {
  .main_list li .ttl::before {
    width: 65px;
    height: 65px;
    top: -15px;
  }
}

@media only screen and (max-width: 568px) {
  .main_list {
    margin-top: 0;
  }
  .main_list li .ttl::before {
    width: 50px;
    height: 50px;
    left: 20px;
  }
}
/*# sourceMappingURL=service-list.css.map */