@charset "utf-8";

/* mv */
@media (min-width: 769px) {
  .underlayer_mv_img {
    background: url("../../images/about/service/mv.webp") no-repeat 50% 50% /
      cover;
  }
}
@media (max-width: 768px) {
  .underlayer_mv_img {
    background: url("../../images/about/service/mv_sp.webp") no-repeat 50% 50% /
      cover;
  }
  .anchor {
    border-top: none;
    margin-top: 0;
  }
}

/* service */
.service {
  margin-top: 100rem;
}
.service_ttl {
  line-height: 1;
}
.service_img_wrap {
  width: 100%;
}
.service_img {
  width: 100%;
}
@media (min-width: 769px) {
  .border_flex_content {
    padding-top: 50rem;
  }
  .service_ttl {
    font-size: 22rem;
  }
  .service_img_wrap {
    margin-top: 60rem;
    display: flex;
    justify-content: space-between;
    gap: 20rem;
  }
  .service_img_wrap-wrap {
    flex-wrap: wrap;
  }
  .display_img_wrap-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20rem;
  }
  .service_img_cover_l {
    width: 500rem;
  }
  .service_img_cover_m {
    width: 370rem;
  }
  .service_img_cover_s {
    width: 240rem;
  }
}
@media (max-width: 768px) {
  .border_flex
    .border_flex_inner:nth-child(1)
    .border_flex_content:nth-child(1) {
    padding-top: 40rem;
  }
  .service_ttl {
    font-size: 20rem;
  }
  .service_img_wrap {
    margin-top: 40rem;
  }
  .display_img_wrap-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: initial;
  }
  .service_img_cover + .service_img_cover {
    margin-top: 20rem;
  }
}