.sub-page .sub-page__container .heading__vertical {
  align-items: center;
}

.sub-page .sub-page__container .menu__title {
  display: flex;
  padding: 80px 0 64px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__title {
    padding: 48px 0 32px;
  }
}

.sub-page .sub-page__container .menu__title img {
  width: 88px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__title img {
    width: 56px;
  }
}

.sub-page .sub-page__container .pagetitle {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .pagetitle .heading__vertical {
    flex-direction: column;
    text-align: center;
  }
}

.sub-page .sub-page__container .menu__contents {
  gap: 56px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents {
    gap: 24px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 48px 72px;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap {
    padding: 40px 16px;
    gap: 24px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--title {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--title {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--title img {
  width: 160px;
  height: auto;
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--title .menu__contents-wrap--title-text {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--brown-400);
  width: 100%;
  font: var(--font-body-h2);
  font-size: 48px;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--title .menu__contents-wrap--title-text {
    padding-bottom: 8px;
    font-size: 32px;
    gap: 4px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--title .menu__contents-wrap--title-text span {
  font-family: YuMincho;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--title .menu__contents-wrap--title-text span {
    font-size: 16px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--p {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font: var(--font-body-large);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--p {
    font: var(--font-body-medium);
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--p .annotation {
  color: var(--brown-400);
  font: var(--font-body-medium);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--p .annotation {
    font: var(--font-body-small);
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-title {
  display: flex;
  gap: 12px;
  font-size: 24px;
  color: var(--brown-400);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-title {
    gap: 8px;
    font-size: 18px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-title img {
  width: 35px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-title img {
    width: 28px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents {
  display: flex;
  padding: 24px;
  background: var(--brown-50);
  border-radius: 8px;
  gap: 16px 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents {
    padding: 16px;
    flex-direction: column;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item {
    gap: 6px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item .item-title {
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--green-400);
  color: var(--white);
  font: var(--font-body-medium-bold);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item .item-title {
    font: var(--font-body-small-bold);
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item .item-p {
  font: var(--font-body-medium);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--effect .menu__contents-wrap--effect-contents .item .item-p {
    font: var(--font-body-small);
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail {
    gap: 24px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail .menu__contents-wrap--detail-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail .menu__contents-wrap--detail-wrap .title {
  font-family: YuMincho;
  font-size: 24px;
  border-bottom: 2px solid var(--brown-400);
  padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail .menu__contents-wrap--detail-wrap .title {
    font-size: 20px;
  }
}

.sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail .menu__contents-wrap--detail-wrap p {
  font: var(--font-body-large);
}
@media screen and (max-width: 767px) {
  .sub-page .sub-page__container .menu__contents .menu__contents-wrap--detail .menu__contents-wrap--detail-wrap p {
    font: var(--font-body-medium);
  }
}