.service-section1__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .service-section1__row {
    display: block;
  }
}
.service-section1__figure {
  margin-top: -5.5rem;
}
@media (max-width: 767px) {
  .service-section1__figure {
    margin-top: 6rem;
  }
}

.service-item1 {
  display: grid;
  grid-template-columns: 31.7rem 1fr;
  gap: 6.4rem;
  padding: 4rem 6rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .service-item1 {
    display: block;
    padding: 3rem 2.5rem;
  }
}
.service-item1 + .service-item1 {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .service-item1 + .service-item1 {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .service-item1__image {
    margin-bottom: 2.5rem;
  }
}
.service-item1__title {
  font-size: 3.6rem;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .service-item1__title {
    font-size: 2.4rem;
    padding-bottom: 1rem;
  }
}

.service-item2 {
  display: grid;
  grid-template-columns: 1fr 73.4rem;
  gap: 10rem;
}
.service-item2 + .service-item2 {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .service-item2 {
    display: block;
  }
}
.service-item2__body {
  padding: 6rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .service-item2__body {
    margin-top: 2rem;
    padding: 3rem 2.8rem 3rem 2.7rem;
  }
}
.service-item2__title {
  margin: 0 0 2rem;
  font-size: 3.6rem;
  line-height: 3.2rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .service-item2__title {
    font-size: 3.2rem;
  }
}