:root {
  --color-primary-dark: #78805A;
  --color-accent: #2d6a4f;
  --color-bg: #faf8f5;
  --color-bg-dark: #f0ebe3;
  --color-beige: #FCEAD0;
  --color-text: #333;
  --color-text-light: #666;
  --color-white: #fff;
  --color-samon: #EA594B;
  --font-sans: "Noto Sans JP", sans-serif;
  --font-serif: "Shippori Mincho", serif;
  --container-maxwidth: 1200px;
  --header-height: 105px;
}

.menu {
  padding: calc(var(--header-height) + 40px) 4.5vw 120px;
}

.container.__menu {
  padding-top: 40px;
}

.menu_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 20px;
}

@media screen and (max-width: 767px) {
  .menu_list {
    grid-template-columns: 1fr;
    gap: 30px 15px;
  }

  .__menu .section__title {
    font-size: 36px;
  }
}

.section__title.menu_title {
  font-size: 52px;
}

.menu_wrap {
  margin-bottom: 48px;
}

.menu_item {
  background: var(--color-beige);
  padding: 18px;
}

.menu_bottom {
  margin-top: 10px;
}

.menu_head3 {
  margin-bottom: 24px;
  font-size: 32px;
}

.menu_name {
  font-size: 18px;
  font-weight: bold;
}

.menu_price {
  font-size: 22px;
  font-weight: bold;
  color: var(--color-samon);
}

.menu_item.__big {
  grid-column: span 2;
  grid-row: span 2;
}

.menu_img {
  margin-inline: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .menu_item.__big {
    grid-column: 1;
    grid-row: 1;
  }
  .menu_head3 {
    margin-bottom: 24px;
    font-size: 26px;
    text-align: center;
  }
}