@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&family=Montserrat:wght@700&display=swap");
@media screen and (max-width: 767px) {
  .col-box .img-box {
    margin: auto;
    max-width: 400px;
    width: 100%;
  }
  .col-box .txt-box {
    margin-top: 2em;
  }
}
@media screen and (min-width: 768px) {
  .col-box {
    display: flex;
    justify-content: space-between;
  }
  .col-box .img-box {
    width: 31.25%;
  }
  .col-box .txt-box {
    width: 65.625%;
  }
  .col-box.col-rl {
    flex-direction: row-reverse;
  }
}

.restaurant-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: clamp(20px, 5.3333333333vw, 32px);
  margin-top: clamp(2em, 6.6666666667vw, 3em);
  padding-left: 0;
}
.restaurant-list > li {
  margin: 0;
}
.restaurant-list .restaurant-name {
  font-size: clamp(1.6rem, 1.1139240506rem + 0.6329113924vw, 2rem);
}
.restaurant-list p {
  margin: 0;
}
.restaurant-list .map-box {
  position: relative;
  border: 3px solid #fff;
}
.restaurant-list .map-box iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .restaurant-list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}