@charset "UTF-8";
/* ************************************** _
タイトル：showroom.css
概要：ショールームのスタイルシート
更新：2026.02.19
_ ************************************** */
.p-showroom {
  position: relative;
  padding-bottom: 150px;
}
@media (max-width: 1440px) {
  .p-showroom {
    padding-bottom: 120px;
  }
}
@media (max-width: 1024px) {
  .p-showroom {
    padding-bottom: 100px;
  }
}
@media (max-width: 480px) {
  .p-showroom {
    padding-bottom: 80px;
  }
}
.p-showroom::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 300px;
  width: 100%;
  height: calc(100% - 300px);
  background-color: #e4e1d9;
}
.p-showroom__nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 200px;
  z-index: 1;
  position: relative;
}
@media (max-width: 1440px) {
  .p-showroom__nav {
    margin-bottom: 150px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__nav {
    margin-bottom: 100px;
  }
}
@media (max-width: 480px) {
  .p-showroom__nav {
    margin-bottom: 60px;
  }
}
.p-showroom__nav--ZERO {
  background-image: url(../img/showroom/img_showroom_nav01.jpg);
}
.p-showroom__nav--Black {
  background-image: url(../img/showroom/img_showroom_nav02.jpg);
}
.p-showroom__nav--Booth {
  background-image: url(../img/showroom/img_showroom_nav03.jpg);
}
.p-showroom__nav--Reception {
  background-image: url(../img/showroom/img_showroom_nav04.jpg);
}
.p-showroom__nav--Open {
  background-image: url(../img/showroom/img_showroom_nav05.jpg);
}
.p-showroom__nav-item {
  position: relative;
  background-size: cover;
}
.p-showroom__nav-item--half {
  width: 20%;
  aspect-ratio: 1/1;
}
@media (max-width: 1440px) {
  .p-showroom__nav-item--half {
    width: 50%;
    aspect-ratio: 3/2;
  }
}
@media (max-width: 480px) {
  .p-showroom__nav-item--half {
    width: 100%;
  }
}
.p-showroom__nav-item--third {
  width: 20%;
  aspect-ratio: 1/1;
}
@media (max-width: 1440px) {
  .p-showroom__nav-item--third {
    width: 33.3333333333%;
    aspect-ratio: 3/2;
  }
}
@media (max-width: 1024px) {
  .p-showroom__nav-item--third {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 480px) {
  .p-showroom__nav-item--third {
    width: 100%;
    aspect-ratio: 3/2;
  }
}
.p-showroom__nav-inner {
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.p-showroom__nav-heading {
  font-size: 27px;
  font-weight: 600;
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 8px;
  min-height: 84px;
  display: flex;
  align-items: anchor-center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .p-showroom__nav-heading {
    font-size: 20px;
    min-height: 60px;
  }
}
.p-showroom__nav-heading small {
  display: contents;
}
.p-showroom__nav-parag {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 1024px) {
  .p-showroom__nav-parag {
    font-size: 13px;
  }
}
.p-showroom__nav-arrow {
  display: block;
  background-image: url(../img/_common/arrow_common.svg);
  background-size: cover;
  aspect-ratio: 300/83;
  height: 5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(259deg) brightness(100%) contrast(103%);
  transform: rotate(90deg);
  right: 0;
  left: 0;
  margin: 20px auto 0;
}
@media (max-width: 1024px) {
  .p-showroom__nav-arrow {
    height: 4px;
    margin: 15px auto 0;
  }
}
.p-showroom__list {
  display: flex;
  flex-direction: column;
  gap: 150px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1440px) {
  .p-showroom__list {
    gap: 100px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__list {
    gap: 80px;
  }
}
.p-showroom__item {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 1440px) {
  .p-showroom__item {
    gap: 60px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__item {
    gap: 50px;
  }
}
@media (max-width: 480px) {
  .p-showroom__item {
    gap: 25px;
  }
}
.p-showroom__img img {
  width: 100%;
}
.p-showroom__text {
  display: flex;
  gap: 100px;
}
@media (max-width: 1440px) {
  .p-showroom__text {
    gap: 60px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__text {
    gap: 40px;
    flex-direction: column;
  }
}
.p-showroom__text-left {
  flex: 1;
}
.p-showroom__text-right {
  width: 50%;
}
@media (max-width: 1024px) {
  .p-showroom__text-right {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .p-showroom__text--exception {
    gap: 0;
  }
}
.p-showroom__heading {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 1440px) {
  .p-showroom__heading {
    margin-bottom: 35px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__heading {
    margin-bottom: 25px;
    gap: 0;
  }
}
@media (max-width: 480px) {
  .p-showroom__heading {
    margin-bottom: 15px;
    gap: 2px;
  }
}
.p-showroom__heading h3 {
  font-size: 48px;
  font-weight: 600;
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
@media (max-width: 1440px) {
  .p-showroom__heading h3 {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__heading h3 {
    font-size: 36px;
  }
}
@media (max-width: 480px) {
  .p-showroom__heading h3 {
    font-size: 26px;
  }
}
.p-showroom__heading p {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1440px) {
  .p-showroom__heading p {
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  .p-showroom__heading p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .p-showroom__heading p {
    font-size: 12px;
  }
}
.p-showroom__heading small {
  display: contents;
}

.p-access {
  padding-top: 150px;
  padding-bottom: 0;
}
@media (max-width: 1440px) {
  .p-access {
    padding-top: 120px;
  }
}
@media (max-width: 1024px) {
  .p-access {
    padding-top: 100px;
  }
}
@media (max-width: 480px) {
  .p-access {
    padding-top: 60px;
  }
}
.p-access__row {
  display: flex;
  align-items: stretch;
  gap: 100px;
}
@media (max-width: 1440px) {
  .p-access__row {
    gap: 80px;
  }
}
@media (max-width: 1024px) {
  .p-access__row {
    gap: 40px;
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .p-access__row {
    gap: 30px;
  }
}
.p-access__map {
  width: 55%;
}
@media (max-width: 1024px) {
  .p-access__map {
    width: 100%;
    height: 320px;
  }
}
.p-access__map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-access__text {
  flex: 1;
  padding: 40px 0;
}
@media (max-width: 1024px) {
  .p-access__text {
    padding: 0px 0;
    width: 100%;
  }
}
.p-access__info {
  margin-bottom: 30px;
}
.p-access__info-address {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .p-access__info-address {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
.p-access__info-tel {
  font-size: 32px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .p-access__info-tel {
    font-size: 26px;
    margin-bottom: 8px;
  }
}
.p-access__info-tel span {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.p-access__info-time {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  .p-access__info-time {
    font-size: 18px;
  }
}
.p-access__info-time span {
  font-size: 15px;
  padding: 4px 7px;
  margin-left: 5px;
  border: 1px solid #4a4b47;
}
@media (max-width: 480px) {
  .p-access__info-time span {
    font-size: 12px;
    padding: 3px 5px;
  }
}
.p-access__info-holiday {
  font-size: 16px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .p-access__info-holiday {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.p-access__public {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dededd;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .p-access__public {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.p-access__public-heading {
  color: #5b6871;
  margin-bottom: 3px;
}
.p-access__lead {
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .p-access__lead {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .p-access__lead {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .p-access .c-btn {
    max-width: 100%;
  }
}/*# sourceMappingURL=showroom.css.map */