@charset "utf-8";


/*  l-designIntro
--------------------------------------------------*/
.l-designIntro {
  position: relative;
  padding-block: 50.0rem 0;
}
.l-designIntro .commonTexture {
  display: none;
}
.designIntro-heading {
  flex: 1;
  margin-top: calc(216 / 1920 * 100%);
  order: 1;
}
.designIntro-heading__ttl {
  font-size: 4.8rem;
  letter-spacing: 0.25em;
  color: var(--color-gold);
}
.designIntro-heading__desc {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-top: 4.0rem;
}
.designIntro-appeal {
  position: relative;
  display: contents;
}
.designIntro-perspective {
  width: calc(809 / 1920 * 100%);
  order: 0;
}
.designIntro-detail {
  width: calc(809 / 1920 * 100%);
  padding-left: calc(100 / 1920 * 100%);
  margin-top: calc(216 / 1920 * 100%);
  order: 2;
}
.designIntro-detail__explain {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: .1em;
  color: var(--white);
}
.designIntro-detail__photo {
  width: calc(436 / 709 * 100%);
  margin-inline: 0 auto;
  margin-top: 4.0rem;
}
@media screen and (max-width: 768px) {
  .l-designIntro {
    padding-block: 12.0rem 0;
  }
  .l-designIntro .commonTexture {
    display: block;
  }
  .designIntro-heading {
    width: 100%;
    flex: 100%;
    margin-top: 0;
    padding-bottom: 22.0rem;
    order: 0;
  }
  .designIntro-heading__ttl {
    font-size: 4.0rem;
  }
  .designIntro-heading__desc {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-top: 4.0rem;
  }
  .designIntro-appeal {
    display: block;
    padding-block: 7.0rem 8.0rem;
  }
  .designIntro-perspective {
    width: 100%;
    order: 1;
  }
  .designIntro-detail {
    max-width: 560px;
    width: 100%;
    margin-inline: auto;
    padding-left: 0;
    margin-top: 4.0rem;
    order: 2;
  }
  .designIntro-detail__explain {
    font-size: 1.6rem;
    text-align: center;
    color: var(--base-color);
  }
  .designIntro-detail__photo {
    width: calc(320 / 380 * 100%);
    margin-inline: auto;
    margin-top: 5.0rem;
  }
}




/*  designWrapper
--------------------------------------------------*/
.designWrapper {
  position: relative;
}
.design-container {
  position: relative;
  padding-block: 17.5rem 28.0rem;
}
.design-content {
  position: relative;
  z-index: 1;
}
.design-content__head {
  margin-bottom: 10.0rem;
}
.design-content__head__ttl {
  font-size: 3.0rem;
  font-weight: 500;
  color: var(--color-gold);
  text-align: center;
}
.design-content__head__heading {
  font-size: 3.0rem;
  line-height: 1.57;
  letter-spacing: .03em;
  color: var(--white);
  text-align: center;
  margin-top: 5.0rem;
}
.design-content__photo {
  position: relative;
  width: 100%;
  overflow: clip;
}

/*  design-sec ------------ */
.design-sec {
  position: relative;
}
.design-sec__contents {
  position: relative;
  width: 100%;
}
.design-sec__contents__detail {
  position: relative;
  width: 50%;
  padding-block: 8.0rem;
}
.design-sec__contents__detail__box {
  position: relative;
  width: min(calc(320 / 380 * 100%), 504px);
  z-index: 1;
}
.design-sec__contents__detail__ttl {
  font-size: 3.0rem;
  font-weight: 500;
  color: var(--color-gold);
  text-align: center;
}
.design-sec__contents__detail__heading {
  font-size: 3.0rem;
  line-height: 1.57;
  letter-spacing: .03em;
  color: var(--base-color);
  text-align: center;
  margin-top: 5.0rem;
}
.design-sec__contents__photo {
  position: relative;
  width: 50%;
  overflow: clip;
}
.design-sec__contents__photo img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .design-container {
    padding-block: 7.0rem;
  }
  .design-content__head {
    margin-bottom: 6.0rem;
  }
  .design-content__head__ttl {
    font-size: 1.5rem;
  }
  .design-content__head__heading {
    font-size: 2.0rem;
    line-height: 1.8;
    margin-top: 5.0rem;
  }
  .design-content__photo {
    aspect-ratio: 380 / 254;
    overflow: clip;
  }
  .design-content__photo img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }

  /*  design-sec ------------ */
  .design-sec__contents__detail {
    width: 100%;
    padding-block: 7.0rem 6.0rem;
  }
  .design-sec__contents__detail__box {
    width: 100%;
  }
  .design-sec__contents__detail__ttl {
    font-size: 1.5rem;
  }
  .design-sec__contents__detail__heading {
    font-size: 2.0rem;
    line-height: 1.8;
    margin-top: 5.0rem;
  }
  .design-sec__contents__photo {
    width: 100%;
    aspect-ratio: 380 / 430;
    overflow: clip;
  }
}




