.introBlock {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .introBlock {
    margin: 0 -2.1rem;
  }
}
.introBlock .photo__image {
  display: block;
  transform-origin: center center;
  width: 100%;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .introBlock .photo__image {
    transform: none !important;
    will-change: auto;
  }
}
.introBlock .photo__capIn {
  bottom: 1rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  letter-spacing: 0.08em;
  right: 1rem;
}
@media print, screen and (min-width: 768px) {
  .introBlock .photo__capIn {
    line-height: 1.8;
  }
  .introBlock .photo__capIn:before {
    content: "";
    margin-top: calc((1 - 1.8) * 0.5em);
  }
  .introBlock .photo__capIn:after {
    margin-bottom: calc((1 - 1.8) * 0.5em);
  }
  .introBlock .photo__capIn:before, .introBlock .photo__capIn:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .introBlock .photo__capIn {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .introBlock .photo__capIn {
    line-height: 1.6;
  }
  .introBlock .photo__capIn:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .introBlock .photo__capIn:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .introBlock .photo__capIn:before, .introBlock .photo__capIn:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .introBlock .photo__capIn {
    font-size: 1.3rem;
  }
}
.modelroomSection {
  position: relative;
}
.modelroomSection::before {
  background: #fff;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
.modelroomSection__items {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.modelroomSection__ttl {
  opacity: 0.7;
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .modelroomSection__ttl {
    width: calc(var(--ttl-w-pc) / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .modelroomSection__ttl {
    width: calc(var(--ttl-w-sp) / 10 * 1rem);
  }
}
.modelroomSection__ttlPic {
  display: block;
}
.modelroomSection__ttlImg {
  display: block;
  width: 100%;
}
.modelroomSection__photo {
  overflow: hidden;
  position: absolute;
}
.modelroomSection__photo .photo,
.modelroomSection__photo .photo__pic {
  display: block;
  height: 100%;
  width: 100%;
}
.modelroomSection__photo .photo__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform-origin: center center;
  width: 100%;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .modelroomSection__photo .photo__image {
    transform: none !important;
    will-change: auto;
  }
}
.modelroomSection__photo .photo__capIn {
  bottom: 1rem;
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  letter-spacing: 0.08em;
  right: 1rem;
}
@media print, screen and (min-width: 768px) {
  .modelroomSection__photo .photo__capIn {
    line-height: 1.8;
  }
  .modelroomSection__photo .photo__capIn:before {
    content: "";
    margin-top: calc((1 - 1.8) * 0.5em);
  }
  .modelroomSection__photo .photo__capIn:after {
    margin-bottom: calc((1 - 1.8) * 0.5em);
  }
  .modelroomSection__photo .photo__capIn:before, .modelroomSection__photo .photo__capIn:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .modelroomSection__photo .photo__capIn {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroomSection__photo .photo__capIn {
    line-height: 1.6;
  }
  .modelroomSection__photo .photo__capIn:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .modelroomSection__photo .photo__capIn:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .modelroomSection__photo .photo__capIn:before, .modelroomSection__photo .photo__capIn:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .modelroomSection__photo .photo__capIn {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection {
    padding-top: 124.0972222222%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection {
    padding-top: 245.1282051282%;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 71.1382113821% 3.910991234%, 51.953125% 90.4572564612%, 0 0;
            mask-position: 71.1382113821% 3.910991234%, 51.953125% 90.4572564612%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 31.6666666667% 17.0117515389%, 28.8888888889% 15.5567991046%, 100% 100%;
            mask-size: 31.6666666667% 17.0117515389%, 28.8888888889% 15.5567991046%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 100% 1.9434782609%, 87.7300613497% 94.1187587265%, 0 0;
            mask-position: 100% 1.9434782609%, 87.7300613497% 94.1187587265%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 58.2051282051% 15.7949790795%, 58.2051282051% 15.8678870293%, 100% 100%;
            mask-size: 58.2051282051% 15.7949790795%, 58.2051282051% 15.8678870293%, 100% 100%;
  }
}
.livingFeature .modelroomSection__ttl {
  top: 0;
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__ttl {
    left: 23.125%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__ttl {
    right: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__photo--1 {
    height: 31.5053161724%;
    left: 0%;
    top: 9.9608282037%;
    width: 58.6111111111%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__photo--1 {
    height: 25.8368200837%;
    left: 0%;
    top: 7.5313807531%;
    width: 94.8717948718%;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__photo--2 {
    height: 11.639619474%;
    left: 70.2777777778%;
    top: 31.6172355904%;
    width: 21.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__photo--2 {
    height: 11.5062761506%;
    left: 52.5641025641%;
    top: 36.7154811715%;
    width: 42.3076923077%;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__photo--3 {
    height: 29.9944040291%;
    left: 44.1666666667%;
    top: 49.9720201455%;
    width: 55.8333333333%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__photo--3 {
    height: 25.8368200837%;
    left: 5.1282051282%;
    top: 57.949790795%;
    width: 94.8717948718%;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__photo--4 {
    height: 17.9630665921%;
    left: 8.0555555556%;
    top: 64.2417459429%;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__photo--4 {
    height: 12.8661087866%;
    left: 0%;
    top: 41.7364016736%;
    width: 47.4358974359%;
  }
}
@media print, screen and (min-width: 768px) {
  .livingFeature .modelroomSection__photo--5 {
    height: 15.5567991046%;
    left: 58.6111111111%;
    top: 84.4432008954%;
    width: 28.8888888889%;
  }
}
@media screen and (max-width: 768px) {
  .livingFeature .modelroomSection__photo--5 {
    height: 12.8661087866%;
    left: 5.1282051282%;
    top: 87.1338912134%;
    width: 47.4358974359%;
  }
}
@media print, screen and (min-width: 768px) {
  .corridorFeature .modelroomSection {
    padding-top: 32.5%;
  }
}
@media screen and (max-width: 768px) {
  .corridorFeature .modelroomSection {
    padding-top: 78.4615384615%;
  }
}
@media print, screen and (min-width: 768px) {
  .corridorFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 40.2255639098% 84.765625%, 0 0;
            mask-position: 40.2255639098% 84.765625%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 26.1111111111% 45.2991452991%, 100% 100%;
            mask-size: 26.1111111111% 45.2991452991%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .corridorFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 63.1901840491% 49.8005617978%, 0 0;
            mask-position: 63.1901840491% 49.8005617978%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 58.2051282051% 41.8300653595%, 100% 100%;
            mask-size: 58.2051282051% 41.8300653595%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .corridorFeature .modelroomSection__ttl {
    left: 41.3888888889%;
    top: 37.8205128205%;
  }
}
@media screen and (max-width: 768px) {
  .corridorFeature .modelroomSection__ttl {
    left: 5.1282051282%;
    top: 30.9297385621%;
  }
}
@media print, screen and (min-width: 768px) {
  .corridorFeature .modelroomSection__photo--1 {
    height: 100%;
    left: 15.2777777778%;
    top: 0%;
    width: 21.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .corridorFeature .modelroomSection__photo--1 {
    height: 100%;
    left: 47.4358974359%;
    top: 0%;
    width: 52.3076923077%;
  }
}
@media print, screen and (min-width: 768px) {
  .masterFeature .modelroomSection {
    padding-top: 65.625%;
  }
}
@media screen and (max-width: 768px) {
  .masterFeature .modelroomSection {
    padding-top: 98.7179487179%;
  }
}
@media print, screen and (min-width: 768px) {
  .masterFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 32.2727272727% 7.3426573427%, 0 0;
            mask-position: 32.2727272727% 7.3426573427%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 38.8888888889% 39.4708994709%, 100% 100%;
            mask-size: 38.8888888889% 39.4708994709%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .masterFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 18.3486238532% 12.1313828766%, 0 0;
            mask-position: 18.3486238532% 12.1313828766%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 72.0512820513% 48.6145454545%, 100% 100%;
            mask-size: 72.0512820513% 48.6145454545%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .masterFeature .modelroomSection__ttl {
    left: 2.7777777778%;
    top: -4.2328042328%;
  }
}
@media screen and (max-width: 768px) {
  .masterFeature .modelroomSection__ttl {
    left: 34.8717948718%;
    top: 6.2337662338%;
  }
}
@media print, screen and (min-width: 768px) {
  .masterFeature .modelroomSection__photo--1 {
    height: 74.3915343915%;
    left: 26.9444444444%;
    top: 25.6084656085%;
    width: 73.0555555556%;
  }
}
@media screen and (max-width: 768px) {
  .masterFeature .modelroomSection__photo--1 {
    height: 64.1558441558%;
    left: 5.1282051282%;
    top: 35.8441558442%;
    width: 94.8717948718%;
  }
}
@media print, screen and (min-width: 768px) {
  .masterFeature .modelroomSection__photo--2 {
    height: 33.0158730159%;
    left: 8.0555555556%;
    top: 72.0634920635%;
    width: 14.4444444444%;
  }
}
@media screen and (max-width: 768px) {
  .masterFeature .modelroomSection__photo--2 {
    height: 40.2597402597%;
    left: 0%;
    top: 0%;
    width: 26.4102564103%;
  }
}
@media print, screen and (min-width: 768px) {
  .bedroomFeature .modelroomSection {
    padding-top: 38.6805555556%;
  }
}
@media screen and (max-width: 768px) {
  .bedroomFeature .modelroomSection {
    padding-top: 93.5897435897%;
  }
}
@media print, screen and (min-width: 768px) {
  .bedroomFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 53.4782608696% 12.5%, 0 0;
            mask-position: 53.4782608696% 12.5%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 36.1111111111% 52.6032315978%, 100% 100%;
            mask-size: 36.1111111111% 52.6032315978%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .bedroomFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 56.9444444444% 7.0484581498%, 0 0;
            mask-position: 56.9444444444% 7.0484581498%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 63.0769230769% 37.8082191781%, 100% 100%;
            mask-size: 63.0769230769% 37.8082191781%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .bedroomFeature .modelroomSection__ttl {
    left: 41.3888888889%;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .bedroomFeature .modelroomSection__ttl {
    left: 5.1282051282%;
    top: 10.9589041096%;
  }
}
@media print, screen and (min-width: 768px) {
  .bedroomFeature .modelroomSection__photo--1 {
    height: 76.4811490126%;
    left: 0%;
    top: 23.5188509874%;
    width: 44.1666666667%;
  }
}
@media screen and (max-width: 768px) {
  .bedroomFeature .modelroomSection__photo--1 {
    height: 60%;
    left: 0%;
    top: 40%;
    width: 84.1025641026%;
  }
}
@media print, screen and (min-width: 768px) {
  .bedroomFeature .modelroomSection__photo--2 {
    height: 56.0143626571%;
    left: 51.3888888889%;
    top: 23.5188509874%;
    width: 14.4444444444%;
  }
}
@media screen and (max-width: 768px) {
  .bedroomFeature .modelroomSection__photo--2 {
    height: 42.4657534247%;
    left: 68.4615384615%;
    top: 0%;
    width: 26.4102564103%;
  }
}
@media print, screen and (min-width: 768px) {
  .denFeature .modelroomSection {
    padding-top: 36.875%;
  }
}
@media screen and (max-width: 768px) {
  .denFeature .modelroomSection {
    padding-top: 64.8717948718%;
  }
}
@media print, screen and (min-width: 768px) {
  .denFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 56.3829787234% 100%, 0 0;
            mask-position: 56.3829787234% 100%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 21.6666666667% 39.3596986817%, 100% 100%;
            mask-size: 21.6666666667% 39.3596986817%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .denFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 8.8888888889% 11.1888111888%, 0 0;
            mask-position: 8.8888888889% 11.1888111888%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 42.3076923077% 43.4782608696%, 100% 100%;
            mask-size: 42.3076923077% 43.4782608696%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .denFeature .modelroomSection__ttl {
    left: 30%;
    top: 54.6139359699%;
  }
}
@media screen and (max-width: 768px) {
  .denFeature .modelroomSection__ttl {
    left: 5.1282051282%;
    top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .denFeature .modelroomSection__photo--1 {
    height: 87.9472693032%;
    left: 51.3888888889%;
    top: 0%;
    width: 48.6111111111%;
  }
}
@media screen and (max-width: 768px) {
  .denFeature .modelroomSection__photo--1 {
    height: 81.0276679842%;
    left: 15.8974358974%;
    top: 18.9723320158%;
    width: 78.9743589744%;
  }
}
@media print, screen and (min-width: 768px) {
  .kitchenFeature .modelroomSection {
    padding-top: 77.7777777778%;
  }
}
@media screen and (max-width: 768px) {
  .kitchenFeature .modelroomSection {
    padding-top: 81.7948717949%;
  }
}
@media print, screen and (min-width: 768px) {
  .kitchenFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 42.1739130435% 28.1326781327%, 0 0;
            mask-position: 42.1739130435% 28.1326781327%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 36.1111111111% 27.3214285714%, 100% 100%;
            mask-size: 36.1111111111% 27.3214285714%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .kitchenFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 86.013986014% 37.4316153182%, 0 0;
            mask-position: 86.013986014% 37.4316153182%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 63.3333333333% 45.5642633229%, 100% 100%;
            mask-size: 63.3333333333% 45.5642633229%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .kitchenFeature .modelroomSection__ttl {
    left: 44.1666666667%;
    top: 15.2678571429%;
  }
}
@media screen and (max-width: 768px) {
  .kitchenFeature .modelroomSection__ttl {
    right: 0;
    top: 6.4717868339%;
  }
}
@media print, screen and (min-width: 768px) {
  .kitchenFeature .modelroomSection__photo--1 {
    height: 68.8392857143%;
    left: 19.7222222222%;
    top: 31.1607142857%;
    width: 80.2777777778%;
  }
}
@media screen and (max-width: 768px) {
  .kitchenFeature .modelroomSection__photo--1 {
    height: 68.6520376176%;
    left: 0%;
    top: 31.3479623824%;
    width: 84.1025641026%;
  }
}
@media print, screen and (min-width: 768px) {
  .kitchenFeature .modelroomSection__photo--2 {
    height: 25.4464285714%;
    left: 0%;
    top: 0%;
    width: 29.7222222222%;
  }
}
@media screen and (max-width: 768px) {
  .kitchenFeature .modelroomSection__photo--2 {
    height: 25.6153605016%;
    left: 5.1282051282%;
    top: 0%;
    width: 31.5384615385%;
  }
}
@media print, screen and (min-width: 768px) {
  .powderFeature .modelroomSection {
    padding-top: 50.0694444444%;
  }
}
@media screen and (max-width: 768px) {
  .powderFeature .modelroomSection {
    padding-top: 78.4615384615%;
  }
}
@media print, screen and (min-width: 768px) {
  .powderFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 39.5112016293% 36.5384615385%, 0 0;
            mask-position: 39.5112016293% 36.5384615385%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 31.8055555556% 42.3023578363%, 100% 100%;
            mask-size: 31.8055555556% 42.3023578363%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .powderFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 34.4885131001% 20.8704819277%, 0 0;
            mask-position: 34.4885131001% 20.8704819277%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 53.9051282051% 45.7516339869%, 100% 100%;
            mask-size: 53.9051282051% 45.7516339869%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .powderFeature .modelroomSection__ttl {
    left: 11.1111111111%;
    top: 14.4244105409%;
  }
}
@media screen and (max-width: 768px) {
  .powderFeature .modelroomSection__ttl {
    left: 5.1282051282%;
    top: 15.2434640523%;
  }
}
@media print, screen and (min-width: 768px) {
  .powderFeature .modelroomSection__photo--1 {
    height: 100%;
    left: 54.1666666667%;
    top: 0%;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .powderFeature .modelroomSection__photo--1 {
    height: 100%;
    left: 47.6923076923%;
    top: 0%;
    width: 52.3076923077%;
  }
}
@media print, screen and (min-width: 768px) {
  .bathFeature .modelroomSection {
    padding-top: 50.0694444444%;
  }
}
@media screen and (max-width: 768px) {
  .bathFeature .modelroomSection {
    padding-top: 63.7551282051%;
  }
}
@media print, screen and (min-width: 768px) {
  .bathFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 43.2576769025% 7.2289156627%, 0 0;
            mask-position: 43.2576769025% 7.2289156627%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 47.9861111111% 53.9528432732%, 100% 100%;
            mask-size: 47.9861111111% 53.9528432732%, 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .bathFeature .modelroomSection::before {
    -webkit-mask-composite: xor;
            mask-composite: xor;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
            mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-position: 54.5141013517% 100%, 0 0;
            mask-position: 54.5141013517% 100%, 0 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 53.9051282051% 56.3051740433%, 100% 100%;
            mask-size: 53.9051282051% 56.3051740433%, 100% 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .bathFeature .modelroomSection__ttl {
    left: 46.5277777778%;
    top: 50.6241331484%;
  }
}
@media screen and (max-width: 768px) {
  .bathFeature .modelroomSection__ttl {
    left: 58.4615384615%;
    top: 56.9667598383%;
  }
}
@media print, screen and (min-width: 768px) {
  .bathFeature .modelroomSection__photo--1 {
    height: 100%;
    left: 8.0555555556%;
    top: 0%;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .bathFeature .modelroomSection__photo--1 {
    height: 99.6778539685%;
    left: 0%;
    top: 0%;
    width: 42.3076923077%;
  }
}
.currentPage--modelroom {
  background: transparent;
}
.modelroom-intro {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-intro {
    padding: 14rem 0;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-intro {
    padding: 8rem 0;
  }
}
.modelroom-corridor {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-corridor {
    border-top-width: 0;
    margin-top: -3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-corridor {
    border-top-width: 4.8rem;
  }
}
.modelroom-master {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-master {
    border-top-width: 10.4rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-master {
    border-top-width: 4rem;
  }
}
.modelroom-bedroom {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-bedroom {
    border-top-width: 14.4rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-bedroom {
    border-top-width: 4.8rem;
  }
}
.modelroom-den {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-den {
    border-top-width: 0;
    margin-top: -2.3rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-den {
    border-top-width: 5.6rem;
  }
}
.modelroom-kitchen {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-kitchen {
    border-top-width: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-kitchen {
    border-top-width: 5.6rem;
  }
}
.modelroom-powder {
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-powder {
    border-top-width: 9.6rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-powder {
    border-top-width: 5.6rem;
  }
}
.modelroom-bath {
  border-bottom: solid #fff;
  border-top: solid #fff;
}
@media print, screen and (min-width: 768px) {
  .modelroom-bath {
    border-bottom-width: 3rem;
    border-top-width: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .modelroom-bath {
    border-bottom-width: 2rem;
    border-top-width: 4rem;
  }
}
/*# sourceMappingURL=style.css.map */