@charset "UTF-8";
@counter-style middle-dot {
  system: cyclic;
  symbols: ・;
  suffix: " ";
  fallback: disc;
}
@counter-style large-dot {
  system: cyclic;
  symbols: ●;
  suffix: " ";
  fallback: disc;
}
@counter-style large-dot-white {
  system: cyclic;
  symbols: 〇;
  suffix: " ";
  fallback: disc;
}
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.philosopher-regular {
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp-medium {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.p-grid {
  display: grid;
  grid-template-rows: auto auto;
}
.p-grid--top {
  grid-template-columns: 49.83% 8.31% 41.86%;
  grid-template-rows: auto 1fr;
}
.p-grid--top .grid__image {
  grid-column: 1/2;
  grid-row: 1/3;
}
.p-grid--top .grid__text {
  grid-column: 3/4;
}
.p-grid--top .grid__button {
  grid-column: 3/4;
  margin-top: 3.75rem;
}
.p-grid--access {
  grid-template-columns: 33.22% 8.31% 58.47%;
}
.p-grid--access .grid__map {
  grid-column: 3/4;
  grid-row: 1/3;
}
.p-grid--access .grid__text {
  grid-column: 1/2;
}
.p-grid--access .grid__button {
  grid-column: 1/2;
  margin-top: 2.5rem;
}
.p-grid .grid__text .title {
  font-size: 1.75rem;
  margin-bottom: 2.5rem;
}
.p-grid .grid__text .heading {
  margin-bottom: 3.75rem;
}
.p-grid .grid__button__link {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .p-grid {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    gap: 1.25rem 0;
    grid-template-areas: "text" "image" "button";
  }
  .p-grid .grid__image, .p-grid .grid__map {
    grid-area: image;
  }
  .p-grid .grid__text {
    grid-area: text;
  }
  .p-grid .grid__text .title {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
  .p-grid .grid__text .heading {
    margin-bottom: 1.25rem;
  }
  .p-grid .grid__button {
    grid-area: button;
  }
  .p-grid .grid__button__link {
    margin-left: auto;
  }
  .p-grid--top .grid__button {
    margin-top: 0;
  }
  .p-grid--access .grid__map {
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    aspect-ratio: 1/0.462;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-grid--access .grid__button {
    margin-top: 1.25rem;
  }
}

.access {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .access {
    margin-top: 5rem;
  }
}
.access .grid__text .text {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .access .grid__text .text {
    font-size: 0.875rem;
  }
}/*# sourceMappingURL=showroom.css.map */