.project-directory{padding-block:55px 70px}.project-directory>h2{margin:18px 0 35px;font-size:30px}.project-directory-list article{border-top:1px solid var(--line);grid-template-columns:42% 1fr;align-items:center;gap:55px;padding-block:35px;display:grid}.directory-photo{height:300px}.directory-photo picture{height:100%;display:block}.directory-name{align-items:center;gap:22px;margin:14px 0 20px;display:flex}.directory-name h3{font-size:28px}.directory-catch{margin-bottom:18px;font-size:20px}.directory-copy>p:not(.eyebrow){line-height:2.2}.project-outline-link{border:1px solid;border-radius:40px;justify-content:space-between;align-items:center;gap:50px;margin-top:25px;padding:14px 26px;font-size:13px;display:inline-flex}.project-outline-link:hover{background:#cad3c330}.project-detail-hero{color:#fff;background:#18271e;align-items:center;min-height:465px;display:flex;position:relative}.project-hero-photo{position:absolute;inset:0}.project-hero-photo picture{height:100%;display:block}.project-detail-hero:after{content:"";background:linear-gradient(90deg,#07100bd9,#07100b77 55%,#07100b22);position:absolute;inset:0}.project-hero-copy{z-index:1;padding-block:45px;position:relative}.project-hero-copy .breadcrumb{color:#fffc;margin-bottom:35px}.project-hero-copy .eyebrow{color:#d7dfce}.project-hero-copy h1{margin:18px 0;font-size:48px;font-weight:400}.project-hero-catch{font-size:21px}.project-status{border:1px solid #fff8;margin-top:22px;padding:5px 18px;font-size:12px;display:inline-block}.project-about{grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:60px;display:grid}.project-about.image-first .project-about-copy{order:2}.project-about h2{margin:17px 0 25px;font-size:29px}.project-about-catch{margin-bottom:20px;font-size:21px}.project-about-copy>p{line-height:2.2}.project-about-image{height:385px}.project-about-image picture{height:100%;display:block}.project-availability{color:var(--muted);margin-top:20px;font-size:12px}.project-features,.project-screens,.project-gallery{padding-block:35px 55px}.project-features>h2,.project-screens>h2,.gallery-heading h2,.related-heading h2{margin-top:15px;font-size:28px}.project-feature-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:30px;display:grid}.project-feature-grid>div{text-align:center;padding:32px 25px}.project-feature-grid>div+div{border-left:1px solid var(--line)}.feature-number{color:#87957d;font:30px Georgia,serif}.project-feature-grid h3{margin-top:17px;font-size:18px}.project-image-note{color:var(--muted);margin:18px 0 25px;font-size:12px;line-height:1.9}.project-screen-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.screen-concept{text-align:center;background:#f4f3ed;border:1px solid #d8d9cf;padding:18px 22px 25px;box-shadow:0 12px 30px #1a30210a}.screen-concept>p{text-align:left;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.screen-concept small{float:right;color:var(--muted);font-size:10px}.concept-symbol{color:var(--green);padding:28px 0 12px;font:50px Georgia}.screen-concept h3{font-size:17px}.concept-line{background:#dce1d5;width:80%;height:5px;margin:17px auto 0}.concept-line.short{width:60%;margin-top:9px}.concept-status{color:#fff;background:#2d4937;margin-top:25px;padding:8px 40px;font-size:11px;display:inline-block}.gallery-heading,.related-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.gallery-controls{gap:12px;display:flex}.gallery-controls button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:42px;height:42px}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:20px;display:flex;overflow:auto}.gallery-track>.photo{scroll-snap-align:start;flex:0 0 calc(33.3333% - 13.3333px);height:240px}.gallery-track picture{height:100%;display:block}.project-detail-cta{color:#fff;background:linear-gradient(90deg,#102519ed,#10251999),url(/images/preview-sunset.webp) 50%/cover;padding-block:48px}.project-detail-cta>.wrap{justify-content:space-between;align-items:center;gap:30px;display:flex}.project-detail-cta .eyebrow{color:#c7d3be}.project-detail-cta h2{margin-top:15px;font-size:26px}.project-detail-cta .project-outline-link{flex-shrink:0;margin:0}.related-projects{padding-block:45px 60px}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.related-grid>a{border-block:1px solid var(--line);grid-template-columns:90px 1fr 12px;align-items:center;gap:15px;padding-block:22px;display:grid}.related-grid .photo{height:90px}.related-grid picture{height:100%;display:block}.related-grid h3{font-size:16px}.related-grid p{margin-top:8px;font-size:11px;line-height:1.8}.related-grid .badge{margin-top:8px;font-size:9px}.projects-reference .contact-band{background:linear-gradient(90deg,#0b1b12ed,#0b1b1288),url(/images/preview-sunset.webp) 50%/cover}@media (width<=900px){.project-directory-list article,.project-about{gap:30px}.related-grid{grid-template-columns:1fr}.related-grid>a{grid-template-columns:100px 1fr 20px}.project-detail-cta>.wrap{flex-direction:column;align-items:flex-start}}@media (width<=600px){.project-directory{padding-block:35px 45px}.project-directory>h2{font-size:24px}.project-directory-list article{grid-template-columns:1fr;gap:25px;padding-block:28px}.directory-photo{height:225px}.directory-name h3{font-size:25px}.directory-catch{font-size:18px}.directory-copy>p:not(.eyebrow){font-size:13px}.project-detail-hero{min-height:360px}.project-hero-copy{padding-block:30px}.project-hero-copy .breadcrumb{margin-bottom:28px;font-size:9px}.project-hero-copy h1{font-size:35px}.project-hero-catch{max-width:300px;font-size:17px;line-height:1.8}.project-about{grid-template-columns:1fr;gap:28px;padding-block:35px}.project-about.image-first .project-about-copy{order:0}.project-about h2{font-size:25px}.project-about-catch{font-size:19px}.project-about-copy>p{font-size:14px}.project-about-image{height:265px}.project-features,.project-screens,.project-gallery{padding-block:25px 35px}.project-features>h2,.project-screens>h2,.gallery-heading h2,.related-heading h2{font-size:23px}.project-feature-grid{grid-template-columns:1fr;margin-top:23px}.project-feature-grid>div{text-align:left;align-items:center;gap:24px;padding:22px;display:flex}.project-feature-grid>div+div{border-left:0;border-top:1px solid var(--line)}.project-feature-grid h3{margin:0;font-size:17px}.project-screen-grid{grid-template-columns:1fr;gap:20px}.screen-concept{width:100%;max-width:300px;margin:auto}.gallery-track>.photo{flex-basis:82%;height:235px}.gallery-controls{gap:7px}.gallery-controls button{width:34px;height:34px}.project-detail-cta{padding-block:35px}.project-detail-cta h2{font-size:23px;line-height:1.8}.related-projects{padding-block:35px 45px}.related-heading{flex-direction:column;align-items:flex-start;gap:15px}.related-grid{gap:12px;margin-top:22px}.related-grid>a{grid-template-columns:90px 1fr 12px}.project-outline-link{gap:35px}}.project-feature-grid.four-features{grid-template-columns:repeat(4,1fr)}.project-contents{padding-block:35px 55px}.project-contents>h2,.project-concept h2{margin-top:15px;font-size:28px}.content-concept-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.content-concept-grid .photo{height:145px}.content-concept-grid picture{height:100%;display:block}.content-concept-grid h3{margin-top:17px;font-size:16px}.content-concept-grid p{color:var(--muted);margin-top:8px;font-size:11px}.project-concept{grid-template-columns:1fr 1.5fr;align-items:center;gap:50px;padding-block:25px 55px;display:grid}.project-concept p:not(.eyebrow){margin-top:25px;font-size:14px}.project-concept .photo{height:330px}.project-concept picture{height:100%;display:block}@media (width<=600px){.project-feature-grid.four-features{grid-template-columns:1fr}.project-contents{padding-block:25px 35px}.project-contents>h2,.project-concept h2{font-size:23px}.content-concept-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.content-concept-grid .photo{height:125px}.content-concept-grid h3{font-size:15px}.project-concept{grid-template-columns:1fr;gap:25px;padding-block:25px 35px}.project-concept .photo{height:240px}}.project-smallbiz .project-hero-photo img{transform:scaleX(-1);object-position:center 78%!important}.projects-reference .contact-band-inner{grid-template-columns:1fr 240px;gap:12px 50px}.projects-reference .contact-band-inner>div{grid-area:1/1}.projects-reference .contact-band-inner>p{grid-area:2/1}.projects-reference .contact-band-inner>.circle-link{border-radius:40px;grid-area:1/2/3;gap:34px;width:240px;height:60px}.projects-reference .contact-band-inner>.circle-link:before{content:"お問い合わせ";font-family:var(--serif);font-size:13px}@media (width<=600px){.projects-reference .contact-band-inner{grid-template-columns:1fr;gap:18px}.projects-reference .contact-band-inner>.circle-link{grid-area:3/1;width:225px;height:52px;margin-top:6px}}.project-kokonoe .project-hero-catch>span{white-space:nowrap}@media (width<=600px){.project-kokonoe .project-hero-catch>span{display:block}}