.menu {
  background-color: var(--base-color);
}

.menu .menu_sub_section {
  display: grid;
  grid-template:
    "visual title" auto
    "visual paragraph" auto
    "visual button" 1fr /
    1fr 1fr;
  gap: var(--spacing-sm) var(--spacing-sm);
  align-items: flex-start;
}

.menu .menu_sub_section:not(:first-of-type) {
  margin-top: var(--spacing-xl);
}

.menu .menu_sub_section:nth-child(2n + 1) {
  grid-template:
    "title visual" auto
    "paragraph visual" auto
    "button visual" 1fr/1fr 1fr;
}

@media (max-width: 800px) {
  .menu .menu_sub_section,
  .menu .menu_sub_section:nth-child(2n + 1) {
    grid-template:
      "title" auto
      "visual" auto
      "paragraph" auto
      "button" auto /
      1fr;
  }
}

.menu .menu_sub_section .visual {
  grid-area: visual;
}

@media (max-width: 800px) {
  .menu .menu_sub_section .visual {
    margin-top: 8px;
  }
}

.menu .menu_sub_section .visual img {
  width: 100%;
  height: auto;
}

.menu .menu_sub_section .title {
  position: relative;
  grid-area: title;

  font-family: var(--paragraph-jp-lg-font-family);
  font-size: var(--paragraph-jp-lg-font-size);
  font-weight: var(--paragraph-jp-lg-font-weight);
  line-height: var(--paragraph-jp-lg-line-height);
  color: rgba(60, 174, 50, 1);
  text-align: center;
}

@media (max-width: 800px) {
  .menu .menu_sub_section .title {
    text-align: center;
  }
}

.menu .menu_sub_section .title:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: rgba(60, 174, 50, 0.5);
}

@media (max-width: 800px) {
  .menu .menu_sub_section .title:after {
  width: 100%;
  }
}

.menu .menu_sub_section .paragraph {
  grid-area: paragraph;
  color: rgba(112, 112, 112, 1);
}

.menu .menu_sub_section .button {
  grid-area: button;
}

@media (max-width: 800px) {
  .menu .menu_sub_section .button {
    justify-self: center;
  }
}

table{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px rgba(235, 247, 234, 1);
}

table th{
  width: 30%;
  background-color: rgba(60, 174, 50,1);
  color: white;
  text-align: center;
  padding: 15px 0;
}


table td{
  width: 70%;
  text-align: left;
  text-indent: 0px;
  background-color: rgba(60, 174, 50, 0.5);
  padding: 15px 30px;
}

.information {
  padding-top: 144px;
}

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