@charset "UTF-8";
@import url('/portfolio.css?v=5');
@import url('/motion.css?v=6');
:root{--blue:#114e94;--ink:#182b40;--muted:#53657a;--pale:#f4f7fb;--line:#dce4ed;--yellow:#ffe68b;--max:1240px;--font:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.9;background:#fff}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5;font-weight:700;letter-spacing:.03em}h1{font-size:clamp(38px,4.2vw,62px);line-height:1.55;letter-spacing:.05em;margin-bottom:22px}h2{font-size:clamp(27px,3vw,40px);margin-bottom:24px}h3{font-size:21px}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{max-width:1400px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:700;text-decoration:none;white-space:nowrap;color:var(--blue);line-height:1.4;letter-spacing:.02em}.brand span{display:block;font-size:10px;letter-spacing:.14em;font-weight:500;margin-top:6px}.header nav{display:flex;align-items:center;gap:34px}.header nav>a:not(.button){font-size:14px;text-decoration:none;font-weight:700}.header nav>a:hover,.text-link:hover{color:#357bbb}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 27px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;line-height:1.6;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#0b3a73;transform:translateY(-2px)}.button-small{font-size:14px;padding:12px 23px;min-height:44px}.button-outline{background:#fff;color:var(--blue)}.button-outline:hover{background:var(--pale)}.hero{display:grid;grid-template-columns:.86fr 1.3fr;gap:25px;padding-block:76px 74px;min-height:690px;align-items:center}.eyebrow{font-size:12px;color:var(--blue);letter-spacing:.14em;font-weight:700;margin-bottom:24px}.hero-lead{color:var(--muted);font-size:17px;line-height:2;margin-bottom:28px}.marker{background:linear-gradient(transparent 77%,var(--yellow) 77%,var(--yellow) 96%,transparent 96%)}.hero-note{font-size:12px;color:var(--muted);margin-top:19px}.hero-visual{min-width:0}.scene-heading{display:flex;justify-content:space-between;gap:14px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.06em;padding:0 20px 20px}.scene-heading span:first-child{letter-spacing:.15em}.scene{aspect-ratio:1.45;position:relative;overflow:hidden;background:#f8fafc;border-radius:50% 50% 8px 8px/14% 14% 8px 8px}.scene img{width:100%;height:100%;object-fit:cover}.scene canvas{position:absolute;inset:0;width:100%;height:100%}.scene-caption{display:flex;gap:22px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.scene-caption p{font-size:14px;margin:0}.scene-index{font-size:11px;font-weight:700;color:var(--blue)}.section{padding-block:90px}.pale{background:var(--pale);border-radius:50% 50% 0 0/3% 3% 0 0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.choice{padding:30px;background:#fff;border-top:3px solid var(--blue);text-decoration:none;transition:transform .2s,box-shadow .2s}.choice:hover{transform:translateY(-4px);box-shadow:0 10px 20px #114e940d}.choice>span{font-size:12px;color:var(--blue)}.choice h3{margin:17px 0 14px}.choice p{font-size:15px;color:var(--muted)}.choice small{font-size:13px;color:var(--blue);font-weight:700}.text-link{font-size:15px;color:var(--blue);font-weight:700;display:inline-block;margin-top:12px}footer{background:#f7f7f7;border-top:1px solid var(--line);padding-block:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner .brand{font-size:20px}.footer-inner a,.footer-inner small{font-size:12px;color:var(--muted)}.skip-link{position:fixed;top:-80px;background:#fff;z-index:99;padding:12px}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e6b92f;outline-offset:4px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header-inner{padding:18px 20px}.header nav{gap:18px}.brand{font-size:20px}.hero{padding-block:48px;grid-template-columns:1fr 1.1fr;gap:12px;min-height:0}h1{font-size:38px}.scene-heading span:last-child{display:none}.choice{padding:24px}.footer-inner{flex-wrap:wrap}}
@media(max-width:640px){.header-inner{padding:14px 20px}.header nav>a:not(.button){display:none}.header nav .button{font-size:12px;padding:9px 12px}.brand{font-size:17px}.brand span{font-size:8px}.hero{grid-template-columns:1fr;padding-top:38px;gap:28px}h1{font-size:40px}.hero-copy{padding:0 6px}.hero-lead{font-size:15px}.hero-note{font-size:11px}.hero-visual{margin-inline:-6px}.scene{aspect-ratio:1.5}.scene-heading{padding-bottom:10px}.scene-caption{padding:14px 10px}.scene-caption p{font-size:12px}.section{padding-block:60px}.choice-grid{grid-template-columns:1fr;gap:16px}.choice p br{display:none}.footer-inner{display:block}.footer-inner a,.footer-inner small{display:block;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.menu-toggle{display:none}.experience{position:relative;height:calc(100svh - 92px);min-height:720px;max-height:1000px;background:radial-gradient(ellipse at 67% 37%,#e6f0ff 0,#f9fbff 48%,#fff 77%);overflow:hidden}.experience-stage{position:absolute;inset:0 0 110px 22%;width:78%;height:auto;aspect-ratio:auto;border-radius:0;background:transparent}.scene-fallback{object-fit:contain!important;transition:opacity .5s}.scene-ready .scene-fallback{opacity:0}.experience-copy{position:absolute;top:20%;left:max(40px,calc((100vw - 1320px)/2));width:430px;z-index:2;pointer-events:none}.experience-copy>*{pointer-events:auto}.experience-copy h1{font-size:clamp(40px,4.1vw,62px);line-height:1.55;letter-spacing:.02em;white-space:nowrap}.experience-copy p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:2.1}.experience-copy .eyebrow{font-size:10px;letter-spacing:.18em}.experience-copy .gesture-note{font-size:11px;margin-top:17px}.scene-controls{position:absolute;z-index:3;right:max(40px,calc((100vw - 1320px)/2));bottom:72px;width:min(660px,calc(100% - 80px));background:#ffffffb8;backdrop-filter:blur(10px);padding:20px 26px;border:1px solid #e2eaf3;border-radius:8px}.scene-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding-bottom:12px}.scene-tabs button{border:0;border-radius:0;background:none;color:var(--muted);font-size:12px;padding:0 0 6px;font-weight:700;position:relative;white-space:nowrap}.scene-tabs button[aria-pressed=true]{color:var(--blue)}.scene-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-13px;height:2px;left:0;right:0;background:var(--blue)}.scene-reading{display:flex;align-items:center;gap:15px;margin-top:12px}.scene-reading>span{font-size:10px;color:var(--blue)}.scene-reading p{font-size:12px;margin:0;flex:1}.scene-reading>button{border:0;background:none;font-size:10px;color:var(--muted);padding:5px}.progress-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:18px;margin-top:15px}.progress-label input{flex:1;min-width:50px;accent-color:var(--blue);height:18px}.progress-label>span{font-size:10px}.experience-bottom{position:absolute;bottom:20px;inset-inline:max(40px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.12em}.experience-bottom a{font-size:12px;font-weight:700;letter-spacing:0;color:var(--blue)}.introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:10px 70px}.introduction .eyebrow{grid-column:1/-1}.introduction p{color:var(--muted);font-size:15px}.work-explorer{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px}.work-explorer>div:first-child>p:last-child{font-size:14px;color:var(--muted);max-width:330px}.work-panel{background:#fff;padding:38px;border-radius:8px}.work-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.work-buttons button{font-size:12px;padding:8px 13px;border:1px solid var(--line);background:#fff;border-radius:4px;color:var(--muted)}.work-buttons button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.work-panel p{font-size:14px;color:var(--muted)}.work-panel h3{font-size:21px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.before-after>div{border-top:2px solid var(--line);padding-top:15px}.before-after>div:last-child{border-color:var(--blue)}.before-after small{font-size:11px;color:var(--blue);font-weight:700}.before-after p{font-size:13px}.fine{font-size:12px!important;line-height:1.9;color:var(--muted)}.service-list{border-top:1px solid var(--line);margin-top:45px}.service-row{display:grid;grid-template-columns:60px 1fr 1.35fr 90px;gap:24px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}.service-row:hover{background:#f8fafc}.number{font-size:12px;letter-spacing:.08em;color:var(--blue);font-weight:700;align-self:start}.service-row h3{font-size:25px;margin-bottom:8px}.service-row p{font-size:14px;color:var(--muted);margin:0}.service-row .service-sub{font-size:12px}.row-link{font-size:12px;color:var(--blue);text-decoration:underline;text-underline-offset:5px}.training-strip{display:flex;gap:32px;align-items:center;padding:30px 0}.training-strip>span{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.06em;min-width:110px}.training-strip h3{font-size:18px;margin-bottom:5px}.training-strip p{font-size:13px;color:var(--muted);margin:0}.training-strip a{font-size:13px;color:var(--blue);margin-left:auto;white-space:nowrap}.blue-section{background:var(--blue);color:#fff;position:relative;overflow:hidden}.blue-section:before{content:"";position:absolute;width:700px;height:700px;border:1px solid #ffffff13;border-radius:50%;top:-500px;left:-180px}.blue-section .eyebrow{color:#b6d4f1}.principles{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.principles ol{margin:0;padding:0;list-style:none}.principles li{display:flex;gap:28px;border-top:1px solid #ffffff33;padding:25px 0}.principles li>span{font-size:12px;color:#b6d4f1}.principles h3{font-size:20px;margin-bottom:8px}.principles p{font-size:13px;margin:0;color:#e2ecf7}.flow-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:42px 0 0;gap:40px}.flow-list li{border-top:1px solid var(--line);padding-top:25px}.flow-list span{font-size:12px;color:var(--blue)}.flow-list h3{margin:15px 0;font-size:21px}.flow-list p{font-size:14px;color:var(--muted)}.profile-preview{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;max-width:1060px}.portrait{background:#e4edf7;border-radius:48% 48% 10px 10px;overflow:hidden;aspect-ratio:1/1.1;max-width:350px}.portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom}.profile-preview p{font-size:15px;color:var(--muted)}.representative-name strong{font-size:22px;color:var(--ink);padding-left:15px}.contact-band{padding:95px 0;background:#fff;text-align:center}.contact-band p{font-size:14px;color:var(--muted)}.contact-band .eyebrow{color:var(--blue);font-size:11px}.contact-band .button{margin-top:10px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:var(--muted)}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;margin-top:24px;font-size:11px;color:var(--muted)}.page-hero{padding:80px 0 95px}.page-hero h1{font-size:clamp(36px,4vw,55px);line-height:1.6;letter-spacing:.03em}.page-lead{font-size:16px;color:var(--muted);margin-bottom:0}.comparison{overflow-x:auto;margin-top:30px}table{width:100%;border-collapse:collapse;font-size:14px}caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:16px}th,td{padding:22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e9eff7;color:var(--blue);font-weight:700}td:first-child{width:38%}td a{color:var(--blue)}.detail-intro{max-width:920px}.detail-intro>p:not(.eyebrow){max-width:780px;font-size:16px;color:var(--muted)}.detail-items{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.detail-items article{border-top:2px solid var(--blue);padding-top:22px}.detail-items h3{margin:20px 0 15px}.detail-items p{font-size:14px;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.check-list{padding:0;list-style:none;margin:0}.check-list li{border-bottom:1px solid var(--line);padding:15px 0;font-size:15px}.check-list li:first-child{padding-top:0}.measure{max-width:850px;color:var(--muted);font-size:15px}.role-note,.note-box{background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);padding:25px 30px;margin-top:30px}.note-box p{font-size:14px;color:var(--muted);margin:0}.note-box h3{font-size:18px}.activity{display:grid;grid-template-columns:160px 1fr;gap:35px;border-bottom:1px solid var(--line);padding:30px 0}.activity time{font-size:13px;color:var(--blue)}.activity h3{font-size:21px;margin:0 0 10px}.activity p{font-size:14px;color:var(--muted);margin:0}.company-info{max-width:930px;margin-top:35px}.company-info>div{display:grid;grid-template-columns:190px 1fr;padding:22px 0;border-bottom:1px solid var(--line);gap:20px}.company-info dt{font-size:14px;font-weight:700}.company-info dd{margin:0;font-size:15px;color:var(--muted)}.contact-section{display:grid;grid-template-columns:.75fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-top:60px}.contact-aside h2{font-size:26px}.contact-aside p{font-size:14px;color:var(--muted)}.direct-contact{padding-block:25px}.direct-contact h3{font-size:16px;margin:22px 0 10px}.direct-contact>a{color:var(--blue);font-size:14px}.direct-contact .button{margin-bottom:20px}.consultation-form{background:var(--pale);padding:40px;border-radius:8px;min-width:0}.consultation-form h2{font-size:24px}.consultation-form label{display:block;font-size:14px;font-weight:700;margin:25px 0 8px}.consultation-form input,.consultation-form textarea,.consultation-form select{width:100%;padding:12px 15px;font-size:15px;background:#fff;border:1px solid #c5d0de;border-radius:4px;color:var(--ink)}.consultation-form textarea{resize:vertical;line-height:1.8;min-height:100px}.consultation-form input::placeholder,.consultation-form textarea::placeholder{color:#6b798b;font-size:13px}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.form-actions .button{font-size:13px;padding:13px 18px}.secondary-actions{margin-top:15px}.secondary-actions button{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px}.form-status{color:var(--blue);font-size:13px;min-height:1.8em}.memo-preview{margin-top:28px;border-block:1px solid var(--line);padding:14px 0;font-size:13px}.memo-preview pre{white-space:pre-wrap;font-family:inherit;overflow-wrap:anywhere;font-size:13px}.legal{max-width:900px;padding-top:0}.legal h2{font-size:21px;margin-top:45px}.legal p{font-size:15px}.legal a{color:var(--blue)}
@media(min-width:1700px){.experience-stage{left:28%;width:65%}.experience-copy{top:24%}}
@media(max-width:1100px){.experience-copy{left:30px;width:350px}.experience-copy h1{font-size:45px}.experience-stage{left:28%;width:78%}.scene-controls{right:30px;width:590px}.experience-copy p:not(.eyebrow){font-size:13px}.introduction,.work-explorer,.principles{gap:40px}.service-row{grid-template-columns:40px .9fr 1.2fr 75px;gap:20px}.profile-preview{gap:50px}.contact-section{gap:45px}}
@media(max-width:800px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:25px}.header nav.open{display:flex}.header nav>a:not(.button){display:block}.menu-toggle{display:block;padding:8px 10px;background:none;border:1px solid var(--line);border-radius:4px;font-size:12px;color:var(--blue)}.experience{height:900px;max-height:none;min-height:0}.experience-copy{top:35px;left:24px;width:auto}.experience-copy h1{font-size:43px}.experience-copy p:not(.eyebrow){font-size:13px}.experience-copy .eyebrow{margin-bottom:12px}.experience-copy .button{padding:11px 22px;font-size:13px}.experience-stage{inset:230px -20% 150px 0;width:120%}.scene-controls{left:20px;right:20px;bottom:55px;width:auto;padding:16px}.experience-bottom{inset-inline:20px;bottom:15px}.experience-bottom>span:last-child{display:none}.experience-copy .gesture-note{display:none}.introduction,.work-explorer,.principles{grid-template-columns:1fr;gap:30px}.introduction .eyebrow{grid-column:auto}.introduction h2{margin-bottom:0}.work-explorer>div:first-child>p:last-child{max-width:none}.service-row{grid-template-columns:35px 1fr 70px;gap:14px;padding-block:30px}.service-row>p{grid-column:2/4;grid-row:2}.row-link{grid-column:3;grid-row:1}.training-strip{flex-wrap:wrap;gap:20px}.training-strip>span{min-width:0;width:100%}.training-strip a{margin-left:0}.detail-items,.flow-list{gap:24px}.detail-items{grid-template-columns:1fr}.split-section{grid-template-columns:1fr;gap:25px}.contact-section{grid-template-columns:1fr;gap:30px}.contact-aside{max-width:500px}.footer-top{align-items:flex-start}.footer-links{flex-wrap:wrap;gap:12px 22px;max-width:290px}.page-hero{padding-block:55px 65px}.scene-tabs{gap:20px}.scene-tabs button{font-size:11px}.scene-reading p{font-size:11px}.scene-reading>button{font-size:9px}}
@media(max-width:520px){.experience{height:850px}.experience-copy h1{font-size:37px}.experience-copy .eyebrow{font-size:9px}.experience-copy p:not(.eyebrow){line-height:1.9;font-size:12px}.experience-stage{inset:250px -27% 158px -25%;width:152%}.scene-controls{padding:14px;bottom:57px}.scene-tabs{justify-content:space-between;gap:8px}.scene-tabs button{font-size:10px}.scene-reading{gap:8px;flex-wrap:wrap}.scene-reading p{font-size:10px}.scene-reading>span{font-size:9px}.scene-reading>button{font-size:9px}.progress-label{gap:10px;font-size:9px}.progress-label>span{display:none}.experience-bottom{font-size:8px}.experience-bottom a{font-size:10px}.work-panel{padding:25px 20px}.work-buttons{gap:6px}.work-buttons button{padding:7px 8px;font-size:10px}.before-after{gap:16px}.before-after p{font-size:12px}.flow-list{grid-template-columns:1fr;gap:22px}.flow-list li{padding-top:20px}.flow-list h3{margin:10px 0}.profile-preview{grid-template-columns:1fr;gap:35px}.portrait{width:65%;margin:auto}.profile-preview h2{font-size:29px}.service-row h3{font-size:22px}.service-row p{font-size:13px}.training-strip h3{font-size:16px}.footer-top{display:block}.footer-links{margin-top:25px;max-width:none}.activity{grid-template-columns:1fr;gap:12px}.activity h3{font-size:19px}.company-info>div{grid-template-columns:90px 1fr;gap:15px}.company-info dt{font-size:12px}.company-info dd{font-size:13px}.consultation-form{padding:28px 20px}.consultation-form h2{font-size:22px}th,td{padding:15px 12px;font-size:12px}.page-hero h1{font-size:34px}.page-lead{font-size:14px}.contact-band{padding:60px 0}}
.scene-ready .scene-fallback{display:none}
@media screen {}

.experience-stage .scene-fallback{display:none;transition:none}.experience-stage.scene-error .scene-fallback{display:block;opacity:1}
/* Consultation sending and accessible required fields. */
.required-label{display:inline-block;margin-left:8px;color:#114e94;font-size:12px}
.consultation-form .consent-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.8}
.consultation-form .consent-label input{width:20px;height:20px;flex:none;margin:3px 0;accent-color:#114e94}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.consultation-form button:disabled{opacity:.65;cursor:default}
.contact-steps{padding-left:24px;color:#34516d;font-size:15px;line-height:2.4}
.form-status{overflow-wrap:anywhere}
