@media screen and (max-width: 680px) { .js-scrollable { height: 100%; }
  .js-scrollable img { width: auto; height: 100%; object-fit: cover; } }

@media screen and (max-width: 680px) { .scrollable { margin-top: 4px; } }

.main { background-image: url("../images/modelroom/mv.jpg"); }

.intro { container-type: inline-size; background-color: #cecece; color: #4c4948; }

@media screen and (max-width: 680px) { #Slider-cont .inner { padding-bottom: 0; } }

.mr-slide-container { margin: 2.5rem auto 0; }
.mr-slide-container .mr-slider { margin-bottom: 0; }
@media screen and (max-width: 680px) { .mr-slide-container { margin-top: 0; } }

.mr-slide-img.slick-dotted.slick-slider { margin-bottom: 0; }
.mr-slide-img .img .cap { font-family: 'EB Garamond', serif; font-weight: 600; font-style: normal; font-feature-settings: 'palt'; font-size: 1.5rem; letter-spacing: 0.05em; }
.mr-slide-img .img .cap.in { bottom: 0.375rem; right: 0.5769230769%; }
.mr-slide-img .img .cap.capl.in { right: 52.1666666667%; }
.mr-slide-img .img .cap.capc.in { right: 26.1666666667%; }

.slick-dots { position: static; width: 100%; margin: 1rem auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.slick-dots div, .slick-dots li { min-height: 0%; }
.slick-dots li { width: calc(96% / 4); height: 100%; font-size: 0; background: #212527; overflow-y: hidden; margin: 0 0 1.3%; position: relative; }
.slick-dots li img { width: 100%; height: auto; opacity: 0.32; filter: brightness(0.64); }
.slick-dots li::after { content: ""; width: 96%; display: block; margin: auto; white-space: pre-wrap; font-family: 'EB Garamond', serif; font-weight: 400; font-style: normal; font-feature-settings: 'palt'; font-size: 1.125rem; color: #fff; line-height: 1.12; letter-spacing: 0.005em; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slick-dots li:nth-of-type(1)::after { content: "Living Dining"; }
.slick-dots li:nth-of-type(2)::after { content: "Living Dining"; }
.slick-dots li:nth-of-type(3)::after { content: "Living Dining"; }
.slick-dots li:nth-of-type(4)::after { content: "Kitchen"; }
.slick-dots li:nth-of-type(5)::after { content: "Bedroom (1)"; }
.slick-dots li:nth-of-type(6)::after { content: "Multirior"; }
.slick-dots li:nth-of-type(7)::after { content: "Powder Room / Bathroom"; }
.slick-dots li:nth-of-type(8)::after { content: "Balcony"; }
.slick-dots li:hover { background: #253137; }
.slick-dots li:hover img { opacity: 0.4; filter: brightness(0.88); }
.slick-dots li.slick-active { background: #fff; }
.slick-dots li.slick-active img { opacity: 1; filter: brightness(1); }
.slick-dots li.slick-active::after { content: none; }
@media screen and (max-width: 680px) { .slick-dots::after { content: ""; width: calc(96% / 3); }
  .slick-dots li { width: calc(96% / 3); margin-bottom: 2%; }
  .slick-dots li::after { font-size: 0.875rem; } }