/*============================
#worreis
============================*/
section#worreis {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline);
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
}
section#worreis div.worreis__heading {
}
section#worreis div.worreis__heading h2 {
  color: var(--on-surface, #423527);
  text-align: center;
  font-family: "Zen Maru Gothic";
  font-size: var(--scale-40, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section#worreis div.worreis__heading h2 span.box {
  padding: var(--scale-2, 2px) var(--scale-16, 16px);
  justify-content: center;
  align-items: center;
  border-radius: 1000px;
  background: var(--primary, #f0813b);
  color: var(--surface, #fff);
}
section#worreis div.worreis__items {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
  max-width: var(--width-md, 1080px);
  justify-content: center;
  align-items: flex-start;
  gap: var(--scale-16, 16px);
  margin-inline: auto;
  align-self: stretch;
}
section#worreis div.worreis__items {
}
section#worreis div.worreis__items div.items__item {
  display: flex;
  padding: var(--scale-16, 16px);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--scale-16, 16px);
  background: var(--surface-variant, #f9eee2);
  color: var(--on-surface, #423527);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: min(20px, 100vw / 375 * 16);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
section#worreis div.worreis__items div.items__item span.highlight {
  color: var(--highlight, #de1d0c);
  display: inline;
}
@media screen and (max-width: 1080px) {
  section#worreis div.worreis__items {
    grid-template-columns: 1fr 1fr;
  }
}