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

/* =====================
      contents
===================== */
.service-intro {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: repeat(2, auto);
  align-items: center;
  gap: 24rem;
}
picture {
  &:has(.service__image01) {
    grid-column: 1 / 4;
  }
}
.service__image01 {
  width: 100%;
  aspect-ratio: 1120 / 376;
}
.service__image02,
.service__image03 {
  width: 339rem;
  aspect-ratio: 339 / 258;
}
.service__description {
  padding-left: 24rem;
}

/* 実績 */
.record {
  margin-top: 56rem;
  background-color: var(--color-background-gray);
  padding: 48rem 80rem;
}
.record-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem;
}
.record-list__item {
  background-color: var(--color-background);
  padding: 16rem 24rem;
}
.record-list__name,
.record-list__address {
  display: block;
}
.record-list__name {
  &:not(:has(+ .record-list__address)) {
    display: grid;
    align-content: center;
    height: 100%;
  }
}
.record-list__address {
  margin-top: 2rem;
  font-size: 13rem;
  color: #25a3e2;
}