.item__name-text {
  font-size: .70vw;
  margin-top: 3%;
}

@media screen and (max-width: 767px) {
    .item__name-text {
        font-size: 1.3rem;
    }
}

.access .c-head.--lv2 .--en {
  letter-spacing: 0;
}

.access .c-head.--lv2.--col-2 .c-head__block:first-child + .c-head__block {
  margin-left: 1rem;
}

.chef {
  background-color: #3a3a3a;
}

.list__item {
  position: relative;
}

.mv .list__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* 黒マスク・透過度40% */
  z-index: 0; /* コンテンツの下に敷くなら低めに調整 */
  pointer-events: none; /* マスクがクリックをブロックしないように */
}

.concept-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  margin: auto;
  padding-top: 80rem;
  background-color: rgba(0, 0, 0, 0.6); /* 黒マスク・透過度40% */
  z-index: 0; /* コンテンツの下に敷くなら低めに調整 */
  pointer-events: none; /* マスクがクリックをブロックしないように */
}

.contact-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  margin: auto;
  padding-top: 80rem;
  background-color: rgba(0, 0, 0, 0.6); /* 黒マスク・透過度40% */
  z-index: 0; /* コンテンツの下に敷くなら低めに調整 */
  pointer-events: none; /* マスクがクリックをブロックしないように */
}
.menu-mainList {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 4.9rem;
    padding-bottom: 15.3rem;
}
.chef {
    padding: 17rem 0 18rem;
}
@media screen and (max-width: 767px) {
    .chef {
        padding: 12.4rem 0 6.5rem;
    }
}