@charset "UTF-8";

.p-pattern01__inner {
  container-type: inline-size;
}

.p-pattern01__list {
  --column-count: 2;
}

@container (width <=525px) {
  .p-pattern01__list {
    --column-count: 1;
  }
}

.c-heading05__header {
  --min-size: 2rem;
  --mid-size: calc(2.7 * var(--vw));
  --max-size: 2.6rem;
  font-size: clamp(var(--min-size), var(--mid-size), var(--max-size));
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
  padding: 0.5em 1em;
  background-color: var(--color-secondary);
}

#merit-demerit .c-step-list__item__header {
  width: 5em;
  flex-direction: column;
}

#merit-demerit .c-step-list__item__header::before {
        align-self: center;margin-top: calc(var(--number-size) / 3);
}

#merit-demerit .p-pattern05__body--merit .c-step-list__item__header::before {
  content: "Merit";
}

#merit-demerit .p-pattern05__body--demerit .c-step-list__item__header::before {
  content: "Demerit";
}

#merit-demerit .c-step-list__item__header:where(:not(.c-step-list__item:last-child) > *)::after {
  background: none;
}
#about .p-pattern08__list {
    --column-count: 2;
}
#about .p-pattern08__list img {
    max-width: 100%;
}