section.limited-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(12px + 0.6vw);
}

.box:nth-child(1) {
  grid-column: 1/4;
}

.box:nth-child(2) {
  grid-column: 1/3;
}

.box h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.box h4 span {
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 10px;
}

.box h4 span:nth-child(1) {
  background-color: var(--color-orange);
}

.box h4 span:nth-child(2) {
  margin-left: 10px;
  background-color: var(--mono9);
}

.box h4 span:nth-child(3) {
  margin-left: 10px;
  background-color: var(--color-blue-hold);
}

.rating div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90%;
}

.rating h3 {
  font-weight: 600;
  font-size: calc(1.8rem + 1.6vw);
  line-height: 5.4rem;
  color: var(--color-blue-hold);
}

.rating p {
  margin-top: calc(2px + 0.4vw);
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: var(--mono9);
}

.chart-wrap {
  margin-top: calc(18px + 0.4vw);
  height: calc(110px + 12vw);
}

@media all and (max-width:540px) {
  section.limited-wrap {
    grid-template-columns: 1fr;
  }

  .box:nth-child(1) {
    grid-column: 1;
  }

  .box:nth-child(2) {
    grid-column: 1;
  }

  .chart-wrap {
    height: calc(210px + 12vw);
  }
}