@charset "UTF-8";
:root{--navy:#102a36;--ink:#1a303b;--muted:#64717a;--gold:#ae8258;--line:#dce1e2;--paper:#f2f4f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.95}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN","SimSun",serif;font-weight:500}a:focus-visible,button:focus-visible{outline:3px solid #c08f56;outline-offset:5px}.skip{position:fixed;top:-100px;left:10px;background:#fff;padding:12px;z-index:50}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:15px;font-size:25px;font-weight:600;letter-spacing:.15em;line-height:1.4}.brand small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.19em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--gold);color:var(--gold);font-family:serif;font-size:27px;font-weight:400}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a:hover{color:var(--gold)}.nav-company{border-left:1px solid var(--line);padding-left:30px}.nav-company span{margin-left:22px}.menu-button{display:none}.hero{position:relative;min-height:660px;height:calc(100svh - 100px);max-height:900px;background:var(--navy);color:white;overflow:hidden}.hero-photo,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center 50%}.hero-shade{background:linear-gradient(90deg,rgba(6,26,39,.88),rgba(9,30,42,.55) 53%,rgba(7,27,40,.2))}.hero-grid{background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.12) 50%,transparent 50.05%);background-size:50% 100%;pointer-events:none}.hero-content{position:relative;margin:0 8%;padding-top:clamp(85px,12vh,160px)}.eyebrow,.section-label,.english{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.17em}.light{color:#d5dfe3}.hero h1{font-size:clamp(38px,4.8vw,72px);line-height:1.55;letter-spacing:.075em;margin-top:26px}.hero-copy{margin-top:24px;line-height:2.1;font-size:16px;color:#e5e9eb;letter-spacing:.05em}.outline-button{margin-top:34px;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;padding:13px 22px;border:1px solid #87959d;font-size:14px;transition:background .2s}.outline-button:hover{background:rgba(255,255,255,.16)}.hero-bottom{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.12em;color:#d7e0e4}.hero-bottom a span{margin-left:15px}.hero-location{writing-mode:vertical-rl;position:absolute;right:0;bottom:90px;font-size:13px;letter-spacing:.25em}.section-wrap{max-width:1440px;margin:auto;padding:105px 8%}.section-label{display:flex;align-items:center;gap:13px;color:var(--gold);margin-bottom:40px;font-weight:600}.small-line{width:25px;height:1px;background:var(--gold)}h2{font-size:clamp(31px,3.2vw,48px);line-height:1.65;letter-spacing:.055em}.intro-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.intro h2 span{color:var(--gold)}.intro-copy{color:var(--muted)}.intro-copy .lead{font-size:21px;color:var(--ink);font-weight:500;margin-bottom:18px}.intro-copy p+p{margin-top:17px}.principles{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;color:var(--ink);font-size:14px}.principles span{border-top:1px solid var(--gold);padding-top:10px}.expertise{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}.section-heading>p{color:var(--muted);font-size:15px;line-height:2}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8c3c7;border-bottom:1px solid #b8c3c7}.service{padding:31px 24px 32px;border-right:1px solid #cfd6d8}.service:first-child{padding-left:0}.service:last-child{border-right:0;padding-right:0}.service-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-family:Georgia,serif;font-size:25px;margin-bottom:25px}.service-symbol{font-family:serif;font-size:15px;border:1px solid #c0c8c9;width:48px;height:48px;display:grid;place-items:center;color:var(--ink)}.english{font-size:10px;letter-spacing:.06em;color:#75828a;min-height:40px}.service h3{font-size:20px;line-height:1.6;min-height:64px;font-weight:500}.service>p:not(.english){font-size:14px;line-height:2;color:var(--muted)}.service ul{list-style:none;padding:22px 0 0;margin:22px 0 0;border-top:1px solid #d4dcde;font-size:12px;line-height:2.3}.service li:before{content:'—';color:var(--gold);margin-right:8px}.detail-feature{height:510px;position:relative;background:var(--navy);color:white;overflow:hidden}.detail-feature>img{width:100%;height:100%;object-fit:cover;object-position:center}.detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,33,.82),rgba(5,23,33,.15))}.detail-text{position:absolute;left:8%;top:80px}.detail-text h2{margin:20px 0;font-size:43px}.detail-text>p:last-child{font-size:15px;color:#e0e7e9}.image-caption{position:absolute;bottom:18px;right:4.5%;font-size:12px;color:#edf0f0}.people{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.portrait{position:relative;align-self:stretch}.portrait img{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:50% 46%}.portrait-label{position:absolute;left:0;bottom:0;padding:20px 24px;background:var(--navy);color:#e1c4a7;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em}.person-copy .section-label{margin-bottom:28px}.person-role{font-size:14px}.person-role span{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em;margin-top:4px;font-family:Arial,sans-serif}.person-name{font-size:39px;margin:10px 0 29px}.person-name small{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.2em;display:block;color:#7b878e;line-height:1.5;margin-top:3px}.person-copy h3{font-family:serif;font-size:26px;font-weight:500;line-height:1.7;margin-bottom:20px}.person-copy>p:not(.person-role){font-size:14px;color:var(--muted);margin-top:16px;line-height:2.05}.responsibility{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-size:12px;display:flex;gap:20px}.responsibility>span{white-space:nowrap;color:var(--gold)}.process{border-top:1px solid var(--line);padding-top:80px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps li{border-top:1px solid var(--gold);padding-top:20px}.steps span{font-family:Arial,sans-serif;color:var(--gold);font-size:12px;letter-spacing:.1em}.steps h3{font-size:19px;font-weight:500;margin:15px 0 12px}.steps p{font-size:14px;color:var(--muted)}.company{background:var(--navy);color:white}.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:83px;padding-bottom:83px}.company .section-label{color:#d4ad85}.company .small-line{background:#d4ad85}.company h2{font-size:38px}.company-en{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.18em;line-height:2;margin-top:30px;color:#a5b5bd}.company dl{margin:20px 0 0}.company dl>div{display:grid;grid-template-columns:135px 1fr;padding:20px 0;border-bottom:1px solid #3b505b;font-size:14px}.company dt{color:#a5b5bd}.company dd{margin:0}.footer{padding:48px 4.5% 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.footer .brand{font-size:21px}.footer>p{font-size:13px;color:var(--muted)}.back-top{font-size:13px}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:14px;display:flex;justify-content:space-between;gap:20px;color:#7b878d}.footer-bottom small{font-size:11px}
@media(min-width:1600px){.hero-content{max-width:1240px;margin:auto}.section-wrap{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){.header{height:88px}.header nav{gap:20px}.hero{height:720px}.hero-content{padding-top:105px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{padding:28px!important}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid #cfd6d8}.service h3{min-height:0;margin-bottom:20px}.english{min-height:30px}.people{gap:6%}.portrait img{min-height:690px}.section-wrap{padding:80px 6%}.steps{gap:22px}.brand{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:15px}.header{height:84px;padding:0 6%}.brand{font-size:21px;gap:10px}.brand-mark{width:38px;height:38px;font-size:24px}.brand small{font-size:8px}.menu-button{display:block;border:0;background:transparent;font-size:12px;padding:10px 0 10px 10px;color:var(--ink)}.menu-button span{margin-left:10px;font-size:19px}.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:15px 6% 30px;box-shadow:0 15px 20px #102a3614}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.header nav a{padding:12px 0;border-bottom:1px solid var(--line)}.nav-company{border-left:0}.hero{height:720px;min-height:650px;max-height:none}.hero-content{margin:0 7%;padding-top:100px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(6,26,39,.88),rgba(9,30,42,.45))}.hero h1{font-size:37px;letter-spacing:.035em;margin-top:30px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.13em}.hero-copy{font-size:14px;margin-top:24px}.outline-button{margin-top:32px}.hero-bottom{left:7%;right:7%;font-size:9px}.hero-bottom>span:first-child{display:none}.hero-location{bottom:0;writing-mode:horizontal-tb;font-size:11px}.section-wrap{padding:65px 7%}.section-label{font-size:11px;margin-bottom:28px}.intro-layout,.people,.company-layout{grid-template-columns:1fr;gap:33px}h2{font-size:32px}.intro-copy .lead{font-size:20px}.intro-copy{font-size:15px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px;font-size:14px}.service-grid{grid-template-columns:1fr}.service{padding:28px 0!important;border-right:0;border-bottom:1px solid #cfd6d8}.service:last-child{border-bottom:0}.service-top{margin-bottom:8px}.service h3{font-size:22px;margin-bottom:16px}.service>p:not(.english){font-size:15px}.service ul{font-size:14px}.english{font-size:11px;min-height:26px}.detail-feature{height:440px}.detail-text{left:7%;right:7%;top:70px}.detail-text h2{font-size:32px}.detail-text>p:last-child{font-size:13px}.portrait{max-width:480px;width:100%;margin:auto}.portrait img{min-height:0;height:auto;max-height:660px;object-fit:cover}.person-copy>p:not(.person-role){font-size:15px}.person-name{font-size:37px}.responsibility{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:28px 22px}.steps h3{font-size:17px}.steps p{font-size:14px}.company h2{font-size:32px}.company dl{margin:0}.company dl>div{grid-template-columns:120px 1fr;font-size:13px}.company-en{margin-top:22px}.footer{padding:35px 7% 24px;gap:22px}.footer>p{width:100%;order:2}.back-top{font-size:12px}.footer-bottom{order:3;flex-direction:column;gap:8px}.footer-bottom small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(22px,5.8vw,37px)}}
.service>p:not(.english),.person-copy>p:not(.person-role),.steps p{font-size:16px}.service ul,.responsibility{font-size:14px}.english,.brand small,.person-role span,.portrait-label,.hero-bottom,.company-en,.footer-bottom small{font-size:12px}.hero-bottom,.english{letter-spacing:.05em}.service h3{font-size:20px}.service-grid{align-items:stretch}@media(max-width:760px){.brand small{font-size:9px}.hero-bottom{font-size:10px}.intro-copy,.detail-text>p:last-child{font-size:16px}.company dl>div{font-size:14px}.portrait-label{font-size:11px}}

/* 建築の視点・詳細コンテンツ */
.brand small{font-family:inherit;letter-spacing:.12em;font-size:12px;font-weight:400}.header nav{gap:24px}.section-label,.eyebrow,.english,.hero-bottom,.portrait-label,.company-en,.steps span{font-family:inherit;font-size:14px}.hero-bottom{letter-spacing:.12em}.person-role span,.person-name small{font-family:inherit;font-size:14px}.person-copy .person-name{margin-bottom:24px}.space-story{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-top:64px}.space-story.reverse{grid-template-columns:1fr 1.2fr}.space-story.reverse figure{order:2}.space-story figure,.paired-stories figure,.planning-layout figure{margin:0}.space-story img{width:100%;height:480px;object-fit:cover}.space-story figcaption{font-size:13px;color:var(--muted);margin-top:12px}.topic{display:block;color:var(--gold);font-size:14px;letter-spacing:.12em;margin-bottom:14px}.spaces h3{font-family:"Yu Mincho","SimSun",serif;font-size:29px;line-height:1.65;font-weight:500;margin-bottom:22px}.spaces p{font-size:16px;color:var(--muted);line-height:2.1}.spaces p+p{margin-top:16px}.tags{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:24px 0 0}.tags li{font-size:13px;padding:4px 12px;border:1px solid var(--line)}.paired-stories{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin-top:75px}.paired-stories img{width:100%;height:350px;object-fit:cover;margin-bottom:26px}.paired-stories article:last-child img{object-position:center 45%}.paired-stories h3{font-size:26px}.planning-band{background:#edf1f2}.planning-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.planning-layout img{width:100%;height:780px;object-fit:cover}.planning-layout h2{margin-bottom:25px}.planning-layout p{font-size:16px;color:var(--muted)}.planning-point{display:flex;gap:22px;margin-top:24px;padding-top:20px;border-top:1px solid #cbd4d8}.planning-point>span{font-size:25px;color:var(--gold);font-family:serif}.planning-point h3{font-size:18px;margin-bottom:8px;font-weight:500}.planning-point p{font-size:15px}.quality{padding-top:20px}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 50px}.quality-grid article{padding-top:25px;border-top:1px solid var(--gold)}.quality-grid article>span{font-size:14px;letter-spacing:.2em;color:var(--gold)}.quality-grid h3{font-family:serif;font-size:24px;font-weight:500;margin:12px 0 18px}.quality-grid p{color:var(--muted);font-size:16px}.quality-grid ul{font-size:14px;color:var(--ink);padding-left:20px;margin:18px 0 0}.journal{background:var(--paper)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.journal-grid article{border-top:1px solid var(--gold);padding-top:25px}.journal-grid h3{font-family:serif;font-size:25px;line-height:1.6;font-weight:500;margin-bottom:24px}.journal-grid p{font-size:16px;color:var(--muted)}.journal-grid p+p{margin-top:18px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%}.faq>div>p{font-size:15px;color:var(--muted);margin-top:25px}.faq-items details{border-top:1px solid var(--line);padding:20px 0}.faq-items details:last-child{border-bottom:1px solid var(--line)}.faq-items summary{font-size:16px;cursor:pointer;padding-right:30px;list-style:none;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'＋';position:absolute;right:0;top:0;color:var(--gold)}.faq-items details[open] summary:after{content:'−'}.faq-items p{color:var(--muted);font-size:15px;margin-top:18px}.faq-items summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.footer-bottom{justify-content:flex-start}.company-en{line-height:2.1}.portrait img{min-height:680px}.service .english{color:var(--gold);font-size:14px;letter-spacing:.08em}.service h3{font-size:21px}.section-heading>p{font-size:16px}
@media(max-width:1100px){.header nav{gap:15px;font-size:13px}.nav-company{padding-left:15px}.space-story,.space-story.reverse{gap:5%}.space-story img{height:500px}.planning-layout{gap:5%}.planning-layout img{height:850px}.journal-grid{gap:24px}.brand{font-size:21px}.brand small{font-size:10px}}
@media(max-width:760px){.space-story,.space-story.reverse,.paired-stories,.planning-layout,.quality-grid,.journal-grid,.faq{grid-template-columns:1fr}.space-story{margin-top:42px;gap:24px}.space-story.reverse figure{order:0}.space-story img{height:300px}.space-story figcaption{font-size:12px}.spaces h3{font-size:26px}.paired-stories{gap:42px;margin-top:48px}.paired-stories img{height:300px}.planning-layout{gap:35px}.planning-layout img{height:460px;object-position:center 42%}.planning-layout .section-label{margin-bottom:25px}.quality{padding-top:55px}.quality-grid{gap:30px}.quality-grid h3{font-size:24px}.journal-grid{gap:32px}.journal-grid h3{font-size:24px;margin-bottom:18px}.faq{gap:30px}.faq h2 br{display:none}.faq>div>p br{display:none}.portrait img{min-height:0}.brand small{font-size:10px;letter-spacing:.08em}.section-label,.eyebrow,.portrait-label,.steps span{font-size:12px}.hero-bottom{font-size:12px}.hero-location{display:none}.hero-copy{font-size:16px}.hero h1{font-size:clamp(24px,6.5vw,42px)}.header nav{font-size:15px}.company-en{font-size:14px}}

/* 青凪建设负责人视觉升级 */
.director-hero {
  position: relative;
  overflow: hidden;
}
.director-hero img {
  width:100%;
  display:block;
}
.director-hero .caption {
  position:absolute;
  top:8%;
  left:5%;
  background:rgba(8,35,48,.88);
  color:#ead6b5;
  padding:28px 42px;
  font-size:clamp(22px,3vw,42px);
  letter-spacing:.12em;
  border-left:3px solid #d1b08b;
}


/* 负责人图改为整张设计稿 */
.portrait.director-hero{align-self:start;background:transparent}
.portrait.director-hero img{height:auto !important;min-height:0 !important;max-height:none !important;object-fit:contain !important;object-position:center top !important;border:0}
@media(max-width:760px){
  .portrait.director-hero{max-width:none;width:100%;margin:0}
  .portrait.director-hero img{width:100%;height:auto !important;max-height:none !important}
}