@font-face{font-family:ShowcaseJP;src:url('/assets/portfolio-jp.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:ShowcaseFull;src:url('/assets/noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#17212b;--soft:#52606b;--green:#1f5c6e;--navy:#0b2340;--sand:#f3f5f4;--mist:#eef2f3;--paper:#fff;--line:#cad3d6;--accent:#984124;--focus:#e39a28;--section-space:clamp(56px,7vw,112px);--header-offset:100px;--body:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset);line-break:strict}body{margin:0;color:var(--ink);background:var(--paper);font:400 var(--body)/1.8 ShowcaseJP,ShowcaseFull,'Yu Gothic',sans-serif;letter-spacing:.02em;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:720;line-height:1.4;letter-spacing:.015em;word-break:auto-phrase;text-wrap:balance;overflow-wrap:anywhere}h2{font-size:clamp(28px,2.8vw,40px)}h3{font-size:clamp(20px,2.2vw,25.6px)}a{color:var(--green)}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{display:block;max-width:100%}button:disabled{cursor:default}[hidden]{display:none!important}.shell{width:min(1152px,calc(100% - 48px));margin-inline:auto}.section{padding-block:var(--section-space)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 16px;background:var(--ink);color:white;transform:translateY(-200%)}.skip-link:focus{transform:none}.showcase-label{background:#eef2f3;border-bottom:1px solid var(--line);font-size:14px;color:var(--soft)}.showcase-label>.shell{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-block:8px}.showcase-label p{overflow-wrap:anywhere}.showcase-label a{display:inline-flex;align-items:center;gap:8px;min-height:32px;text-underline-offset:4px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fffffff7}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:80px}.brand{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;text-decoration:none;color:var(--ink)}.brand-mark{position:relative;display:flex;align-items:flex-end;gap:5px;flex-shrink:0;width:54px;height:36px}.brand-mark i{height:30px;width:10px;background:var(--green);transform:skew(-17deg)}.brand-mark i:nth-child(2){height:24px;background:#71939d}.brand-mark i:nth-child(3){height:18px;background:#b0c4c9}.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.1;font-family:ShowcaseJP,ShowcaseFull,sans-serif}.brand-copy strong{font-size:25px;font-weight:700;letter-spacing:.12em}.brand-copy>span{font-size:12px;letter-spacing:.2em;font-weight:500}.primary-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.primary-nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:var(--ink)}.primary-nav a:hover{color:var(--accent)}.primary-nav .primary-nav-contact{gap:16px;padding:10px 18px;color:white;background:var(--accent)}.menu-button{display:none}.menu-overlay{position:fixed;inset:var(--header-bottom,80px) 0 0;background:#0b23405c;z-index:19}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--green);font:700 14px/1.6 ShowcaseJP,ShowcaseFull,sans-serif;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:'';width:32px;height:2px;background:currentColor;flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:650;text-decoration-thickness:1px;text-underline-offset:6px;max-width:100%;overflow-wrap:anywhere}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;max-width:100%;padding:12px 26px;border:1px solid var(--accent);color:white;background:var(--accent);font-size:14px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.primary-action:hover{background:#7b321b;border-color:#7b321b}.hero{position:relative;isolation:isolate;display:flex;min-height:clamp(544px,calc(100svh - 128px),672px);background:var(--sand)}.hero::after{position:absolute;inset:0;z-index:-1;content:'';pointer-events:none;background:linear-gradient(90deg,rgba(243,245,244,.98) 0%,rgba(243,245,244,.94) 37%,rgba(243,245,244,.45) 57%,rgba(243,245,244,0) 74%)}.hero-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-inner{display:flex;align-items:center;padding-block:clamp(40px,5vh,64px)}.hero-copy{max-width:672px;min-width:0}.hero h1{max-width:12em;margin-bottom:20px;font-size:clamp(48px,4vw,56px);line-height:1.35}.hero h1>span{display:block}.hero-lede{font-size:17px;line-height:1.9;letter-spacing:0;word-break:auto-phrase;text-wrap:balance;overflow-wrap:anywhere}.hero-lede span{display:block}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.home-services-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(48px,7vw,112px);align-items:start}.services-intro{min-width:0}.services-intro h2{font-size:clamp(32px,3vw,44px);line-height:1.45}.services-intro>p:not(.eyebrow){margin-top:24px;color:var(--soft);overflow-wrap:anywhere}.home-service-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none;min-width:0}.home-service-list>li{border-bottom:1px solid var(--line)}.service-item summary{display:grid;grid-template-columns:minmax(52px,max-content) minmax(0,1fr) max-content;gap:20px;align-items:start;min-height:112px;padding:24px 0;list-style:none;cursor:pointer}.service-item summary::-webkit-details-marker{display:none}.service-number{font-family:ShowcaseJP,ShowcaseFull,sans-serif;color:var(--accent);font-size:25px;line-height:1.25}.service-body{min-width:0}.service-need{display:block;font-size:16px;font-weight:600;line-height:1.75;overflow-wrap:anywhere}.service-need small{display:block;margin-bottom:3px;color:var(--soft);font-size:14px;font-weight:500}.service-body strong{display:block;margin-top:10px;color:var(--accent);font-size:18px;line-height:1.65;overflow-wrap:anywhere}.service-arrow{font-size:22px;line-height:1.5;color:var(--accent);transition:transform .2s}.service-item[open] .service-arrow{transform:rotate(45deg)}.service-detail{padding:0 38px 24px 72px;font-size:16px;color:var(--soft)}.service-detail p{overflow-wrap:anywhere}.service-detail a{margin-top:12px}.approach-section{background:var(--sand)}.approach-intro{max-width:832px}.approach-intro h2{max-width:14em;font-size:clamp(34px,3vw,44px);line-height:1.45}.approach-intro h2>span{display:block}.approach-intro>p:not(.eyebrow){margin-top:24px;color:var(--soft)}.approach-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,5vw,64px);border-top:1px solid #b7b4aa;border-left:1px solid #b7b4aa}.approach-step{min-width:0;padding:clamp(24px,3vw,36px);border-right:1px solid #b7b4aa;border-bottom:1px solid #b7b4aa;background:#ffffff57}.approach-number{display:inline-block;margin-bottom:20px;padding-bottom:6px;border-bottom:2px solid var(--accent);color:var(--accent);font:700 14px/1.6 ShowcaseJP,ShowcaseFull,sans-serif;letter-spacing:.12em}.approach-step h3{font-size:20px;margin-bottom:12px}.approach-step p{color:var(--soft);font-size:16px;overflow-wrap:anywhere}.company-summary{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,4vw,56px);margin-top:32px;padding:clamp(24px,3vw,36px);border:1px solid #b7b4aa;background:#ffffff94}.company-summary>div{min-width:0}.company-summary h3{font-size:clamp(22px,2vw,28px);line-height:1.6}.company-summary .eyebrow{margin-bottom:16px}.company-name{margin-top:12px;font:600 14px/1.6 ShowcaseJP,ShowcaseFull,sans-serif;letter-spacing:.06em}.company-summary>div:last-child>p{color:var(--soft);overflow-wrap:anywhere}.company-summary a{margin-top:16px}.resources-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(48px,7vw,112px)}.resource-panel{min-width:0;padding:clamp(28px,4vw,50px);background:var(--mist)}.resource-panel h2{font-size:clamp(28px,2.4vw,36px)}.publication-list{display:grid;gap:24px;margin-top:28px}.publication{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:center}.publication>div{min-width:0}.book-cover{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:112px;padding:10px 8px;background:var(--navy);color:white;box-shadow:3px 3px 0 #bac8cc;font-family:ShowcaseJP,ShowcaseFull,sans-serif}.book-cover>span{font-size:8px;letter-spacing:.04em}.book-cover strong{font:600 12px/1.6 ShowcaseJP,ShowcaseFull,sans-serif}.book-cover i{font-size:10px;font-style:normal}.book-cover-light{background:#e2e7e0;color:#273e43}.resource-type{font-size:14px;color:var(--soft)}.publication h3{font-size:18px;line-height:1.6;margin-top:4px;text-wrap:pretty}.publication p{font-size:14px;line-height:1.8;margin-top:8px;color:var(--soft)}.resource-note{font-size:14px;line-height:1.8;color:var(--soft);margin-top:24px;overflow-wrap:anywhere}.news-panel{min-width:0}.news-list{margin-top:28px;border-top:1px solid var(--line)}.news-item{border-bottom:1px solid var(--line)}.news-item summary{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px 24px;align-items:center;min-height:152px;padding:24px 0;list-style:none;cursor:pointer}.news-item summary::-webkit-details-marker{display:none}.news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;grid-column:1/-1;color:var(--soft);font-size:14px}.news-meta>span{padding:2px 10px;border:1px solid var(--line)}.news-meta small{font-size:14px}.news-item strong{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.news-arrow{color:var(--accent);font-size:22px;transition:transform .2s}.news-item[open] .news-arrow{transform:rotate(45deg)}.news-item>p{padding-bottom:24px;font-size:16px;color:var(--soft);overflow-wrap:anywhere}.contact-section{color:white;background:var(--green)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:end}.contact-layout>div{min-width:0}.contact-section .eyebrow,.contact-section h2{color:white}.contact-section h2{font-size:clamp(36px,3.8vw,52px);line-height:1.4}.contact-section p:not(.eyebrow){max-width:768px;margin-top:24px;color:#ffffffd9;overflow-wrap:anywhere}.contact-section .contact-preview-note{font-size:14px;margin-top:16px}.contact-action{color:var(--green);background:white;border-color:white;min-width:224px}.contact-action:hover{color:var(--ink);background:#eef2f3;border-color:#eef2f3}.site-footer{padding-block:32px;background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-inner>p,.footer-inner>a:last-child{font-size:14px;color:var(--soft)}.footer-inner>a:last-child{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-underline-offset:4px}
@media(max-width:1024px){.header-inner{gap:24px}.primary-nav{gap:16px}.primary-nav .primary-nav-contact{padding-inline:12px}.home-services-layout{gap:48px}.resources-grid{gap:48px}.contact-layout{gap:32px}.hero::after{background:linear-gradient(90deg,#f3f5f4f7 0%,#f3f5f4e8 40%,#f3f5f459 77%,#f3f5f400 100%)}.primary-nav{font-size:14px}.brand-copy strong{font-size:22px}}
@media(max-width:900px){.header-inner{min-height:76px;flex-wrap:wrap;gap:8px;padding-block:12px}.primary-nav{flex-basis:100%;flex-wrap:wrap;gap:4px 24px;padding-block:8px}.with-js .menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:max-content;min-width:66px;min-height:52px;max-width:100%;padding:8px;border:1px solid var(--line);background:white;color:var(--ink)}.menu-label{font-size:12px;line-height:1.2}.menu-lines{position:relative;width:22px;height:2px;margin-block:4px;background:var(--ink)}.menu-lines::before,.menu-lines::after{content:'';position:absolute;left:0;width:22px;height:2px;background:var(--ink);transition:transform .2s}.menu-lines::before{top:-6px}.menu-lines::after{top:6px}.menu-button[aria-expanded=true] .menu-lines{background:transparent}.menu-button[aria-expanded=true] .menu-lines::before{transform:translateY(6px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-lines::after{transform:translateY(-6px) rotate(-45deg)}.with-js .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:8px 24px 20px;background:white;border-bottom:1px solid var(--line);max-height:calc(100svh - var(--header-offset));overflow:auto}.with-js .primary-nav[data-open]{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav a{min-height:48px;padding:12px 4px;border-bottom:1px solid var(--line)}.primary-nav .primary-nav-contact{margin-top:12px;justify-content:space-between;padding-inline:16px}.home-services-layout{grid-template-columns:1fr;gap:40px}.services-intro{max-width:640px}.approach-flow{grid-template-columns:1fr}.company-summary{grid-template-columns:1fr;gap:24px}.resources-grid{grid-template-columns:1fr;gap:48px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-action{justify-self:start}.hero h1{font-size:44px}.hero{min-height:600px}.hero-copy{max-width:540px}.hero-media{object-position:62% center}.hero::after{background:linear-gradient(90deg,#f3f5f4f7 0%,#f3f5f4e8 45%,#f3f5f47a 80%,#f3f5f459 100%)}.showcase-label>.shell{padding-block:8px;gap:4px}.showcase-label a{min-height:36px}}
@media(max-width:600px){.shell{width:calc(100% - 32px)}.showcase-label{font-size:14px}.header-inner{min-height:76px}.brand-mark{width:42px;height:30px;gap:4px}.brand-mark i{width:8px;height:26px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:16px}.brand-copy strong{font-size:22px}.brand-copy>span{font-size:10px}.hero{min-height:620px;align-items:start;background:var(--sand);padding-top:0}.hero-inner{align-items:flex-start;padding-block:48px 240px}.hero h1{font-size:36px;line-height:1.4}.hero-lede{font-size:16px;max-width:25em}.hero-lede span+span{margin-top:4px}.hero-actions{gap:12px 20px;margin-top:24px}.hero-media{object-position:68% center}.hero::after{background:linear-gradient(180deg,#f3f5f4fa 0%,#f3f5f4f2 42%,#f3f5f4a6 70%,#f3f5f426 100%)}.primary-action{padding:12px 18px}.services-intro h2,.approach-intro h2{font-size:30px}.home-service-list summary{grid-template-columns:minmax(32px,max-content) minmax(0,1fr) max-content;gap:12px;padding-block:22px}.service-number{font-size:23px}.service-need{font-size:16px}.service-body strong{font-size:18px}.service-detail{padding-left:44px;padding-right:20px}.approach-step{padding:24px}.company-summary{padding:24px}.company-summary h3{font-size:24px}.resource-panel{padding:24px}.publication{grid-template-columns:64px minmax(0,1fr);gap:16px}.book-cover{min-height:108px}.contact-section h2{font-size:32px}.contact-section p:not(.eyebrow){font-size:16px}.contact-section .contact-preview-note{font-size:14px}.footer-inner{align-items:flex-start;gap:20px}.footer-inner>p{flex-basis:100%;order:3}.site-footer .brand-copy strong{font-size:20px}.footer-inner>a:last-child{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.showcase-label,.menu-button,.primary-nav,.menu-overlay,.skip-link{display:none!important}.site-header{position:static}.hero-media{opacity:.35}.section{padding-block:32px}a{color:inherit}}

/* Keep expanded text and rotated disclosure marks within their own columns. */
.service-arrow,.news-arrow{display:grid;place-items:center;inline-size:1.1em;block-size:1.1em;line-height:1;transform-origin:center}
.eyebrow{overflow-wrap:anywhere}