/*  hall-container
--------------------------------------------------*/
.hall-artist {
  position: relative;
  width: min(90%,1580px);
  margin-inline: auto;
  padding-block: 8.0rem;
  background: url(../imgs/bg_hall_artist.webp) no-repeat center center/cover;
  margin-top: 19.0rem;
  overflow: clip;
}
.hall-artist__subTtl {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  z-index: 0;
}
.hall-artist__subTtl img {
  width: auto;
  height: 100%;
}
.hall-artist__box {
  position: relative;
  width: calc(1420 / 1580 * 100%);
  padding-left: calc(140 / 1580 * 100%);
  margin-inline: auto;
  z-index: 1;
}
.hall-artist__box__detail {
  width: calc(490 / 1280 * 100%);
}
.hall-artist__box__detail__heading {
  font-size: 2.5rem;
  line-height: 1.52;
  letter-spacing: 0;
  color: var(--base-color);
}
.hall-artist__box__detail__desc {
  font-size: 1.6rem;
  line-height: 1.94;
  letter-spacing: 0;
  color: var(--base-color);
  margin-top: 2.7rem;
}
.hall-artist__box__detail__profile {
  padding-block: 3.5rem 3.0rem;
  margin-top: 4.0rem;
  background: rgba(var(--white-rgb), 0.5);
}
.hall-artist__box__detail__profile__inner {
  padding-inline: 3.0rem;
}
.hall-artist__box__detail__profile__ttl {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-gold);
  overflow: clip;
}
.hall-artist__box__detail__profile__ttl span {
  position: relative;
  display: inline-block;
  padding-right: 2.0rem;
}
.hall-artist__box__detail__profile__ttl span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 100vw;
  height: 1px;
  pointer-events: none;
  background: rgba(var(--color-gold-rgb), 0.3);
}
.hall-artist__box__detail__profile__name {
  font-size: 2.0rem;
  line-height: 1.45;
  letter-spacing: .03em;
  color: var(--base-color);
  margin-top: 2.4rem;
}
.hall-artist__box__detail__profile__desc {
  font-size: max(12px,1.4rem);
  line-height: 1.79;
  letter-spacing: 0;
  color: var(--base-color);
  margin-top: 1.5rem;
}
.hall-artist__box__photo {
  width: calc(714 / 1280 * 100%);
}
@media screen and (max-width: 768px) {
  .hall-artist {
    width: 100%;
    padding-block: 12.0rem 6.0rem;
    background: var(--background-gradation);
    margin-top: 7.0rem;
  }
  .hall-artist__subTtl {
    width: auto;
    height: 100vw;
    aspect-ratio: 78 / 380;
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: left top;
    filter: drop-shadow(0 0 0 var(--white));
  }
  .hall-artist__box {
    width: min(calc(320 / 380 * 100%),560px);
    padding-left: 0;
  }
  .hall-artist__box__detail {
    width: 100%;
  }
  .hall-artist__box__detail__heading {
    font-size: 2.0rem;
    line-height: 1.8;
  }
  .hall-artist__box__detail__desc {
    line-height: 2;
    margin-top: 2.5rem;
  }
  .hall-artist__box__detail__profile {
    padding-block: 3.0rem 2.7rem;
    margin-top: 3.0rem;
  }
  .hall-artist__box__detail__profile__inner {
    padding-inline: calc(26 / 320 * 100%);
  }
  .hall-artist__box__detail__profile__name {
    font-size: 1.9rem;
    letter-spacing: 0;
    margin-top: 2.0rem;
  }
  .hall-artist__box__detail__profile__desc {
    font-size: 1.4rem;
    margin-top: 1.3rem;
  }
  .hall-artist__box__photo {
    width: 100%;
    margin-top: 4.0rem;
  }
}




