/* Keep the illustration in the heading row so its height reserves real space. */
.single-review article .coop-point {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(90px, 26%);
  column-gap: clamp(16px, 2vw, 32px);
  row-gap: 24px;
  padding-top: 40px;
}

.single-review article .coop-point > h2 {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  min-width: 0;
  padding: 0;
  margin: 0;
}

.single-review article .coop-point > .illust {
  position: static;
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.single-review article .coop-point > .illust img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.single-review article .coop-point > ul {
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  margin: 0;
}

@media (max-width: 599px) {
  .single-review article .coop-point {
    column-gap: 12px;
    row-gap: 20px;
    padding-top: 32px;
  }

  .single-review article .coop-point > h2 .en {
    font-size: clamp(28px, 7vw, 42px);
  }
}