:root{--bg-primary: #F4F7F3;--bg-secondary: #FFFFFF;--bg-muted: #E8EFE5;--sky-light: #D8ECF7;--sky-mid: #7EC0E8;--sky-deep: #4A9FD4;--river-pale: #B8DCDB;--river-mid: #6EB5B8;--river-deep: #3E8A8C;--green-light: #C5DCA8;--green-mid: #7FA86A;--green-deep: #2E4A3A;--warm-accent: #F5D68A;--warm-soft: #FBF2D9;--mist-white: #F8FAF6;--dawn-peach: var(--mist-white);--text-primary: #1C2520;--text-secondary: #4A5A50;--text-muted: #7A8A80;--gradient-valley: linear-gradient( 180deg, #D8ECF7 0%, #DFEBD4 28%, #B8DCDB 55%, #7FA86A 82%, #F4F7F3 100% );--gradient-valley-soft: linear-gradient( 180deg, #EAF3F9 0%, #DFEBD4 55%, #D7EBEA 100% );--gradient-dawn: var(--gradient-valley);--gradient-dawn-soft: var(--gradient-valley-soft);--font-jp-heading: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Shippori Mincho B1", "Noto Serif JP", serif;--font-jp-body: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Shippori Mincho B1", "Noto Serif JP", serif;--font-en: "Fraunces", "Georgia", "Times New Roman", serif;--text-hero: clamp(20px, 5vw, 72px);--text-h1: clamp(22px, 4vw, 52px);--text-h2: clamp(20px, 3vw, 38px);--text-h3: clamp(18px, 2vw, 26px);--text-body-lg: clamp(15px, 1.6vw, 18px);--text-body: clamp(14px, 1.4vw, 16px);--text-small: clamp(12px, 1.1vw, 14px);--text-micro: 12px;--section-pad: clamp(80px, 10vw, 140px);--section-pad-lg: clamp(120px, 14vw, 180px);--container: 1200px;--container-narrow: 720px;--gutter: clamp(20px, 4vw, 40px);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-soft: 0 10px 40px -20px rgba(28, 37, 32, .15);--shadow-hover: 0 20px 50px -20px rgba(28, 37, 32, .2);--ease: cubic-bezier(.22, .61, .36, 1);--duration: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-jp-body);font-size:var(--text-body);line-height:1.9;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"palt";overflow-x:clip;width:100%}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color .3s var(--ease),opacity .3s var(--ease)}ul,ol{list-style:none}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--green-mid);outline-offset:3px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.narrow{max-width:var(--container-narrow);margin-left:auto;margin-right:auto}.center{text-align:center}h1,h2,h3,h4{font-family:var(--font-jp-heading);font-weight:500;color:var(--text-primary);letter-spacing:.04em}.eyebrow{font-family:var(--font-en);font-size:var(--text-small);font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:20px}.lead{font-family:var(--font-jp-body);font-size:var(--text-body-lg);line-height:2;color:var(--text-secondary);font-weight:400}.hl{color:var(--green-deep)}.reveal{opacity:0;transform:translateY(20px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal[data-delay="4"]{transition-delay:.48s}.reveal[data-delay="5"]{transition-delay:.6s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition:none!important}.reveal{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-jp-body);font-size:var(--text-body);font-weight:500;letter-spacing:.04em;padding:16px 32px;border-radius:999px;border:1px solid transparent;color:var(--text-primary);background:var(--bg-secondary);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.btn .arrow{display:inline-block;transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn.outline{background:var(--green-deep);border-color:var(--green-deep);color:var(--bg-secondary);box-shadow:0 8px 24px -12px #2e4a3a73}.btn.outline:hover{background:var(--green-mid);border-color:var(--green-mid);color:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 14px 30px -14px #2e4a3a8c}.btn.filled{background:var(--green-deep);color:var(--bg-primary);border-color:var(--green-deep)}.btn.filled:hover{background:var(--green-mid);border-color:var(--green-mid)}.btn.ghost{background:transparent;border-color:var(--green-mid);color:var(--green-deep)}.btn.ghost:hover{background:var(--green-mid);color:var(--bg-secondary)}.link{display:inline-flex;align-items:center;gap:6px;color:var(--green-deep);font-weight:600;padding:6px 0;border-bottom:1px solid var(--green-deep);transition:border-color .3s var(--ease),color .3s var(--ease)}.link:hover{color:var(--green-mid);border-bottom-color:var(--green-mid)}.link .arrow{display:inline-block;transition:transform .3s var(--ease)}.link:hover .arrow{transform:translate(4px)}.site-header{position:sticky;top:0;z-index:100;height:72px;display:flex;align-items:center;border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.site-header:before{content:"";position:absolute;inset:0;background:#f7f9f4d1;backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);transition:background .3s var(--ease);pointer-events:none;z-index:-1}.site-header.is-scrolled{border-bottom-color:#8fa68e38}body:has(.site-nav.is-open) .site-header{border-bottom-color:#8fa68e40}body:has(.site-nav.is-open) .site-header:before{background:var(--bg-primary)}.site-header .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container)}.site-logo{font-family:var(--font-jp-heading);font-weight:500;font-size:18px;letter-spacing:.06em;color:var(--text-primary)}.site-logo .en{font-family:var(--font-en);font-weight:500;letter-spacing:-.01em}.site-nav ul{display:flex;gap:36px}.site-nav a{font-size:14px;font-weight:400;color:var(--text-secondary);letter-spacing:.06em;position:relative;padding:4px 0}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--green-mid);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.site-nav a:hover{color:var(--text-primary)}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1);transform-origin:left}.site-nav a.is-active{color:var(--green-deep)}.nav-toggle{display:none;width:36px;height:28px;position:relative}.nav-toggle span{position:absolute;left:4px;right:4px;height:1px;background:var(--text-primary);transition:top .35s var(--ease),bottom .35s var(--ease),transform .35s var(--ease),opacity .35s var(--ease)}.nav-toggle span:nth-child(1){top:8px}.nav-toggle span:nth-child(2){top:50%}.nav-toggle span:nth-child(3){bottom:8px}.nav-toggle.is-open span:nth-child(1){top:50%;transform:rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){bottom:auto;top:50%;transform:rotate(-45deg)}.hero{position:relative;min-height:92vh;display:flex;align-items:center;padding:clamp(80px,10vw,140px) var(--gutter) clamp(60px,8vw,120px);overflow:hidden;background:var(--gradient-dawn);text-align:center}.hero:before{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,var(--bg-primary));pointer-events:none;z-index:2}.hero .container{position:relative;z-index:3}.hero h1{font-family:var(--font-jp-heading);font-size:clamp(17px,5.2vw,76px);font-weight:500;line-height:1.4;letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;margin:0 auto 48px}.hero h1 .hl{color:var(--green-deep)}.hero-sub{font-family:var(--font-jp-body);font-size:clamp(13px,1.4vw,17px);line-height:2;color:var(--text-secondary);max-width:36em;margin:0 auto 22px;font-weight:500}.hero-en{font-family:var(--font-en);font-size:var(--text-small);letter-spacing:.16em;color:var(--text-muted);margin-bottom:56px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.scroll-cue{position:absolute;left:50%;bottom:36px;transform:translate(-50%);z-index:3;font-family:var(--font-en);font-size:11px;letter-spacing:.24em;color:var(--text-muted);display:inline-flex;flex-direction:column;align-items:center;gap:10px;opacity:.85}.scroll-cue .line{width:1px;height:42px;background:linear-gradient(180deg,var(--text-muted),transparent);animation:scroll-pulse 2.4s var(--ease) infinite}@keyframes scroll-pulse{0%{opacity:.2;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:.2;transform:scaleY(.6);transform-origin:bottom}}.particles{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#8fa68e52;animation:particle-drift 24s ease-in-out infinite alternate}.particle.alt{background:#7fb0c852}.particle.warm{background:#e8a87c47}@keyframes particle-drift{0%{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(22px,-28px) scale(1.15);opacity:.9}to{transform:translate(-18px,16px) scale(.9);opacity:.3}}.page-hero{padding:clamp(120px,14vw,180px) var(--gutter) clamp(64px,8vw,100px);background:var(--gradient-dawn-soft);text-align:center;position:relative}.page-hero h1{font-family:var(--font-jp-heading);font-size:var(--text-h1);font-weight:500;line-height:1.45;letter-spacing:.07em;max-width:36ch;margin:0 auto 20px;word-break:keep-all;overflow-wrap:break-word}.page-hero .sub{font-size:var(--text-body-lg);line-height:2;color:var(--text-secondary);max-width:40em;margin:0 auto}section.block{padding:var(--section-pad) 0}section.block.muted{background:var(--bg-muted)}section.block.white{background:var(--bg-secondary)}.section-head{text-align:center;margin-bottom:72px}.section-head h2{font-family:var(--font-jp-heading);font-size:var(--text-h2);font-weight:500;line-height:1.5;letter-spacing:.06em;max-width:36ch;margin:0 auto 24px;word-break:keep-all;overflow-wrap:break-word}.section-head .lead{max-width:30em;margin:0 auto}.horizon{height:1px;background:linear-gradient(90deg,transparent,var(--green-light) 30%,var(--green-light) 70%,transparent);margin:0;border:none}.wave-divider{display:block;width:100%;height:80px;color:var(--bg-muted)}.philosophy{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.philosophy-venn{display:flex;justify-content:center;margin-top:56px}.philosophy-venn svg{width:100%;max-width:560px;height:auto}.philosophy-venn .venn-jp{font-family:var(--font-jp-heading);font-size:18px;font-weight:500;letter-spacing:.08em;fill:var(--text-primary)}.philosophy-venn .venn-en{font-family:var(--font-en);font-size:11px;letter-spacing:.2em;fill:var(--text-muted);text-transform:uppercase}.philosophy-venn .venn-center-jp{font-family:var(--font-jp-heading);font-size:34px;font-weight:500;letter-spacing:.1em;fill:var(--green-deep)}.philosophy-venn .venn-center-en{font-family:var(--font-en);font-size:12px;letter-spacing:.22em;fill:var(--text-muted);text-transform:uppercase}@media(max-width:640px){.philosophy-venn{margin-top:40px}.philosophy-venn .venn-jp{font-size:15px}.philosophy-venn .venn-en{font-size:10px}.philosophy-venn .venn-center-jp{font-size:28px}}.philo-card{position:relative;background:var(--bg-secondary);border:1px solid rgba(143,166,142,.25);border-radius:var(--radius-md);padding:56px 36px 44px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}.philo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--green-mid)}.philo-card .bg-word{position:absolute;top:20px;right:-8px;font-family:var(--font-en);font-size:clamp(48px,5vw,72px);font-weight:300;letter-spacing:-.02em;color:#8fa68e1f;pointer-events:none;user-select:none;line-height:1}.philo-card h3{font-family:var(--font-jp-heading);font-size:var(--text-h3);font-weight:500;letter-spacing:.08em;margin-bottom:8px;color:var(--text-primary)}.philo-card .label-kana{display:block;font-family:var(--font-jp-body);font-size:13px;letter-spacing:.24em;color:var(--text-muted);margin-top:2px;margin-bottom:2px}.philo-card .label-en{font-family:var(--font-en);font-size:12px;letter-spacing:.18em;color:var(--green-mid);margin-bottom:28px;display:block}.philo-card p{font-size:var(--text-body);line-height:2;color:var(--text-secondary)}.philosophy-close{margin-top:72px;text-align:center;font-family:var(--font-jp-heading);font-size:clamp(20px,2.2vw,26px);font-weight:400;line-height:2.1;letter-spacing:.08em;color:var(--text-primary)}.philosophy-close .line{display:inline-block;white-space:nowrap;margin:0 .25em}@media(max-width:900px){.philosophy-close .line{white-space:normal;display:block;margin:0}}.pillars{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:72px}.pillars>*{flex:0 1 calc((100% - 80px) / 3);min-width:0}.pillar{text-align:center;padding:32px 20px}.pillar .num{font-family:var(--font-en);font-size:13px;letter-spacing:.2em;color:var(--green-mid);display:block;margin-bottom:20px}.pillar h3{font-family:var(--font-jp-heading);font-size:var(--text-h3);font-weight:500;letter-spacing:.08em;margin-bottom:16px}.pillar p{font-size:var(--text-body);line-height:2;color:var(--text-secondary);max-width:28em;margin:0 auto;word-break:keep-all;overflow-wrap:break-word}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}.service-card{display:flex;gap:28px;align-items:flex-start;background:var(--bg-secondary);border:1px solid rgba(143,166,142,.2);border-radius:var(--radius-md);padding:36px 36px 40px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--green-mid)}.service-card .icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--green-mid)}.service-card .icon svg{width:28px;height:28px}.service-card h3{font-family:var(--font-jp-heading);font-size:var(--text-h3);font-weight:500;letter-spacing:.08em;margin-bottom:6px}.service-card .tag{font-family:var(--font-en);font-size:12px;letter-spacing:.2em;color:var(--green-mid);margin-bottom:14px;display:inline-block}.service-card p{font-size:var(--text-body);line-height:1.9;color:var(--text-secondary)}.cases-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--green-light);border:1px solid var(--green-light);border-radius:var(--radius-md);overflow:hidden;margin-top:48px}.case-logo{background:var(--bg-secondary);padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--text-muted);font-family:var(--font-en);font-size:13px;letter-spacing:.12em;transition:background .3s var(--ease)}.case-logo:hover{background:var(--bg-muted)}.case-logo .comment{font-family:var(--font-jp-body);font-size:var(--text-small);color:var(--text-secondary);letter-spacing:.02em}.company-table{width:100%;max-width:var(--container-narrow);margin:0 auto;border-top:1px solid rgba(143,166,142,.25)}.company-table tr{border-bottom:1px solid rgba(143,166,142,.18)}.company-table th,.company-table td{padding:22px 0;text-align:left;vertical-align:top;font-weight:400;font-size:var(--text-body);line-height:1.9}.company-table th{width:200px;color:var(--text-muted);font-family:var(--font-en);font-size:var(--text-small);letter-spacing:.14em;text-transform:uppercase}.company-table a{color:var(--green-deep);border-bottom:1px solid currentColor}.cta-band{position:relative;padding:clamp(120px,14vw,180px) var(--gutter);text-align:center;background:var(--gradient-dawn-soft);overflow:hidden}.cta-band h2{font-family:var(--font-jp-heading);font-size:clamp(32px,4.5vw,56px);font-weight:500;line-height:1.45;letter-spacing:.08em;margin:0 auto 44px;max-width:20ch}.cta-band .actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.form{max-width:640px;margin:0 auto;display:grid;gap:24px;text-align:left}.form-row label{display:block;font-size:var(--text-small);font-weight:500;letter-spacing:.06em;margin-bottom:10px;color:var(--text-secondary)}.form-row label .req{color:var(--warm-accent);margin-left:4px;font-family:var(--font-en);font-size:11px}.form-row input,.form-row select,.form-row textarea{width:100%;padding:14px 18px;border:1px solid rgba(143,166,142,.35);border-radius:var(--radius-sm);background:var(--bg-secondary);font:inherit;font-size:var(--text-body);color:var(--text-primary);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);font-family:var(--font-jp-body)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--green-mid);box-shadow:0 0 0 3px #8fa68e26}.form-row textarea{min-height:160px;resize:vertical}.form-submit{text-align:center;margin-top:16px}.site-footer{background:var(--bg-muted);padding:80px var(--gutter) 40px;color:var(--text-secondary);font-size:var(--text-small)}.site-footer .inner{max-width:var(--container);margin:0 auto}.site-footer .top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(143,166,142,.25)}.site-footer .brand .site-logo{font-size:20px;display:inline-block;margin-bottom:16px}.site-footer .brand p{color:var(--text-muted);max-width:34ch;font-size:var(--text-small);line-height:1.9}.site-footer h4{font-family:var(--font-en);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-weight:500}.site-footer .col a{display:block;padding:4px 0;color:var(--text-secondary)}.site-footer .col a:hover{color:var(--green-deep)}.site-footer .bottom{padding-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--font-en);font-size:11px;letter-spacing:.14em;color:var(--text-muted)}@media(max-width:960px){.philosophy,.service-grid{grid-template-columns:1fr;gap:16px}.pillars{gap:16px}.pillars>*{flex:0 1 100%}.cases-logos{grid-template-columns:repeat(2,1fr)}.site-footer .top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:960px){.site-nav{position:fixed;inset:0;background:var(--bg-primary);padding:96px var(--gutter) 56px;z-index:95;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .4s var(--ease),visibility 0s linear .4s,transform .4s var(--ease)}.site-nav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .4s var(--ease),visibility 0s linear 0s,transform .4s var(--ease)}.site-nav ul{flex-direction:column;gap:0;align-items:stretch;width:100%;max-width:420px;margin:0}.site-nav li{border-bottom:1px solid rgba(143,166,142,.2)}.site-nav li:first-child{border-top:1px solid rgba(143,166,142,.2)}.site-nav a{display:block;font-family:var(--font-jp-heading);font-size:17px;font-weight:500;letter-spacing:.1em;color:var(--text-primary);padding:20px 8px;text-align:center;transition:color .3s var(--ease),background .3s var(--ease)}.site-nav a:after{display:none}.site-nav a:hover,.site-nav a:active,.site-nav a.is-active{color:var(--green-deep);background:#8fa68e14}.nav-toggle{display:block;z-index:110}}@media(max-width:720px){.hero{min-height:88vh}section.block{padding:clamp(56px,14vw,96px) 0}.section-head{margin-bottom:44px}.section-head h2{margin-bottom:18px;line-height:1.45}.section-head .lead{font-size:15px;line-height:1.95}.hero h1{margin-bottom:32px;letter-spacing:.04em}.hero-sub{font-size:clamp(12px,3.6vw,17px);line-height:1.9}.hero-en{margin-bottom:40px}.pillars{gap:8px;margin-top:48px}.pillar{padding:20px 8px}.pillar .num{margin-bottom:12px}.pillar h3{margin-bottom:10px;font-size:19px}.pillar p{font-size:14.5px;line-height:1.95;max-width:26em}.philosophy-close{margin-top:48px;font-size:18px;line-height:1.9}.lead{font-size:15px;line-height:1.95}.page-hero h1{font-size:clamp(26px,7vw,40px);letter-spacing:.06em}.page-hero .sub{font-size:14.5px;line-height:1.95}.site-footer .top{grid-template-columns:1fr;gap:32px}.company-table th,.company-table td{display:block;width:100%;padding:8px 0}.company-table th{padding-top:18px}.company-table td{padding-bottom:18px;border:none}}@media(max-width:420px){.hero h1,.section-head h2{letter-spacing:.04em}.pillar h3{font-size:18px;letter-spacing:.05em}}