.a-point__lead,
.a-point__text {
  font-family: "Noto Sans JP", noto-sans-cjk-jp, sans-serif;
}

.a-point {
  margin: 4rem 0 0;
}

.a-point__inner {
  display: grid;
  grid-template-columns: minmax(2rem, 1fr) minmax(auto, 1280px) minmax(2rem, 1fr);
}

.a-point__inner > * {
  grid-column: 2;
}

.a-point__head {
  grid-column: 1/4;
}

.a-point__body {
  margin: 2rem 0 0;
}

.a-point__group + .a-point__group {
  margin: 2rem 0 0;
}

.a-point__lead {
  font-size: clamp(1.25rem, 1.875vw, 1.5rem);
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #444;
}

.a-point__text {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  letter-spacing: 0.05em;
  color: #444;
  margin: 0.5rem 0 0;
}

.a-point__img {
  border-radius: 20px;
}

@media screen and (min-width: 768px) {
  .a-point__head {
    grid-column: 2;
  }

  .a-point__body {
    margin: 4rem 0;
  }

  .a-point__group {
    display: flex;
    padding: 0 3.9vw;
  }

  .a-point__group--reverse .a-point__imgArea {
    order: 1;
    margin: 0;
  }

  .a-point__group--reverse .a-point__textArea {
    order: 2;
    margin: 0 0 0 3rem;
  }

  .a-point__group + .a-point__group {
    margin: 4rem 0 0;
  }

  .a-point__imgArea {
    order: 2;
    flex-basis: 40%;
    max-width: 452px;
    margin: 0 0 0 3rem;
  }

  .a-point__textArea {
    order: 1;
    flex-basis: 60%;
    max-width: 640px;
    margin: 0;
  }
}