.recommendation .item_list {
 display: grid;
  grid-template:
    repeat(2, auto) /
    repeat(3, 1fr);
  grid-auto-flow: column;
  margin-top: 56px;
  gap: var(--spacing-xxs) var(--spacing-l);
}

@media (max-width: 800px) {
  .recommendation .item_list {
    grid-template:
      repeat(6, auto) /
      100% 1fr;
    grid-auto-flow: column;
    gap: var(--spacing-xxs);
  }
}

.recommendation .item_list li,
.recommendation .item_list a,
.recommendation .item_list figure {
  display: contents;
}

.recommendation figcaption {
  text-align: center;
  color: rgba(112, 112, 112, 1);
}

@media (max-width: 800px) {
  .recommendation figcaption {
    align-self: center;
    text-align: center;
	padding-bottom: 40px;
  }
}

.recommendation img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.concept p {
  margin-top: var(--spacing-sm);
  text-align: center;
  color: rgba(131, 131, 131, 1);
}