@media screen and (max-width: 600px) { #contents > .inner:first-of-type { padding-bottom: 2rem; } }

.midashi + .lead { margin-top: 3rem; line-height: 1.8; }

.modelroom-contents { width: 100%; margin: auto; padding-top: 4rem; overflow: hidden; }
.modelroom-contents .slideshow .img .cap { font-family: 'EB Garamond', serif; font-size: 2rem; color: #fff; position: absolute; right: 6px; bottom: 6px; text-shadow: 0 0 1px #222,0 0 1px #333,0 0 2px #666,0 0 2px #666; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.modelroom-contents .slideshow .img sup { font-size: 0.8em; }
.modelroom-contents .slideshow .slide-img.kitchen .img .cap { right: calc((276/1100)*100%); }
.modelroom-contents .slideshow .slide-img.bath .img .cap:nth-of-type(1) { right: calc((578/1100)*100%); }
.modelroom-contents .slideshow .slide-img.balcony .img .cap { right: calc((332/1100)*100%); }
@media screen and (max-width: 600px) { .modelroom-contents .slideshow .img .cap { font-size: 0.9em; }
  .modelroom-contents .slideshow .img sup { font-size: 0.7em; } }
.modelroom-contents .slick-initialized .slick-slide { margin: 0 auto; }
.modelroom-contents .slick-dots { position: static; width: 100%; margin: 1rem auto 0; }
.modelroom-contents .slick-dots li { width: calc(97% / 7); height: 100%; margin: 0.25% 0.5% 0 0; font-size: 0; background: #333; overflow-y: hidden; margin-bottom: 0.5rem; position: relative; }
.modelroom-contents .slick-dots li img { width: 100%; height: auto; opacity: 0.3; }
.modelroom-contents .slick-dots li:last-of-type { margin-right: 0; }
.modelroom-contents .slick-dots li:hover, .modelroom-contents .slick-dots li.slick-active { background: #fff; }
.modelroom-contents .slick-dots li:hover img, .modelroom-contents .slick-dots li.slick-active img { opacity: 0.8; }
@media screen and (max-width: 600px) { .modelroom-contents .slick-dots li { width: calc(98.5% / 4); margin: 0.5% 0.5% 0 0; }
  .modelroom-contents .slick-dots li:nth-of-type(4n) { margin-right: 0; } }

.pickup-area { background: #eae2e7; }
.pickup-area .inner { text-align: center; max-width: 880px; margin: auto; }
.pickup-area .pickup-ttl { margin-bottom: 1.6rem; }
.pickup-area .midashi { color: #7c5271; }
.pickup-area .layout { margin-top: 4rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: 4% 2%; }
.pickup-area .layout .text-box { grid-column: 1/3; }
.pickup-area .layout .text-box .lead { text-align: left; }
.pickup-area .layout .images { grid-column: 3/6; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1%; }
@media screen and (max-width: 768px) { .pickup-area .layout { grid-template-columns: repeat(1, 1fr); }
  .pickup-area .layout .text-box { grid-column: 1/2; }
  .pickup-area .layout .images { grid-column: 1/2; } }