.p-pattern08 {
  margin-top: 60px;
  margin-bottom: 20px;
}
.l-container {
  width: var(--container-width);
  max-width: calc(100 * var(--vw));
  padding-right: var(--container-padding-right);
  padding-left: var(--container-padding-left);
  margin-right: auto;
  margin-left: auto;
}
.p-pattern08__body {
  container-type: inline-size;
}

.p-pattern08__list {
  --column-count: 3;
  --column-gap: min(2.5em, 4vw);
  --row-gap: 3em;
}
@media only screen and (max-width : 850px) {
  .p-pattern08__list {
    --column-count: 2;
  }
}

@media only screen and (max-width : 550px) {
  .p-pattern08__list {
    --column-count: 1;
  }
}
.c-tile {
  display: flex;
  flex-wrap: wrap;
  gap: var(--row-gap, 1em) var(--column-gap, 1em);
}
.c-tile__item {
  width: calc((100% - var(--column-gap, 1em) * (var(--column-count, 3) - 1)) / var(--column-count, 3));
}
.c-card__image {
  display: block;
  aspect-ratio: var(--image-aspect-ratio, 1 / 0.73);
  object-fit: cover;
}
.c-card__body {
  margin-top: 1.25em;
}
.c-card__heading {
  margin-bottom: 0.5em;
  font-size: var(--heading-size, var(--font-size-xl));
  font-weight: bold;
  line-height: 1.7;
  color: var(--heading-color, var(--color-heading-secondary));
}
.c-paragraph {
  line-height: 2.1;
}