/* =========================================================
   モバイルファースト構成
   ベース(無条件) = SP(〜568px)
   min-width: 569px  = 〜960px 相当
   min-width: 961px  = 961px〜(PC)
   ========================================================= */

#sub_main_service .sub_main_content::before {
  background: url("../img/recovery/service_item01.jpg") no-repeat top right;
  background-size: cover;
}

.service_items li {
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}

.service_items li img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
}

.service_items li .txt_box {
  padding: 18px 20px 22px;
}

.service_items li .txt_box .ttl {
  margin-bottom: 8px;
}

.service_items li .txt_box p {
  margin-bottom: 0;
}

.other_service {
  gap: 24px 0;
}

.other_service li {
  width: 100%;
  padding: 20px 20px 25px;
}

.other_service li img {
  border-radius: 8px;
  margin-bottom: 12px;
}

.other_service li .ttl {
  margin-bottom: 8px;
}

.other_service li p {
  margin-bottom: 0;
}

@media screen and (min-width: 569px) {
  .service_items li {
    width: 48.5%;
  }
}

@media screen and (min-width: 961px) {
  .service_items li {
    width: 31.5%;
  }

  .service_items li .txt_box {
    padding: 20px 24px 26px;
  }

  .other_service li {
    width: 31.5%;
  }
}