/* ============================================================================
   layout.css — geometry ported 1:1 from the original Wix Studio stylesheet.
   GENERATED FILE: values come straight out of the live site's computed CSS.
   Wix places every child in a single grid cell (grid-area 1/1/2/2) and positions
   it with align-self / justify-self / percentage margins. That model is preserved
   verbatim, which is why the layout matches the original at every width.
   Breakpoints mirror Wix exactly:  >1000px | <=1000px | <=750px
   ========================================================================== */

.topbar {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: stretch;
  justify-self: stretch;
  height: 75px;
  min-height: 48px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  row-gap: 0px;
  column-gap: 0px;
}
.topbar__burger {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 35px;
  height: 35px;
  margin-top: 15.5px;
  margin-right: 5.6521739130434785%;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: auto;
  display: none;
}
.topbar__ig {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 55.55555555555556%;
  height: auto;
  margin-top: -57.83333333333334px;
  margin-right: 9.903381642512066%;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: none;
}
.topbar__book {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  width: 15.982789855072463%;
  height: auto;
  min-height: 5.6640625vw;
  margin-top: 27.3046875px;
  margin-right: 42.008605072463766%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: none;
  font-size: 13px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.sidebar {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: stretch;
  justify-self: start;
  width: 10vw;
  height: auto;
  min-height: 750px;
  max-height: 99999px;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: calc(0px);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  display: grid;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.sidebar__top {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: center;
  width: 61.167612665628916%;
  height: max-content;
  margin-top: 35.6875px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.sidebar__logo {
  position: relative;
  order: 1;
  align-self: center;
  width: 84.8802250024246%;
  height: auto;
  margin-bottom: 73.109375px;
  margin-left: -0.00969838037047813%;
  aspect-ratio: 1 / 1;
  display: block;
}
.sidebar__navwrap {
  position: relative;
  order: 2;
  align-self: center;
  width: 100%;
  height: max-content;
  margin-bottom: 0px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.sidebar__nav {
  position: relative;
  order: 1;
  align-self: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-roboto);
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 2.3;
  color: var(--corvid-color, #292929);
  font-size: calc(1px + 16 * var(--u1920));
}
.sidebar__ig {
  position: relative;
  order: 2;
  align-self: flex-start;
  width: 22.87847929395791%;
  height: 25.296875px;
  min-height: 25.296875px;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
}
.sidebar__book {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 67.64117541643134%;
  height: auto;
  min-height: 39.5789820613096px;
  margin-top: 353.6066698268438%;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: 16.177294126580357%;
  display: block;
  font-size: 13px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.hero {
  position: relative;
  grid-area: 2/2/3/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 476px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.hero__media {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: stretch;
  width: auto;
  min-width: 0px;
  height: auto;
  min-height: 100vh;
  margin-top: -75px;
  margin-right: -0.0008141099994383683%;
  margin-bottom: 0px;
  margin-left: 0px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.hero__img {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: stretch;
  justify-self: stretch;
  width: auto;
  min-width: 0px;
  height: auto;
  min-height: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
}
.hero__center {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: stretch;
  width: auto;
  height: max-content;
  margin-top: 10.853160701010843%;
  margin-right: 35.41271256810229%;
  margin-bottom: 0px;
  margin-left: 35.4167637539082%;
  display: flex;
  flex-direction: column;
}
.hero__kicker {
  position: relative;
  order: 1;
  align-self: center;
  width: 99.98469871775255%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 11.28125px;
  margin-left: 0px;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 300;
  line-height: var(--lh-latin);
  letter-spacing: 0.5em;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(7px + 9 * var(--u1920));
}
.hero__mark {
  position: relative;
  order: 2;
  align-self: center;
  width: 15.613592367256636vw;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 14.453125px;
  margin-left: 0px;
  aspect-ratio: 1 / 1;
  display: block;
}
.hero__place {
  position: relative;
  order: 3;
  align-self: center;
  width: 99.9663371790556%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: -6px;
  margin-left: 0px;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 300;
  letter-spacing: 0.5em;
  line-height: 2;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(8px + 10 * var(--u1920));
}
.hero__region {
  position: relative;
  order: 4;
  align-self: center;
  width: 99.99081923065152%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 300;
  letter-spacing: 0.5em;
  line-height: 2;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(5px + 8 * var(--u1920));
}
.concept {
  position: relative;
  grid-area: 3/2/4/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 1494.28125px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.concept__inner {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: center;
  width: 89.99930219575735%;
  height: max-content;
  margin-top: -1.5993762283175232%;
  margin-right: 0.0007753380473914821%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.concept__title {
  position: relative;
  order: 1;
  align-self: center;
  width: 20.92567465701794%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 54.015625px;
  margin-left: 2.7567788761818615%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(5px + 35 * var(--u1920));
}
.concept__ja {
  position: relative;
  order: 2;
  align-self: center;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 73.984375px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-mincho);
  letter-spacing: 0.3em;
  line-height: 2;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(5px + 7 * var(--u1920));
}
.concept__rule {
  position: relative;
  order: 3;
  align-self: center;
  width: 55.55555555555556%;
  height: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 44.78125px;
  margin-left: 0%;
  display: block;
}
.concept__en {
  position: relative;
  order: 4;
  align-self: center;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-georgia);
  letter-spacing: 0.3em;
  line-height: 2;
  color: var(--corvid-color, #FFFFFF);
  text-align: center;
  font-size: calc(5px + 7 * var(--u1920));
}
.about {
  position: relative;
  grid-area: 4/2/5/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 629.578125px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.about__inner {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 100%;
  height: auto;
  min-height: 585.6875px;
  margin-top: 20.02375000000029px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.about__img {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 46%;
  height: auto;
  margin-top: 8.920656028368795%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 4.001572826639553%;
  aspect-ratio: 1 / 0.6978065539112054;
  display: block;
}
.about__text {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 41.329334900442475vw;
  height: max-content;
  margin-top: 8.538141929419806%;
  margin-right: 0.00015506857132562352%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.about__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 16.79514657079646vw;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 41.015625px;
  margin-left: 0.004607339491810454%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 39 * var(--u1920));
}
.about__lead {
  position: relative;
  order: 2;
  align-self: center;
  width: 37.50518528761062vw;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 41.515625px;
  margin-left: -9.252869957970015%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 26 * var(--u1920));
}
.about__body {
  position: relative;
  order: 3;
  align-self: center;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 13 * var(--u1920));
}
.stay {
  position: relative;
  grid-area: 5/2/6/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 701.234375px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.stay__img {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 46%;
  height: auto;
  min-height: 0px;
  margin-top: 6.2257006750405885%;
  margin-right: 3.9993221487883446%;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 0.5933042580536417;
  display: block;
}
.stay__text {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 44.24784764823005%;
  height: max-content;
  margin-top: 5.455331966162523%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 3.999799961542994%;
  display: flex;
  flex-direction: column;
}
.stay__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 41.512829056981005%;
  height: auto;
  margin-bottom: 39px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 39 * var(--u1920));
}
.stay__body {
  position: relative;
  order: 2;
  align-self: center;
  width: 99.99777851827169%;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0.0022214817283127846%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 13 * var(--u1920));
}
.stay__checkin {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: end;
  width: 21.502062399206054%;
  height: max-content;
  margin-top: 0px;
  margin-right: 29.079155016098973%;
  margin-bottom: 73.71137499999986px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.stay__checkin-main {
  position: relative;
  order: 1;
  align-self: center;
  width: 100%;
  height: auto;
  margin-bottom: 0.796875px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 14 * var(--u1920));
}
.stay__checkin-note {
  position: relative;
  order: 2;
  align-self: center;
  width: 97.78689263499504%;
  height: auto;
  margin-bottom: 0px;
  margin-left: -2.2040926710538176%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 11 * var(--u1920));
}
.stay__price {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 21.503031571765288%;
  height: max-content;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 17.84418749999986px;
  margin-left: 3.660661328588375%;
  display: flex;
  flex-direction: column;
}
.stay__price-text {
  position: relative;
  order: 1;
  align-self: center;
  width: 99.99549285617704%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 36.1699425308513px;
  margin-left: 0.004507143822959391%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(10px + 8 * var(--u1920));
}
.stay__book {
  position: relative;
  order: 2;
  align-self: flex-start;
  width: 36.02109343309145%;
  height: auto;
  min-height: 2.2815265486725664vw;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: -0.013692530851309255px;
  margin-left: 0%;
  display: block;
  font-size: 13px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.room {
  position: relative;
  grid-area: 6/2/7/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 1109.90625px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.room__text {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 52.000707995860466%;
  height: max-content;
  margin-top: 4.93396458173118%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 3.8307860955770208%;
  display: flex;
  flex-direction: column;
}
.room__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 34.824504236104644%;
  height: auto;
  margin-bottom: 18.671875px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 24 * var(--u1920));
}
.room__list {
  position: relative;
  order: 2;
  align-self: center;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 15 * var(--u1920));
}
.gallery {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: center;
  width: 85%;
  height: auto;
  min-height: 0px;
  margin-top: 22.876816429418742%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 27.034374999999955px;
}
.service {
  position: relative;
  grid-area: 7/2/8/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 719.41796875px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.service__title {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 26.676821195560073%;
  height: auto;
  margin-top: 23.0703125px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 5.737904592441959%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 24 * var(--u1920));
}
.notes {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 53.4837876814291%;
  height: max-content;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 49.31275000000005px;
  margin-left: 5.67163299611088%;
  display: flex;
  flex-direction: column;
}
.notes__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 33.86246262571351%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0.005436259853220984%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 19 * var(--u1920));
}
.notes__list {
  position: relative;
  order: 2;
  align-self: center;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  letter-spacing: 0em;
  text-align: left;
  font-size: calc(1px + 12 * var(--u1920));
}
.access {
  position: relative;
  grid-area: 8/2/9/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 588.984375px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.access__text {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 31.969126038952982%;
  height: max-content;
  margin-top: 26.5px;
  margin-bottom: 0px;
  margin-left: 5.6725669892072945%;
  display: flex;
  flex-direction: column;
}
.access__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 56.65130661492754%;
  height: auto;
  margin-bottom: 15.453125px;
  margin-left: 0.4062329473109804%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 24 * var(--u1920));
}
.access__body {
  position: relative;
  order: 2;
  align-self: center;
  width: 99.59376705268902%;
  height: auto;
  margin-bottom: 67.828125px;
  margin-left: 0.40016976899290607%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 13 * var(--u1920));
}
.access__addr {
  position: relative;
  order: 3;
  align-self: center;
  width: 99.59376705268902%;
  height: auto;
  margin-bottom: 106.671875px;
  margin-left: -0.4062329473109804%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  letter-spacing: 0.2em;
  font-size: calc(1px + 14 * var(--u1920));
}
.access__route {
  position: relative;
  order: 4;
  align-self: center;
  width: 99.59376705268902%;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0.4062329473109804%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  letter-spacing: 0.2em;
  font-size: calc(1px + 14 * var(--u1920));
}
.access__map {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 55.032525431087954%;
  min-width: 0px;
  height: 453.28125px;
  min-height: 0px;
  margin-top: 33.109375px;
  margin-right: 3.3%;
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
}
.contact {
  position: relative;
  grid-area: 9/2/10/3;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 630.28125px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.contact__text {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 31.841195261133855%;
  height: max-content;
  margin-top: 59.75px;
  margin-bottom: 0px;
  margin-left: 5.799528594467188%;
  display: flex;
  flex-direction: column;
}
.contact__title {
  position: relative;
  order: 1;
  align-self: flex-start;
  width: 56.87891885310769%;
  height: auto;
  margin-bottom: 14.46875px;
  margin-left: 0.006087538808059901%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 700;
  line-height: var(--lh-latin);
  letter-spacing: 0.29em;
  text-align: left;
  font-size: calc(1px + 24 * var(--u1920));
}
.contact__body {
  position: relative;
  order: 2;
  align-self: center;
  width: 99.99391246119194%;
  height: auto;
  margin-bottom: 20.4375px;
  margin-left: 0.006087538808059901%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 14 * var(--u1920));
}
.contact__notes {
  position: relative;
  order: 3;
  align-self: center;
  width: 99.99391246119194%;
  height: auto;
  margin-bottom: 0px;
  margin-left: -0.006087538808059901%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 12 * var(--u1920));
}
.form-wrap {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: end;
  width: 40%;
  min-width: 400px;
  max-width: 99999px;
  height: auto;
  min-height: 200px;
  margin-top: 14.405875000000378px;
  margin-right: 12%;
  margin-bottom: 0px;
  margin-left: 0px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.form {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: stretch;
  justify-self: stretch;
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: grid;
  grid-template-rows: minmax(47.65023311491936px,max-content) minmax(42.63441910282258px,max-content) minmax(43.47038810483871px,max-content) minmax(125.39535030241936px,max-content) minmax(155.490234375px,max-content);
  grid-template-columns: 2fr;
  row-gap: 18px;
  column-gap: 0px;
}
.form__title {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 85.84114812041012%;
  height: auto;
  min-height: 0px;
  margin-top: -1.84375px;
  margin-right: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  text-align: center;
  font-size: calc(10px + 10 * var(--u1920));
}
.form__row--name {
  position: relative;
  grid-area: 2/1/3/2;
  align-self: start;
  justify-self: start;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-top: 0.046875px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 0.002422950184144214%;
  display: block;
  font-size: 10px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.form__row--email {
  position: relative;
  grid-area: 3/1/4/2;
  align-self: start;
  justify-self: start;
  width: 100%;
  min-width: 0px;
  height: auto;
  min-height: 50px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  display: block;
  font-size: 10px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.form__row--msg {
  position: relative;
  grid-area: 4/1/5/2;
  align-self: start;
  justify-self: start;
  width: 100%;
  min-width: 0px;
  height: auto;
  min-height: 150px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 10px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.form__submit {
  position: relative;
  grid-area: 5/1/6/2;
  align-self: start;
  justify-self: center;
  width: 19.7297407903401%;
  height: auto;
  min-height: 34.09091527088822px;
  margin-top: 19.031224999999722px;
  margin-right: 0.33921302578018997%;
  margin-bottom: 0%;
  margin-left: 0%;
  display: block;
  font-size: 12px;
  line-height: 1.4em;
  font-family: var(--ff-gothic);
}
.form__thanks {
  position: relative;
  grid-area: 5/1/6/2;
  align-self: center;
  justify-self: center;
  width: 90%;
  min-height: 0px;
  margin-top: 11.218450000000303px;
  margin-right: 0.33921302578018997%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-gothic);
  line-height: var(--lh-jp);
  text-align: center;
  font-size: calc(10px + 2 * var(--u1920));
}
.footer {
  position: relative;
  grid-area: 3/1/4/2;
  align-self: stretch;
  justify-self: stretch;
  height: auto;
  min-height: 50vh;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.footer__mark {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 13.914012151173248%;
  height: auto;
  margin-top: -21.15625px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 23.910604519318444%;
  aspect-ratio: 1 / 1;
  display: block;
}
.footer__info {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: end;
  width: 31.846041123930032%;
  height: max-content;
  margin-top: -13.703125px;
  margin-right: 26.17909533556631%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: flex;
  flex-direction: column;
}
.footer__tag {
  position: relative;
  order: 1;
  align-self: center;
  width: 99.97869685626465%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12.75px;
  margin-left: -0.02130314373535409%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 12 * var(--u1920));
}
.footer__name {
  position: relative;
  order: 2;
  align-self: center;
  width: 99.97869685626465%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 17.28125px;
  margin-left: -0.02130314373535409%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 400;
  letter-spacing: 0.5em;
  line-height: 2;
  font-size: calc(1px + 16 * var(--u1920));
}
.footer__addr {
  position: relative;
  order: 3;
  align-self: center;
  width: 99.97869685626465%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 14.109375px;
  margin-left: 0.009129918743723181%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 12 * var(--u1920));
}
.footer__ig {
  position: relative;
  order: 4;
  align-self: flex-start;
  width: 4.534526309382513%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 25.234375px;
  margin-left: 0.018259837487446362%;
  aspect-ratio: 1 / 1;
  display: block;
}
.footer__license {
  position: relative;
  order: 5;
  align-self: center;
  width: 99.97869685626465%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0.015216531239538636%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 2;
  font-size: calc(1px + 9 * var(--u1920));
}
.footer__copy {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: end;
  width: 20.290722557514933%;
  height: auto;
  margin-top: 0px;
  margin-right: 1.855162853013606%;
  margin-bottom: 24.71875px;
  margin-left: 0%;
  display: block;
  font-family: var(--ff-helv);
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 9 * var(--u1920));
}
.drawer {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: stretch;
  justify-self: stretch;
  width: 300px;
  height: 100vh;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.drawer__close {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: end;
  width: 18px;
  height: 18px;
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 0px;
  margin-left: 0%;
  display: block;
}
.drawer__nav {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: center;
  width: 50%;
  height: auto;
  margin-top: 50px;
}
.to-top {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 7.664930555555555%;
  height: auto;
  margin-top: 304.15625px;
  margin-left: 302.40625px;
  aspect-ratio: 1 / 1;
  display: none;
}
.am--kitchen {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25.00529171499637%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 7.049917386883579%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 5.802436112144895%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--kitchen .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 3.566613661504425vw;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--kitchen .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 24.89065738233721%;
  height: auto;
  margin-top: 0px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--kitchen .am__note {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 81.17054263565892%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 1.718775000000278px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: calc(6px + 8 * var(--u1920));
}
.am--parking {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: center;
  width: 25%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 6.879130655821047%;
  margin-right: 4.986578815152064%;
  margin-bottom: 0px;
  margin-left: 0%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--parking .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 15%;
  height: auto;
  margin-top: -0.000024999999993724487px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--parking .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 49.145167933268326%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--wifi {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25.00039717844433%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 6.887074224707677%;
  margin-right: 0%;
  margin-bottom: -1.796849999999722px;
  margin-left: 63.37190522503185%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--wifi .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--wifi .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 47.21843854438812%;
  height: auto;
  margin-top: -1.403378514168166%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--ski {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 16.269753007964752%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 5.676443679444238%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--ski .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--ski .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 77.60803950903988%;
  height: auto;
  margin-top: 0.0625px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--ski .am__note {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 50.08157209683249%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 10.140650000000278px;
  margin-left: 17.99573002652296%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: calc(1px + 13 * var(--u1920));
}
.am--laundry {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 16.26842907981698%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 35.00664611930181%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--laundry .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--laundry .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 56.700893444188885%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--aircon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25.00039717844433%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 15.944066683612947%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 63.4%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--aircon .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--aircon .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 40.023247909052785%;
  height: auto;
  margin-top: -1.403378514168166%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18.00348346470759%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--tv {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 25.727895695644804%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 5.8014669395856595%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--tv .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--tv .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 58.737263418720914%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--shampoo {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 25.00039717844433%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 25.73186748008812%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 63.37190522503185%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--shampoo .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--shampoo .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 76.363612680407%;
  height: auto;
  margin-top: 0.109375px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18.007360183799904%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.25;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--shampoo .am__note {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 78.94550759588832%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18.007360183799904%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: calc(1px + 13 * var(--u1920));
}
.am--bathtub {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 24.999806165488152%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 25.73186748008812%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 35.00664611930181%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--bathtub .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--bathtub .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 58.737263418720914%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--dryer {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 24.999806165488152%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 34.99408468903576%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 5.6525112269106925%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--dryer .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--dryer .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: center;
  justify-self: start;
  width: 58.737263418720914%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--hairoil {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 24.999806165488152%;
  height: auto;
  min-height: 64.484375px;
  margin-top: 34.99276076088799%;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 34.734578884934756%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.am--hairoil .am__icon {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 16%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  aspect-ratio: 1 / 1;
  display: block;
}
.am--hairoil .am__label {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: start;
  justify-self: start;
  width: 77.60803950903988%;
  height: auto;
  margin-top: 0.0625px;
  margin-right: 0%;
  margin-bottom: 0px;
  margin-left: 18%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.2em;
  line-height: 1.6;
  font-size: calc(1px + 17 * var(--u1920));
}
.am--hairoil .am__note {
  position: relative;
  grid-area: 1/1/2/2;
  align-self: end;
  justify-self: start;
  width: 50.08157209683249%;
  height: auto;
  margin-top: 0%;
  margin-right: 0%;
  margin-bottom: 10.140650000000278px;
  margin-left: 17.99573002652296%;
  display: block;
  font-family: var(--ff-gothic);
  letter-spacing: 0.1em;
  line-height: 1.3;
  font-size: calc(1px + 13 * var(--u1920));
}

@media screen and (max-width: 1000px) {
  .topbar__book {
    width: 36.01907224826249%;
    min-height: 22.390625px;
    display: none;
    font-size: 1px;
    line-height: 1.4em;
    font-family: var(--ff-avenir);
    font-weight: 300;
  }
  .sidebar {
    width: 14.036051432291666vw;
  }
  .sidebar__top {
    width: 80.58416514374242%;
    margin-top: 37.5px;
  }
  .sidebar__nav {
    font-size: calc(1px + 16 * var(--u1000));
  }
  .sidebar__book {
    justify-self: center;
    width: 67.63291186211119%;
    min-height: 32.578125px;
    margin-top: 429.35158214050483%;
    margin-bottom: 0px;
    margin-left: 5.464437785838199%;
    font-size: 12px;
    line-height: 1.4em;
    font-family: var(--ff-avenir);
    font-weight: 300;
  }
  .hero__center {
    justify-self: center;
    margin-top: 144.796875px;
    margin-right: 0%;
    margin-left: 0.0023819889103812992%;
  }
  .hero__kicker {
    margin-top: 3.1855779431627775px;
    margin-bottom: 21.375px;
    font-size: calc(15px + 1 * var(--u1000));
  }
  .hero__mark {
    width: 30vw;
    margin-bottom: 10.890625px;
    margin-left: 0px;
  }
  .hero__place {
    margin-bottom: 9.203125px;
    margin-left: 0px;
    font-size: calc(7px + 11 * var(--u1000));
  }
  .hero__region {
    margin-bottom: 3.185577943162798px;
    margin-left: 0px;
    font-size: calc(5px + 8 * var(--u1000));
  }
  .concept {
    min-height: 1324px;
  }
  .concept__inner {
    align-self: start;
    justify-self: start;
    width: 99.9019220907588%;
    margin-top: 91.890625px;
    margin-right: 0%;
  }
  .concept__title {
    width: 47.1335110249576%;
    margin-top: 0px;
    margin-bottom: 54.015625px;
    margin-left: 0px;
    font-size: calc(1px + 39 * var(--u1000));
  }
  .concept__ja {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 73.984375px;
    margin-left: 0px;
  }
  .concept__rule {
    margin-top: 0px;
    margin-bottom: 44.78125px;
  }
  .concept__en {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.08723043372910104%;
  }
  .about {
    min-height: 314.28125px;
  }
  .about__inner {
    align-self: start;
    min-height: 276.171875px;
    margin-top: 30.953125px;
  }
  .about__img {
    align-self: end;
    justify-self: start;
    width: 49.79906664726086%;
    margin-top: 0px;
    margin-right: 0%;
    margin-bottom: 1.9532500000000255px;
    margin-left: 0.15129502733671174%;
    aspect-ratio: 1 / 0.697772005195324;
  }
  .about__text {
    align-self: center;
    justify-self: end;
    width: 40.2862548828125vw;
    margin-top: 0.031124999999519787px;
    margin-right: -0.00832417132921424%;
    margin-left: 0%;
  }
  .about__title {
    width: 188.984375vw;
    margin-bottom: 10.015625px;
    margin-left: 0.015625px;
    font-size: calc(1px + 39 * var(--u1000));
  }
  .about__lead {
    margin-bottom: 15.25px;
    margin-left: -6.9541942326145145%;
  }
  .about__body {
    margin-left: -0.09375px;
    line-height: 1.3 !important;
    font-size: calc(1px + 13 * var(--u1000));
  }
  .stay {
    min-height: 555.546875px;
  }
  .stay__img {
    align-self: start;
    justify-self: end;
    width: 49.85201382160115%;
    height: auto;
    margin-top: 10.72278911564626vh;
    margin-right: -0.47442247420092193%;
    margin-bottom: 0px;
    aspect-ratio: 1 / 0.5932747460927223;
  }
  .stay__text {
    justify-self: start;
    width: 47.6567232508455%;
    margin-top: 34.8125px;
    margin-right: 0px;
    margin-left: 0.04357296787297298%;
  }
  .stay__title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    font-size: calc(1px + 39 * var(--u1000));
  }
  .stay__body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: -0.005079494082389394%;
  }
  .stay__checkin {
    margin-right: 179.93775000000005px;
    margin-bottom: 95.08606250000003px;
  }
  .stay__price {
    width: 29.95399469223154%;
    margin-bottom: 48.297000000000025px;
    margin-left: 4.8462823156495505%;
  }
  .stay__price-text {
    margin-bottom: 23.28125px;
    font-size: calc(10px + 8 * var(--u1000));
  }
  .stay__book {
    width: 36.01907224826249%;
    min-height: 22.390625px;
    margin-bottom: 0px;
    font-size: 1px;
    line-height: 1.4em;
    font-family: var(--ff-avenir);
    font-weight: 300;
  }
  .room {
    min-height: 809.828125px;
  }
  .room__text {
    width: 52.000707995860466%;
    margin-top: 37.7734375px;
    margin-right: 0px;
    margin-left: 0.0435724278324402%;
  }
  .room__title {
    font-size: calc(1px + 24 * var(--u1000));
  }
  .room__list {
    font-size: calc(1px + 15 * var(--u1000));
  }
  .gallery {
    align-self: end;
    justify-self: center;
    width: 95%;
    margin-top: 0px;
    margin-bottom: 69.52312500000016px;
    margin-left: 0.007375000000024556px;
  }
  .service {
    min-height: 666.75px;
  }
  .service__title {
    justify-self: start;
    width: 46.66304434549953%;
    margin-top: 16.390625px;
    margin-right: 0%;
    margin-left: 0%;
    font-size: calc(1px + 24 * var(--u1000));
  }
  .notes {
    align-self: end;
    justify-self: start;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 29.15625px;
    margin-left: 3.99418872168919%;
  }
  .access {
    min-height: 460px;
  }
  .access__text {
    justify-self: start;
    width: 39.2701372955169%;
    margin-top: 58.734375px;
    margin-right: 0px;
    margin-left: 0.04357296787297298%;
  }
  .access__title {
    margin-top: 0px;
    margin-right: 0px;
    font-size: calc(1px + 24 * var(--u1000));
  }
  .access__body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 37.828125px;
  }
  .access__addr {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 35.671875px;
    margin-left: -0.40685488842312906%;
  }
  .access__route {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0.39452595241030697%;
  }
  .access__map {
    justify-self: end;
    width: 58.3296796592865%;
    height: 327.0859375px;
    margin-top: 58.765625px;
    margin-right: -0.015374999999949068px;
  }
  .contact {
    min-height: 796.8125px;
  }
  .contact__text {
    width: 66.50445257634371%;
    margin-top: 58.84375px;
    margin-right: 0px;
    margin-left: 0%;
  }
  .contact__title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 17.34375px;
    font-size: calc(1px + 24 * var(--u1000));
  }
  .contact__body {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 17.5625px;
    margin-left: 0%;
    font-size: calc(1px + 14 * var(--u1000));
  }
  .contact__notes {
    align-self: stretch;
    width: 429.265625px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0%;
    font-size: calc(1px + 12 * var(--u1000));
  }
  .form-wrap {
    align-self: end;
    justify-self: center;
    width: 90%;
    min-width: 400px;
    max-width: 99999px;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 49.14875000000029px;
    margin-left: 0px;
  }
  .form__title {
    margin-top: 0px;
    text-align: left;
    font-size: calc(13px + 7 * var(--u1000));
  }
  .footer {
    min-height: 43.43643707482993vh;
  }
  .footer__mark {
    align-self: start;
    width: 24.583626401887617%;
    margin-top: 47.703125px;
    margin-right: 0px;
    margin-bottom: 161.109375px;
    margin-left: 11.980145444630182%;
  }
  .footer__info {
    align-self: start;
    justify-self: end;
    width: 55.70561870515857%;
    margin-top: 47.703125px;
    margin-right: 1.8543105865657452%;
    margin-bottom: 121.109375px;
    margin-left: 0%;
  }
  .footer__tag {
    margin-bottom: 4.75px;
    font-size: calc(1px + 12 * var(--u1000));
  }
  .footer__name {
    margin-bottom: 9.28125px;
    margin-left: -0.02172779419433339%;
    font-size: calc(1px + 16 * var(--u1000));
  }
  .footer__addr {
    margin-bottom: 17.109375px;
    margin-left: 0.004345558838866679%;
    font-size: calc(1px + 12 * var(--u1000));
  }
  .footer__ig {
    margin-bottom: 10.234375px;
    margin-left: 0.017382235355466714%;
  }
  .footer__license {
    margin-left: 0.013036676516600034%;
    font-size: calc(1px + 9 * var(--u1000));
  }
  .footer__copy {
    width: 43.06461658112163%;
    margin-right: 1.8543105865657452%;
    margin-bottom: 23.87525000000005px;
    font-size: calc(1px + 9 * var(--u1000));
  }
  .drawer {
    width: 70vw;
    min-width: 0px;
    grid-template-rows: minmax(100px,max-content) auto;
    grid-template-columns: 1fr;
  }
  .drawer__close {
    align-self: center;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 40px;
  }
  .drawer__nav {
    grid-area: 2/1/3/2;
    width: 60%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .am--kitchen {
    width: 33.29943033670091%;
    min-height: 87.4921875px;
    margin-top: 66.015625px;
    margin-left: 0%;
  }
  .am--kitchen .am__icon {
    width: 20%;
  }
  .am--kitchen .am__label {
    justify-self: end;
    width: 72.43004378006681%;
    margin-top: 11.828125px;
    margin-right: 0.3855181494198272%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--kitchen .am__note {
    align-self: end;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0%;
  }
  .am--parking {
    justify-self: center;
    width: 33.3%;
    min-height: 87px;
    margin-top: 66.5px;
    margin-right: 2.790967707952488%;
  }
  .am--parking .am__icon {
    align-self: start;
    width: 20%;
    margin-top: 0px;
  }
  .am--parking .am__label {
    align-self: start;
    justify-self: center;
    width: 53.093072188258944%;
    margin-top: 11.3125px;
    margin-left: 7.264494104363963%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--wifi {
    justify-self: end;
    width: 33.29943033670091%;
    min-height: 87px;
    margin-top: 66.015625px;
    margin-right: 1.3918238097303786%;
    margin-bottom: -1.796849999999722px;
    margin-left: 0%;
  }
  .am--wifi .am__icon {
    width: 20%;
  }
  .am--wifi .am__label {
    align-self: start;
    justify-self: center;
    width: 59.08680642790014%;
    margin-top: 11.859375px;
    margin-left: 4.64500227972713%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--ski {
    justify-self: start;
    width: 33.3%;
    min-height: 87px;
    margin-top: 185.4375px;
    margin-right: 0%;
    margin-left: -0.11135055245366267%;
  }
  .am--ski .am__icon {
    width: 20%;
  }
  .am--ski .am__label {
    justify-self: end;
    width: 72.89186507936508%;
    margin-top: 15.46875px;
    margin-right: 3.6458333333333335%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--ski .am__note {
    align-self: end;
    margin-top: 0px;
    margin-bottom: 11.046899999999823px;
    margin-left: 0.33670015886965926%;
  }
  .am--laundry {
    justify-self: center;
    width: 33.3%;
    min-height: 64.484375px;
    margin-top: 185.4375px;
    margin-right: 2.790967707952488%;
    margin-left: 0%;
  }
  .am--laundry .am__icon {
    width: 20%;
  }
  .am--laundry .am__label {
    align-self: start;
    justify-self: center;
    margin-top: 9.40625px;
    margin-right: 0%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--aircon {
    justify-self: end;
    width: 33.3%;
    min-height: 64.484375px;
    margin-top: 182.109375px;
    margin-right: 1.3918238097303786%;
    margin-left: 0%;
  }
  .am--aircon .am__icon {
    width: 25%;
    margin-top: 0.03125px;
    margin-left: 0.008153265741673233%;
  }
  .am--aircon .am__label {
    align-self: start;
    justify-self: end;
    width: 47.32155436467144%;
    margin-top: 17.59375px;
    margin-right: 20.398556793121735%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--tv {
    width: 33.3%;
    min-height: 64.484375px;
    margin-top: 46.93667852340259%;
    margin-left: 0.043571955307954956%;
  }
  .am--tv .am__icon {
    width: 20%;
  }
  .am--tv .am__label {
    align-self: start;
    justify-self: end;
    margin-top: 12.7265625px;
    margin-right: 13.974893159605703%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--shampoo {
    align-self: center;
    justify-self: end;
    width: 33.3%;
    min-height: 87px;
    margin-top: 2.207645735603051%;
    margin-right: 1.3918238097303786%;
    margin-left: 0%;
  }
  .am--shampoo .am__icon {
    width: 20%;
  }
  .am--shampoo .am__label {
    justify-self: stretch;
    width: auto;
    margin-top: 8.5px;
    margin-right: 1.0761242776986797%;
    margin-left: 23.37156528859485%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--shampoo .am__note {
    align-self: end;
    width: 98.59311173454671%;
    margin-top: 0px;
    margin-bottom: 15.015625px;
    margin-left: 0.3125901422735859%;
  }
  .am--bathtub {
    justify-self: start;
    width: 33.3%;
    margin-top: 46.120914693470326%;
    margin-right: 0%;
    margin-left: 31.955187890017413%;
  }
  .am--bathtub .am__icon {
    width: 20%;
  }
  .am--bathtub .am__label {
    align-self: start;
    justify-self: end;
    margin-top: 12.7265625px;
    margin-right: 13.974893159605703%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--dryer {
    width: 33.3%;
    margin-top: 62.104560298938466%;
    margin-right: 8%;
    margin-left: 0.19849446306957258%;
  }
  .am--dryer .am__icon {
    width: 20%;
  }
  .am--dryer .am__label {
    align-self: start;
    justify-self: end;
    margin-top: 12.7265625px;
    margin-right: 13.974893159605703%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--hairoil {
    justify-self: center;
    width: 33.3%;
    min-height: 87px;
    margin-top: 62.12392561240867%;
    margin-right: 2.790967707952488%;
    margin-left: 0%;
  }
  .am--hairoil .am__icon {
    width: 20%;
  }
  .am--hairoil .am__label {
    justify-self: end;
    width: 72.89186507936508%;
    margin-top: 15.46875px;
    margin-right: 3.6458333333333335%;
    margin-left: 0%;
    font-size: calc(1px + 17 * var(--u1000));
  }
  .am--hairoil .am__note {
    align-self: end;
    margin-top: 0px;
    margin-bottom: 23.046875px;
    margin-left: 0.3198596804659949%;
  }
}

@media screen and (max-width: 750px) {
  .topbar {
    height: 61px;
  }
  .topbar__burger {
    align-self: center;
    width: 8%;
    height: auto;
    margin-top: -0.2536231884057971%;
    margin-right: 5%;
    aspect-ratio: 1 / 1;
    display: block;
  }
  .topbar__ig {
    align-self: center;
    justify-self: start;
    width: 10%;
    margin-top: -0.2536231884057971%;
    margin-right: 0%;
    margin-left: 3.3967391304347827%;
    display: block;
  }
  .topbar__book {
    align-self: center;
    justify-self: end;
    width: 21.00769927536232%;
    min-height: 25.61328125px;
    margin-top: 0px;
    margin-right: 60.875px;
    margin-left: 0px;
    display: block;
    font-size: 10px;
    line-height: 1.4em;
    font-family: var(--ff-gothic);
  }
  .sidebar {
    width: 14.036051432291666vw;
    display: none;
  }
  .sidebar__book {
    font-size: 12px;
    line-height: 1.4em;
    font-family: var(--ff-avenir);
    font-weight: 300;
  }
  .hero {
    min-height: 476.26171875px;
    display: block;
  }
  .hero__center {
    justify-self: stretch;
    margin-top: 166.828125px;
    margin-right: 0%;
    margin-left: 0%;
  }
  .hero__kicker {
    margin-top: 1.290009799427417px;
    margin-bottom: 10.359375px;
    font-size: calc(10px + 6 * var(--u750));
  }
  .hero__mark {
    width: 50vw;
    margin-bottom: 12.421875px;
    margin-left: -0.65625px;
  }
  .hero__place {
    margin-bottom: 0.34375px;
    margin-left: 2px;
    font-size: calc(9px + 9 * var(--u750));
  }
  .hero__region {
    margin-bottom: 1.2900097994274233px;
    margin-left: 2px;
    font-size: calc(5px + 8 * var(--u750));
  }
  .concept {
    min-height: 304.07118055555554vw;
    display: block;
  }
  .concept__inner {
    align-self: center;
    justify-self: end;
    margin-top: -2.9881249999998545px;
    margin-right: -0.33061594202898553%;
  }
  .concept__title {
    width: 46.164656813854386%;
    margin-top: 0.18144949193913362px;
    margin-bottom: 22.162300508060866px;
    margin-left: 12.953125px;
    font-size: calc(10px + 30 * var(--u750));
  }
  .concept__ja {
    width: 90%;
    margin-top: 0.18144949193913362px;
    margin-bottom: 30.83599164115455px;
    margin-left: -25.8125px;
    line-height: 1.4 !important;
    font-size: calc(6px + 5 * var(--u750));
  }
  .concept__rule {
    margin-top: 0.1814494919390935px;
    margin-bottom: 27.861323969249675px;
  }
  .concept__en {
    width: 90%;
    margin-top: 0.1814494919390935px;
    margin-bottom: 0.1814494919390935px;
    margin-left: 0px;
    font-size: calc(6px + 6 * var(--u750));
  }
  .about {
    min-height: 533.171875px;
    display: block;
  }
  .about__inner {
    align-self: start;
    min-height: 470.171875px;
    margin-top: 37.484375px;
  }
  .about__img {
    align-self: end;
    justify-self: center;
    width: 92.82608695652173%;
    margin-top: 0px;
    margin-right: 0.02717391304347826%;
    margin-bottom: 13.672000000000025px;
    margin-left: 0%;
    aspect-ratio: 1 / 0.6392466822794691;
  }
  .about__text {
    align-self: start;
    justify-self: start;
    width: 90vw;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 3.0434782608695654%;
  }
  .about__title {
    width: 100%;
    margin-bottom: 11.015625px;
    margin-left: 0.015625px;
    font-size: calc(17px + 23 * var(--u750));
  }
  .about__lead {
    width: 100%;
    margin-bottom: 11.515625px;
    margin-left: -0.5208333333333334%;
    letter-spacing: 0.15em !important;
    font-size: calc(11px + 16 * var(--u750));
  }
  .about__body {
    margin-left: -0.028935185185185185%;
    line-height: 1.3 !important;
    font-size: calc(7px + 7 * var(--u750));
  }
  .stay {
    min-height: 686.734375px;
    display: block;
  }
  .stay__img {
    align-self: end;
    justify-self: center;
    width: 92.8%;
    height: 189.953125px;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 41.35429347826083%;
    aspect-ratio: auto;
  }
  .stay__text {
    justify-self: center;
    width: 94.03532608695652%;
    margin-top: 16.46875px;
    margin-right: 0%;
    margin-left: 0.03170289855072464%;
  }
  .stay__title {
    font-size: calc(17px + 23 * var(--u750));
  }
  .stay__body {
    font-size: calc(7px + 7 * var(--u750));
  }
  .stay__checkin {
    width: 38.75452898550725%;
    margin-right: 17.25px;
    margin-bottom: 58.93793749999986px;
  }
  .stay__checkin-main {
    font-size: calc(8px + 7 * var(--u750));
  }
  .stay__checkin-note {
    font-size: calc(7px + 5 * var(--u750));
  }
  .stay__price {
    width: 44.38858695652174%;
    margin-bottom: 48.74262499999986px;
    margin-left: 5%;
  }
  .stay__price-text {
    margin-bottom: 11.671875px;
  }
  .stay__book {
    width: 36.00652994592389%;
    min-height: 20.390625px;
    margin-bottom: 0px;
    font-size: 10px;
    line-height: 1.4em;
    font-family: var(--ff-gothic);
  }
  .room {
    min-height: 564.78125px;
    display: block;
  }
  .room__text {
    width: 90%;
    margin-top: 43.6875px;
    margin-right: 0%;
    margin-left: 5%;
  }
  .room__title {
    font-size: calc(17px + 8 * var(--u750));
  }
  .room__list {
    font-size: calc(6px + 10 * var(--u750));
  }
  .gallery {
    align-self: start;
    justify-self: start;
    width: 100%;
    margin-top: 213.4375px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .service {
    min-height: 898.75px;
    display: block;
  }
  .service__title {
    justify-self: center;
    width: 90.23890398550725%;
    margin-top: 4.780344202898551%;
    margin-right: 3.7647192028985508%;
    margin-left: 0%;
    font-size: calc(17px + 8 * var(--u750));
  }
  .notes {
    align-self: start;
    justify-self: center;
    width: 90%;
    margin-top: 203.5326086956522%;
    margin-right: 0.46648550724637683%;
    margin-bottom: 0px;
    margin-left: 0%;
  }
  .notes__title {
    font-size: calc(10px + 10 * var(--u750));
  }
  .notes__list {
    margin-right: 0%;
    font-size: calc(7px + 6 * var(--u750));
  }
  .access {
    min-height: 619.671875px;
    display: block;
  }
  .access__text {
    justify-self: center;
    width: 91.19565217391305%;
    margin-top: 6.915760869565218%;
    margin-right: 0%;
    margin-left: 0%;
  }
  .access__title {
    font-size: calc(17px + 8 * var(--u750));
  }
  .access__body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 24.828125px;
    font-size: calc(7px + 7 * var(--u750));
  }
  .access__addr {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 13.671875px;
    margin-left: -0.40723083035359553%;
    font-size: calc(7px + 8 * var(--u750));
  }
  .access__route {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0.3923321414382201%;
    font-size: calc(7px + 8 * var(--u750));
  }
  .access__map {
    justify-self: center;
    width: 100.13134057971014%;
    height: 271.078125px;
    margin-top: 92.40942028985495%;
    margin-right: 0.3713768115942029%;
  }
  .contact {
    min-height: 677.8125px;
    display: block;
  }
  .contact__text {
    width: 95.40307971014492%;
    margin-top: 15%;
    margin-right: 0%;
    margin-left: 2.999320652173913%;
  }
  .contact__title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 17.4375px;
    font-size: calc(17px + 8 * var(--u750));
  }
  .contact__body {
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 17.46875px;
    margin-left: 0px;
    font-size: calc(7px + 8 * var(--u750));
  }
  .contact__notes {
    align-self: center;
    width: 326.421875px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: -2.6875px;
    font-size: calc(7px + 6 * var(--u750));
  }
  .form-wrap {
    align-self: start;
    justify-self: center;
    width: 80%;
    min-width: 300px;
    max-width: 400px;
    height: 470.9140625px;
    margin-top: 59.97268115942029%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 4.828125px;
  }
  .form {
    grid-template-rows: minmax(34.911785665048306px,max-content) minmax(41.53882070728336px,max-content) minmax(41.49989380689249px,max-content) minmax(124.49968142067748px,max-content) minmax(113.95621840009836px,max-content);
  }
  .form__submit {
    margin-top: 22.89087500000005px;
    margin-right: 0%;
  }
  .form__thanks {
    align-self: end;
    margin-top: 0px;
    margin-right: 0%;
    margin-bottom: 13.297375000000102px;
    margin-left: 0.005208333333333333%;
    font-size: calc(8px + 4 * var(--u750));
  }
  .footer {
    min-height: 53.6203231292517vh;
  }
  .footer__mark {
    align-self: start;
    width: 31.53985507246377%;
    margin-top: 8.72961956521739%;
    margin-right: 0%;
    margin-bottom: 82.88733695652164%;
    margin-left: 6.546648550724638%;
  }
  .footer__info {
    align-self: start;
    justify-self: start;
    width: 93.45335144927536%;
    margin-top: 44.67617753623188%;
    margin-right: 0%;
    margin-bottom: 31.1459420289854%;
    margin-left: 6.546648550724638%;
  }
  .footer__tag {
    font-size: calc(10px + 3 * var(--u750));
  }
  .footer__name {
    font-size: calc(13px + 4 * var(--u750));
  }
  .footer__addr {
    font-size: calc(7px + 6 * var(--u750));
  }
  .footer__ig {
    width: 5%;
  }
  .footer__license {
    font-size: calc(6px + 4 * var(--u750));
  }
  .footer__copy {
    width: 79.375%;
    margin-right: 1.852355072463768%;
    margin-bottom: 23.80506249999962px;
    font-size: calc(5px + 5 * var(--u750));
  }
  .drawer {
    width: 40vw;
    min-width: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: 2fr;
    row-gap: 0px;
    column-gap: 0px;
  }
  .drawer__close {
    align-self: center;
    width: 20px;
    height: 20px;
    margin-top: -1001.21875px;
    margin-right: 30px;
  }
  .drawer__nav {
    grid-area: 1/1/2/2;
    width: 65%;
    margin-top: 93.390625px;
    margin-right: 9.484375px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .to-top {
    align-self: end;
    justify-self: end;
    width: 27.6px;
    height: 27.59375px;
    margin-top: 0px;
    margin-right: 5%;
    margin-bottom: 5%;
    margin-left: 0px;
    aspect-ratio: auto;
    display: block;
  }
  .am--kitchen {
    width: 45%;
    min-height: 96.93359375px;
    margin-top: 19.723731884057973%;
    margin-left: 2.9981884057971016%;
  }
  .am--kitchen .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--kitchen .am__label {
    justify-self: start;
    width: 61.387882447665056%;
    margin-top: 9.460547504025765%;
    margin-right: 0%;
    margin-left: 36.478462157809986%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--kitchen .am__note {
    align-self: start;
    margin-top: 37.31884863123993%;
    margin-bottom: 0px;
    margin-left: 0%;
    font-size: calc(7px + 7 * var(--u750));
  }
  .am--parking {
    justify-self: end;
    width: 45%;
    min-height: 15vh;
    margin-top: 19.7%;
    margin-right: 2.9981884057971016%;
  }
  .am--parking .am__icon {
    align-self: start;
    width: 30%;
    margin-top: 0%;
  }
  .am--parking .am__label {
    align-self: start;
    justify-self: start;
    width: 53.08977455716586%;
    margin-top: 9.460547504025765%;
    margin-left: 41.737117552334944%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--wifi {
    justify-self: start;
    width: 45%;
    min-height: 15vh;
    margin-top: 53.66394927536232%;
    margin-right: 0%;
    margin-bottom: 0px;
    margin-left: 2.9981884057971016%;
  }
  .am--wifi .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--wifi .am__label {
    align-self: start;
    justify-self: start;
    width: 59.08313204508857%;
    margin-top: 9.460547504025765%;
    margin-left: 35.65318035426731%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--ski {
    justify-self: end;
    width: 45%;
    min-height: 15vh;
    margin-top: 53.66394927536232%;
    margin-right: 2.9981884057971016%;
    margin-left: 0%;
  }
  .am--ski .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--ski .am__label {
    justify-self: start;
    width: 66.35970209339774%;
    margin-top: 4.690016103059581%;
    margin-right: 0%;
    margin-left: 33.64029790660226%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--ski .am__note {
    align-self: start;
    margin-top: 36.87600644122383%;
    margin-bottom: 0px;
    margin-left: 0.005032206119162641%;
    font-size: calc(7px + 7 * var(--u750));
  }
  .am--laundry {
    justify-self: start;
    width: 45%;
    min-height: 15vh;
    margin-top: 81.9927536231884%;
    margin-right: 0%;
    margin-left: 2.9981884057971016%;
  }
  .am--laundry .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--laundry .am__label {
    align-self: start;
    justify-self: end;
    width: 60.980273752012884%;
    margin-top: 14.6875px;
    margin-right: 4.151570048309178%;
    margin-left: 0%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--aircon {
    justify-self: end;
    width: 45%;
    min-height: 15vh;
    margin-top: 82%;
    margin-right: 2.9981884057971016%;
    margin-left: 0%;
  }
  .am--aircon .am__icon {
    width: 33%;
    margin-top: -2.5563607085346214%;
    margin-left: 0.005032206119162641%;
  }
  .am--aircon .am__label {
    align-self: start;
    justify-self: start;
    width: 47.31783413848631%;
    margin-top: 9.5%;
    margin-right: 0%;
    margin-left: 36.9%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--tv {
    width: 45%;
    min-height: 15vh;
    margin-top: 111.11413043478261%;
    margin-left: 2.9981884057971016%;
  }
  .am--tv .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--tv .am__label {
    align-self: start;
    justify-self: start;
    width: 58.73590982286635%;
    margin-top: 9.460547504025765%;
    margin-right: 0%;
    margin-left: 36.87600644122383%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--shampoo {
    align-self: start;
    justify-self: start;
    width: 45%;
    min-height: 15vh;
    margin-top: 139.6286231884058%;
    margin-right: 0%;
    margin-left: 2.9981884057971016%;
  }
  .am--shampoo .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--shampoo .am__label {
    justify-self: start;
    width: 66.35970209339774%;
    margin-top: 4.690016103059581%;
    margin-right: 0%;
    margin-left: 33.64029790660226%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--shampoo .am__note {
    align-self: start;
    margin-top: 38%;
    margin-bottom: 0px;
    margin-left: 0.005032206119162641%;
    font-size: calc(7px + 7 * var(--u750));
  }
  .am--bathtub {
    justify-self: end;
    width: 45%;
    min-height: 15vh;
    margin-top: 111.11413043478261%;
    margin-right: 2.9981884057971016%;
    margin-left: 0%;
  }
  .am--bathtub .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--bathtub .am__label {
    align-self: start;
    justify-self: start;
    width: 58.73590982286635%;
    margin-top: 9.460547504025765%;
    margin-right: 0%;
    margin-left: 36.87600644122383%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--dryer {
    width: 45%;
    min-height: 15vh;
    margin-top: 173.7975543478261%;
    margin-right: 0%;
    margin-left: 4.4021739130434785%;
  }
  .am--dryer .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--dryer .am__label {
    align-self: start;
    justify-self: start;
    width: 58.73590982286635%;
    margin-top: 9.460547504025765%;
    margin-right: 0%;
    margin-left: 36.87600644122383%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--hairoil {
    justify-self: end;
    width: 45%;
    min-height: 15vh;
    margin-top: 139.6286231884058%;
    margin-right: 2.9981884057971016%;
    margin-left: 0%;
  }
  .am--hairoil .am__icon {
    width: 30%;
    margin-top: 0%;
  }
  .am--hairoil .am__label {
    justify-self: start;
    width: 66.36473429951691%;
    margin-top: 9.5%;
    margin-right: 0%;
    margin-left: 36.9%;
    font-size: calc(10px + 8 * var(--u750));
  }
  .am--hairoil .am__note {
    align-self: start;
    width: 94.82185990338164%;
    margin-top: 38%;
    margin-bottom: 0px;
    margin-left: 0%;
    font-size: calc(7px + 7 * var(--u750));
  }
}