/* 色や余白はここでまとめて調整できます。外部フォントは使いません。 */
:root{--green:#243c30;--cream:#f6f4ec;--ink:#29362e;--muted:#647064;--line:#d6dacf;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:2;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.65;letter-spacing:.06em}p+p{margin-top:24px}a:focus-visible{outline:3px solid #bd914d;outline-offset:7px}.wrap{width:min(1120px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--muted);margin-bottom:25px}.eyebrow.light{color:#e0e5d5}.header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 48px;color:white}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;border:1px solid #ffffff90;width:38px;height:38px;border-radius:50%;font-size:22px}.header nav{display:flex;gap:30px;font-size:13px;letter-spacing:.06em}.header nav a{border-bottom:1px solid transparent}.header nav a:hover{border-color:white}.hero{position:relative;min-height:740px;height:100svh;max-height:1100px;background:var(--green);color:white;display:flex;align-items:center}.hero-image{position:absolute;inset:0;height:100%;object-position:center 55%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,18,.76),rgba(10,28,18,.27) 80%),linear-gradient(0deg,rgba(10,28,18,.3),transparent 40%)}.hero-content{position:relative;z-index:1;margin:60px 0 0 max(9vw,32px)}.hero h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:.09em;line-height:1.45}.hero-theme{display:block;font-family:var(--sans);font-weight:500;font-size:clamp(24px,2.8vw,38px);letter-spacing:.14em;margin-bottom:16px}.cross{font-weight:300;padding-inline:8px}.hero-copy{font-size:19px;letter-spacing:.12em;line-height:1.9;margin-top:28px}.hero-link{display:inline-flex;align-items:center;gap:58px;font-size:14px;margin-top:34px;padding-bottom:8px;border-bottom:1px solid #ffffff80}.hero-caption{position:absolute;z-index:1;right:42px;bottom:55px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.14em}.scroll-cue{position:absolute;z-index:1;bottom:27px;left:max(9vw,32px);display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.2em}.scroll-cue span:last-child{font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-copy h2{margin-bottom:32px}.about-photo{position:relative;padding-bottom:34px}.about-photo img{height:580px}.about-photo figcaption{position:absolute;bottom:0;left:0;font-size:12px;letter-spacing:.1em;color:var(--muted)}.themes{display:flex;align-items:center;gap:16px;margin-top:34px}.themes span{border:1px solid var(--line);border-radius:50%;width:72px;height:72px;display:grid;place-items:center;font-family:var(--serif);font-size:18px}.themes b{font-weight:400;color:#849080}.work{background:#eaece3}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 9px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.work-item:nth-child(2){margin-top:58px}.work-item:nth-child(3){margin-top:116px}.work-item>img{height:340px}.work-title{display:flex;gap:16px;align-items:baseline;margin-top:22px}.work-title span{font-family:var(--serif);color:#7f8977;font-size:14px}.work-title h3{font-size:24px}.work-item>p{font-size:15px;margin-left:34px;color:var(--muted)}.connection{background:var(--green);color:#faf9ef;padding-block:100px}.connection-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.connection-photo img{height:660px;object-position:center 36%}.connection-photo figcaption{font-size:12px;color:#c9d0bd;margin-top:16px;letter-spacing:.06em}.connection-copy .small-label{font-size:14px;letter-spacing:.1em;margin-bottom:14px}.connection-copy h2{font-size:clamp(30px,3vw,42px);margin-bottom:32px}.connection-copy>p:not(.eyebrow):not(.small-label){color:#e2e7dc}.connection-note{margin-top:38px;padding-top:23px;border-top:1px solid #ffffff35;font-family:var(--serif);letter-spacing:.12em;font-size:20px}.vision{text-align:center;padding-block:120px 60px}.vision h2{margin-bottom:30px}.vision>p:not(.eyebrow){line-height:2.2}.vision-line{display:block;height:64px;width:1px;background:#9aa58e;margin:48px auto 0}.mobile-break{display:none}.gallery{padding-top:60px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:270px 230px 280px;gap:24px}.gallery-grid figure{position:relative;overflow:hidden}.gallery-grid img{height:100%;transition:transform .7s}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;left:0;bottom:0;width:100%;padding:28px 16px 10px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:11px;letter-spacing:.1em}.gallery-a{grid-column:1/5;grid-row:1/3}.gallery-b{grid-column:5/10;grid-row:1}.gallery-c{grid-column:10/13;grid-row:1}.gallery-d{grid-column:5/8;grid-row:2/4}.gallery-e{grid-column:8/13;grid-row:2}.gallery-f{grid-column:1/5;grid-row:3}.gallery-g{grid-column:8/13;grid-row:3}.gallery-d img{object-position:center 30%}.table{background:#ebe6da}.table-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.table-inner>img{height:400px}.table h2{margin-bottom:28px}.closing{text-align:center;background:#eef0e6;padding-block:104px}.closing h2{font-size:clamp(30px,5.5vw,68px);letter-spacing:.07em}.closing h2 span{color:#879174;font-weight:400}.closing>p:not(.eyebrow){margin-top:28px;font-size:19px;letter-spacing:.1em}.closing .closing-brand{font-family:var(--serif);font-size:23px!important;margin-top:40px!important}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px}.footer .brand{font-size:18px}.footer small{font-size:11px;color:var(--muted)}.back-top{font-size:12px}.skip-link{position:fixed;z-index:10;top:10px;left:10px;background:white;padding:8px 16px;transform:translateY(-150%)}.skip-link:focus{transform:none}
/* JSが動かない場合も本文を表示。準備できた要素だけフェードインします。 */
.reveal.is-pending{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@media(min-width:1500px){.hero-content{margin-left:calc((100vw - 1240px)/2)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding:24px 32px}.about,.connection-inner{gap:45px}.about-photo img{height:520px}.work-grid{gap:20px}.work-item>img{height:290px}.work-title{gap:10px}.work-title h3{font-size:21px}.connection-photo img{height:610px}.table-inner{gap:40px}.gallery-grid{gap:16px;grid-template-rows:230px 210px 230px}}
@media(max-width:700px){body{font-size:17px;line-height:1.95}.wrap{width:calc(100% - 40px)}.section{padding-block:72px}.header{padding:20px;align-items:start}.brand{font-size:19px;gap:8px}.brand-mark{width:32px;height:32px;font-size:18px}.header nav{gap:14px;padding-top:5px}.header nav a{font-size:11px}.header nav a:first-child{display:none}.hero{min-height:680px;max-height:950px}.hero-image{object-position:52% center}.hero:after{background:linear-gradient(90deg,rgba(10,28,18,.74),rgba(10,28,18,.36)),linear-gradient(0deg,rgba(10,28,18,.3),transparent)}.hero-content{margin:32px 24px 0}.hero .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:30px}.hero h1{font-size:clamp(34px,8.7vw,58px);letter-spacing:.06em;line-height:1.6}.hero-theme{font-size:27px;margin-bottom:18px}.hero-copy{font-size:17px;margin-top:24px}.hero-link{margin-top:30px}.hero-caption{display:none}.scroll-cue{left:24px;bottom:20px}.about{grid-template-columns:1fr;gap:42px}.about-copy{padding-inline:8px}.about-copy h2{margin-bottom:25px}.about-photo{margin-left:28px}.about-photo img{height:auto;aspect-ratio:4/5}.themes{gap:13px;margin-top:28px}.themes span{width:66px;height:66px}.eyebrow{margin-bottom:20px;font-size:10px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:15px}.work-grid{grid-template-columns:1fr;gap:38px}.work-item:nth-child(2),.work-item:nth-child(3){margin-top:0}.work-item>img{height:auto;aspect-ratio:5/4}.work-item:nth-child(2){padding-left:28px}.work-item:nth-child(3){padding-right:20px}.work-item:nth-child(3)>img{aspect-ratio:1.7}.work-title{margin-top:14px;gap:14px}.work-title h3{font-size:25px}.connection{padding-block:64px}.connection-inner{display:flex;flex-direction:column;gap:36px}.connection-photo{width:100%}.connection-photo img{height:auto;aspect-ratio:3/4;object-position:center 28%}.connection-copy{padding-inline:8px}.connection-copy h2{font-size:30px}.connection-note{font-size:19px}.vision{padding-bottom:40px}.vision h2{font-size:32px}.vision>p:not(.eyebrow){text-align:left;line-height:2.1;padding-inline:8px}.vision>p br{display:none}.vision h2 .mobile-break{display:block}.vision-line{margin-top:36px;height:48px}.gallery{padding-top:32px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:240px 190px 240px 210px;gap:12px}.gallery-a{grid-column:1;grid-row:1/3}.gallery-b{grid-column:1/3;grid-row:4}.gallery-c{grid-column:2;grid-row:1}.gallery-d{grid-column:2;grid-row:2/4}.gallery-e{grid-column:1;grid-row:3}.gallery-f{grid-column:1;grid-row:5;height:205px}.gallery-g{grid-column:2;grid-row:5;height:205px}.gallery-grid figcaption{font-size:10px;padding-inline:10px}.table-inner{grid-template-columns:1fr;gap:34px}.table-inner>img{height:auto;aspect-ratio:4/3}.table-inner>div{padding-inline:8px}.table h2{font-size:32px}.closing{padding-block:72px}.closing h2{font-size:clamp(27px,7.5vw,42px);letter-spacing:.02em;white-space:nowrap}.closing>p:not(.eyebrow){font-size:17px}.footer{flex-wrap:wrap;padding-block:26px;gap:16px}.footer .brand{flex-basis:100%}.footer .back-top{margin-left:auto}}
/* 動きを減らす端末設定に対応します。 */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal.is-pending{opacity:1;transform:none;transition:none}.gallery-grid img{transition:none}.gallery-grid figure:hover img{transform:none}}