@charset "UTF-8";
/* =====================
      title
===================== */
.page__service {
  .sub-mv {
    background-image: url(/assets/img/service/sp-sub-mv.webp);
  }
}

/* =====================
      contents
===================== */
.service-intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 8rem;
}
picture {
  &:has(.service__image01) {
    grid-column: 1 / 3;
  }
}
.service__image01 {
  width: 100%;
  aspect-ratio: 326 / 192;
}
.service__image02,
.service__image03 {
  width: 100%;
  aspect-ratio: 159 / 120;
}
.service__description {
  padding-top: 16rem;
  grid-column: 1 / 3;
}

/* 実績 */
.record {
  margin-top: 48rem;
  background-color: var(--color-background-gray);
  padding: 32rem 16rem;
}
.record-list__item {
  background-color: var(--color-background);
  padding: 10rem 16rem;
  + .record-list__item {
    margin-top: 6rem;
  }
}
.record-list__name,
.record-list__address {
  display: block;
}
.record-list__address {
  margin-top: 2rem;
  font-size: 11rem;
  color: #25a3e2;
}