/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#reservation #office {
  background: #fff;
}
#reservation #office .office__wrapper {
  padding-top: max(12.5rem, 70px);
  padding-bottom: max(21rem, 100px);
}
#reservation #office .office__wrapper .office__content:not(:first-of-type) {
  padding-top: max(16rem, 60px);
}
#reservation #office .office__wrapper .office__content .office__inner {
  display: flex;
  gap: max(4rem, 25px);
}
@media screen and (max-width: 1000px) {
  #reservation #office .office__wrapper .office__content .office__inner {
    flex-direction: column-reverse;
  }
}
#reservation #office .office__wrapper .office__content .office__inner .office__map {
  flex-shrink: 0;
  align-self: stretch;
  width: max(66.5rem, 300px);
}
@media screen and (max-width: 1000px) {
  #reservation #office .office__wrapper .office__content .office__inner .office__map {
    width: 100%;
    aspect-ratio: 5/3;
  }
}
#reservation #office .office__wrapper .office__content .office__inner .office__map iframe {
  width: 100%;
  height: 100%;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text {
  flex: 1;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text--image {
  width: 100%;
  aspect-ratio: 143/76;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .btn {
  text-align: right;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox {
  padding: max(2.5rem, 10px) 0;
  margin: max(2.5rem, 10px) 0;
  border-top: 1px solid #c2c0bd;
  border-bottom: 1px solid #c2c0bd;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox dl {
  display: grid;
  grid-template-columns: max(11rem, 90px) 1fr;
  gap: max(2rem, 10px);
  font-size: max(1.4rem, 12px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox dl dt {
  flex-shrink: 0;
  display: flex;
  gap: max(1rem, 10px);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox dl dt span.icon {
  flex-shrink: 0;
  width: max(1.7rem, 15px);
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox dl dt span.text {
  flex: 1;
}
#reservation #office .office__wrapper .office__content .office__inner .office__text .textBox dl dd {
  flex: 1;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
#reservation #office .office__wrapper .office__content .office__supplement {
  margin-top: max(5rem, 30px);
}
#reservation #office .office__wrapper .office__content .office__supplement h3 {
  font-size: max(2.2rem, 18px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.15em;
  margin-bottom: max(1.5rem, 15px);
}/*# sourceMappingURL=reservation.css.map */