/*  lounge-slide
--------------------------------------------------*/
.lounge-slide {
  position: relative;
  margin-top: 1.0rem;
}
.lounge-slide::before ,
.lounge-slide::after {
  content: '';
  position: absolute;
  top: 0;
  width: calc(800 / 1920 * 100%);
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.lounge-slide::before {
  left: 0;
  background: linear-gradient(270deg, rgba(var(--base-color-rgb), 0) 0%, rgba(var(--base-color-rgb), 1) 83.67%);
}
.lounge-slide::after {
  right: 0;
  background: linear-gradient(90deg, rgba(var(--base-color-rgb), 0) 0%, rgba(var(--base-color-rgb), 1) 83.67%);
}
.lounge-slide__item {
  position: relative;
}
.lounge-slide__item__photo {
  width: 100%;
}
.lounge-slide__item__desc {
  font-size: 1.5rem;
  line-height: 1.27;
  letter-spacing: .03em;
  color: var(--white);
  text-align: center;
  margin-top: 1.7rem;
}
@media screen and (max-width: 768px) {
  .lounge-slide {
    margin-top: 5.0rem;
  }
  .lounge-slide::before ,
  .lounge-slide::after {
    width: calc(120 / 380 * 100%);
  }
  .lounge-slide__item__photo {
    aspect-ratio: 185 / 219;
    overflow: clip;
  }
  .lounge-slide__item__photo img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }
  .lounge-slide__item__desc {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
}




/*  elevatorhall-sec
--------------------------------------------------*/
.elevatorhall-sec__contents__detail::before,
.elevatorhall-sec__contents__detail::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.elevatorhall-sec__contents__detail::before {
  background: url(../imgs/bg_elevatorhall.webp) no-repeat center center/cover;
}
.elevatorhall-sec__contents__detail::after {
  background: linear-gradient(228deg, rgba(226, 222, 205, 0) 12%, #BFBCA8 75%);
}



/*  hallway-sec
--------------------------------------------------*/
.hallway-sec__contents__detail::before,
.hallway-sec__contents__detail::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hallway-sec__contents__detail::before {
  background: url(../imgs/bg_hallway.webp) no-repeat center center/cover;
}
.hallway-sec__contents__detail::after {
  background: linear-gradient(228deg, rgba(226, 222, 205, 0) 12%, #BFBCA8 75%);
}



/*  landplan-container
--------------------------------------------------*/
.landplan-container {
  background: var(--background-gradation);
  isolation: isolate;
}
.landplan-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40.0rem;
  pointer-events: none;
  background: url(../imgs/bg_landplan.webp) no-repeat center bottom/cover;
  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mix-blend-mode: screen;
  z-index: 0;
}
.landplan-content {
  z-index: auto;
}
.landplan-content__head {
  margin-bottom: 7.0rem;
}
.landplan-content__head__heading {
  color: var(--base-color);
}
.landplan-content__main {
  width: min(calc(1850 / 1920 * 100%),1850px);
  margin-inline: auto;
}
.landplan-content__main__figure {
  width: calc(1081 / 1850 * 100%);
  display: grid;
  place-items: center;
}
.landplan-content__main__figure img {
  grid-area: 1 / 1;
  width: 100%;
}
.landplan-content__main__figure img:nth-of-type(1) {
  z-index: 1;
}
.landplan-content__main__figure img:nth-of-type(2) {
  mix-blend-mode: multiply;
  z-index: 2;
}
.landplan-content__main__figure img:nth-of-type(3) {
  z-index: 3;
}
.landplan-content__main__figure .f-caption {
  padding-left: 8%;
}
.landplan-content__main__list {
  width: calc(700 / 1850 * 100%);
  gap: 3.0rem 3.5rem;
}
.landplan-content__main__list__item {
  font-size: 2.3rem;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--base-color);
  gap: 0 .7rem;
}
.landplan-content__main__list__item i {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  color: var(--black);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .1em;
  width: 2.6rem;
  height: 2.6rem;
  background: var(--color-gold);
}
@media screen and (max-width: 768px) {
  .landplan-container::before {
    height: 13.5rem;
  }
  .landplan-content {
    z-index: auto;
  }
  .landplan-content__head {
    margin-bottom: 2.0rem;
  }
  .landplan-content__main {
    width: 100%;
  }
  .landplan-content__main__figure {
    width: 100%;
  }
  .landplan-content__main__list {
    width: calc(320 / 380 * 100%);
    gap: 2.0rem 2.5rem;
    margin-inline: auto;
    margin-top: 3.0rem;
  }
  .landplan-content__main__list__item {
    font-size: 1.2rem;
    gap: 0 .7rem;
  }
  .landplan-content__main__list__item i {
    font-size: 1.0rem;
    width: 1.6rem;
    height: 1.6rem;
    padding-bottom: 0;
  }
}