@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#093660;--blue:#087fbd;--aqua:#34c5d6;--sky:#eaf9fb;--cream:#fff8ee;--orange:#ffa93e;--text:#34475b;--line:#dfedf1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--text);font-family:'DM Sans','Noto Sans JP',sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.shell{max-width:1180px;padding:0 26px;margin:auto}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:99}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:40;background:#ffffffec;backdrop-filter:blur(14px);border-bottom:1px solid #e7f0f3}.head-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px}.brand,.footer-brand{display:flex;align-items:center;gap:9px;color:var(--ink)}.brand img{width:57px;height:53px;object-fit:contain}.brand b{font-size:23px;letter-spacing:.03em;display:block;line-height:1.3}.brand small{font-size:10px;letter-spacing:.27em;display:block;font-weight:700}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;color:#204b66}.main-nav>a:hover,.text-link:hover{color:var(--blue)}.nav-cta{padding:11px 20px;background:var(--ink);color:white!important;border-radius:28px}.menu-toggle{display:none}.hero{overflow:hidden;background:radial-gradient(circle at 85% 10%,#d7f8f5 0,transparent 43%),linear-gradient(120deg,#f8fcff,#f0fbf7);position:relative}.hero-inner{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.eyebrow,.section-kicker{font-size:12px;color:var(--blue);letter-spacing:.15em;font-weight:800}.eyebrow-dot{display:inline-block;width:10px;height:10px;background:var(--orange);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(42px,5.7vw,72px);letter-spacing:-.065em;line-height:1.35;color:var(--ink);margin:24px 0}.hero h1 em,.section-title em{font-style:normal;color:var(--blue)}.hero-lead{font-size:17px;line-height:2.2}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{border:0;border-radius:100px;padding:14px 24px;display:inline-flex;align-items:center;gap:18px;justify-content:center;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 22px #09366022}.btn-primary{background:var(--blue);color:white}.btn-outline{border:1px solid #8dbdcf;color:var(--ink)}.btn-dark{background:var(--ink);color:white}.btn-white{background:white;color:var(--ink)}.hero-caption{font-size:12px;letter-spacing:.14em;color:#668699;margin-top:40px}.hero-caption span{margin-left:18px;letter-spacing:normal}.hero-art{position:relative;text-align:center}.hero-art img{width:100%;max-width:550px;position:relative;z-index:2;filter:drop-shadow(0 16px 32px #1c92b21e);border-radius:26px;mix-blend-mode:multiply}.hero-orbit{position:absolute;border:1px solid #afe2e8;border-radius:50%;width:550px;height:550px;top:7%;right:-10%}.orbit-two{width:430px;height:430px;top:17%;right:2%}.float-tag{position:absolute;z-index:3;background:white;padding:10px 17px;border-radius:30px;box-shadow:0 10px 30px #1d7c9a19;font-size:12px;font-weight:700;color:var(--blue)}.float-tag.one{top:17%;left:-5%}.float-tag.two{bottom:20%;right:-4%}.section{padding:105px 0}.section-kicker span{color:#78919d;letter-spacing:0;font-weight:600}.section-title{font-size:clamp(28px,3.5vw,43px);line-height:1.5;color:var(--ink);letter-spacing:-.04em;margin:17px 0 26px}.intro-grid,.promise-grid,.company-story,.medical-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px}.intro-text{font-size:16px;line-height:2.2;margin-top:0}.text-link{display:inline-flex;gap:20px;border-bottom:2px solid var(--blue);padding:8px 0;color:var(--ink);font-size:14px;font-weight:800;margin-top:15px}.services-section{background:#f5fafc}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-header>p{max-width:320px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:white;border:1px solid #e8f1f3;border-radius:20px;padding:25px 23px 30px;transition:transform .2s,box-shadow .2s;min-height:268px}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #0a63801c}.service-top{display:flex;align-items:center;justify-content:space-between;color:#6d9daf;font-size:9px;font-weight:800;letter-spacing:.1em}.arrow-circle{color:var(--ink);font-size:20px}.service-icon{font-size:43px;color:var(--blue);display:block;margin:18px 0}.service-card h3{font-size:18px;color:var(--ink);line-height:1.5;margin:0 0 8px}.service-card p{font-size:12px;margin:0;color:#65808e}.services-more{text-align:center;margin-top:38px}.medical-feature{background:linear-gradient(128deg,#fffaf1,#f3fbfa)}.medical-grid{align-items:center}.medical-grid p:not(.section-kicker){margin:0 0 25px}.medical-visual{min-height:330px;border-radius:34px;background:linear-gradient(145deg,#07558a,#16b0c5);padding:35px;color:white;text-align:center;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 60px #0c638029}.visual-label{font-size:11px;letter-spacing:.3em;opacity:.8}.medical-circle{font-size:34px;font-weight:800;letter-spacing:-.04em}.medical-circle span{color:#ffd17f}.pill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.pill-list span{border:1px solid #ffffff77;border-radius:20px;padding:6px 9px;font-size:10px;letter-spacing:.07em}.promise-points>div{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.promise-points span{color:var(--blue);font-weight:800}.promise-points h3{margin:0;color:var(--ink)}.promise-points p{margin:2px 0;font-size:14px}.contact-band{background:linear-gradient(110deg,#046eaa,#15adbc);color:white}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band-inner h2{font-size:clamp(29px,3.5vw,45px);line-height:1.45;margin:12px 0}.band-inner>div>p{font-size:12px;letter-spacing:.22em}.band-inner>div>span{font-size:14px}.footer{background:#083557;color:#c6e3eb;padding-top:66px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-brand{color:white}.footer-brand img{width:65px;height:65px;object-fit:contain;background:white;border-radius:12px}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{font-size:12px;font-weight:400}.footer p{font-size:13px}.footer-links{display:grid;align-content:start;grid-template-columns:repeat(2,max-content);gap:16px 35px;font-size:13px}.footer a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff2b;padding-top:23px;padding-bottom:25px;font-size:12px}.page-hero{padding:85px 0;background:radial-gradient(circle at 90% 0%,#c5f1ef,transparent 40%),#eff9fc}.page-hero h1{font-size:clamp(35px,4.7vw,59px);line-height:1.4;color:var(--ink);margin:15px 0}.page-hero p:not(.section-kicker){font-size:17px}.page-hero .btn{margin-top:20px}.med-hero{background:linear-gradient(120deg,#ebfbfc,#fff8eb)}.service-details{display:grid;gap:25px}.detail{display:grid;grid-template-columns:32% 1fr;gap:45px;border:1px solid var(--line);padding:43px;border-radius:23px;scroll-margin-top:106px}.detail-no{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--blue)}.detail-symbol{color:var(--blue);font-size:95px;line-height:1.7}.detail-main h2{color:var(--ink);font-size:28px;margin:0}.detail-main h3{font-size:17px;color:var(--blue)}.detail-main ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0;list-style:none}.detail-main li{padding:9px 12px;background:#edf8fa;border-radius:7px;font-size:13px}.detail-main li:before{content:'✓';color:var(--blue);margin-right:10px}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.challenge-grid div{border-radius:14px;background:#f2f9fb;padding:26px;font-weight:700;color:var(--ink)}.challenge-grid div:before{content:'✓';display:inline-block;margin-right:10px;color:var(--blue)}.medical-areas{background:#f5fafc}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.area-grid article{background:white;padding:32px;border-radius:18px;border:1px solid var(--line)}.area-grid article>span{color:var(--blue);font-weight:800}.area-grid h3{font-size:21px;color:var(--ink)}.area-grid a{color:var(--blue);font-size:13px;font-weight:800}.note{font-size:12px;color:#67818d;line-height:2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{background:#f2f9fb;border-radius:16px;padding:26px}.steps b{font-size:32px;color:var(--aqua)}.steps h3{margin:5px 0;color:var(--ink)}.steps p{font-size:13px}.company-story p:not(.section-kicker){line-height:2.2}.company-section{background:#f6fbfc}.profile{max-width:940px;margin:35px 0}.profile>div{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid #d7e8ed;padding:19px 6px;gap:20px}.profile dt{font-weight:800;color:var(--ink)}.profile dd{margin:0;overflow-wrap:anywhere}.profile a{color:var(--blue)}.map-box{background:#e8f6f9;border-radius:17px;padding:30px}.form-layout{display:grid;grid-template-columns:36% 1fr;gap:65px}.form-card{background:#f7fbfc;border-radius:20px;padding:40px}.form-card label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin:0 0 22px}.form-card label>b{background:var(--blue);color:white;padding:2px 7px;border-radius:4px;font-size:10px;margin-left:7px}.form-card label>small{font-size:11px;color:#849ca4;margin-left:6px}.form-card input,.form-card textarea,.form-card select{display:block;width:100%;border:1px solid #cce2e8;border-radius:9px;padding:12px;background:white;color:var(--ink);margin-top:8px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{outline:2px solid var(--aqua)}.form-small{font-size:12px;color:#6e8390}.form-small a{text-decoration:underline}.submit-btn{width:100%}.notice{border-radius:10px;padding:17px;margin-bottom:20px}.notice.good{background:#e2f9ed;color:#16613c}.notice.bad{background:#fff0eb;color:#993e2b}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legal{max-width:860px}.legal h2{color:var(--ink);margin-top:35px}.legal a{color:var(--blue)}@media(max-width:930px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{min-height:550px}.hero-art img{max-width:420px}.main-nav{gap:15px;font-size:12px}.brand b{font-size:20px}.intro-grid,.promise-grid,.company-story,.medical-grid{gap:30px}}@media(max-width:700px){.shell{padding:0 20px}.head-inner{min-height:72px}.brand img{width:46px;height:45px}.brand b{font-size:19px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:14px;cursor:pointer}.menu-toggle span{height:2px;width:25px;background:var(--ink)}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:white;box-shadow:0 15px 25px #123f521c;padding:24px;flex-direction:column;align-items:stretch;gap:20px}.main-nav.open{display:flex}.nav-cta{text-align:center}.hero-inner,.intro-grid,.promise-grid,.company-story,.medical-grid,.form-layout{grid-template-columns:1fr}.hero-inner{padding-top:60px;padding-bottom:36px;gap:0}.hero h1{font-size:44px}.hero-art{max-width:410px;margin:auto}.float-tag{display:none}.section{padding:65px 0}.section-header,.band-inner,.footer-top{display:block}.service-grid,.area-grid,.challenge-grid,.steps{grid-template-columns:1fr}.service-card{min-height:200px}.service-icon{margin:6px 0}.detail{grid-template-columns:1fr;gap:8px;padding:25px}.detail-symbol{font-size:48px;line-height:1.1}.detail-main ul{grid-template-columns:1fr}.band-inner .btn{margin-top:28px}.footer-links{margin-top:34px}.footer-bottom{gap:10px}.profile>div{grid-template-columns:1fr;gap:4px}.form-card{padding:22px}.page-hero{padding:62px 0}.section-header>p{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Creative agency 2026 enhancements */
:root{--electric:#27c9db;--deep:#061d31}html{scroll-behavior:smooth}body{overflow-x:hidden}.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-cinematic{position:relative;min-height:780px;min-height:min(860px,90svh);background:#061d31;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.07);animation:heroZoom 15s ease-out forwards}.hero-noise{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(circle at 75% 20%,#25d1dc33,transparent 45%)}@keyframes heroZoom{to{transform:scale(1)}}.hero-cinematic-inner{position:relative;min-height:inherit;display:flex;align-items:center;padding-top:90px;padding-bottom:105px}.hero-cinematic .hero-copy{max-width:920px;z-index:2}.hero-cinematic h1{font-size:clamp(38px,5.9vw,86px);line-height:1.35;color:#fff;letter-spacing:-.055em;margin:35px 0 24px;font-weight:850}.hero-cinematic h1 em{font-style:normal;color:#68e9e2}.hero-cinematic .hero-lead{color:#e1f0f5;font-size:clamp(15px,1.45vw,19px);line-height:2}.hero-status,.hero-mini{font-size:12px;letter-spacing:.2em;font-weight:700}.hero-status{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff55;border-radius:100px;padding:12px 18px;color:#deffff}.hero-status span{width:8px;height:8px;border-radius:50%;background:#63edcf;box-shadow:0 0 0 5px #63edcf24;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #63edcf00}}.hero-mini{margin-top:34px;color:#b5dbe5}.hero-cinematic .btn-outline{border-color:#ffffffa0;color:#fff}.hero-cinematic .btn-outline:hover{background:#fff;color:#072438}.hero-brand-bubble{position:absolute;right:2%;bottom:14%;width:clamp(170px,22vw,330px);background:transparent;display:block;animation:floatMark 7s ease-in-out infinite;z-index:2}.hero-brand-bubble img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}@keyframes floatMark{50%{transform:translateY(-17px)}}.hero-scroll{position:absolute;bottom:80px;left:0;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.21em;color:#c0e1ea}.hero-scroll i{height:1px;width:65px;background:#96d8dd}.hero-bottomline{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff26}.hero-bottomline .shell{display:flex;justify-content:space-between;padding-top:17px;padding-bottom:17px;font-size:10px;letter-spacing:.17em;color:#c7e6eb}.ticker{overflow:hidden;white-space:nowrap;background:#07243a;color:#fff;padding:16px 0}.ticker-track{display:flex;gap:35px;width:max-content;align-items:center;animation:ticker 45s linear infinite}.ticker span{font-size:12px;font-weight:800;letter-spacing:.17em}.ticker b{color:#7de5de}@keyframes ticker{to{transform:translateX(-50%)}}.service-image{height:172px;margin:0 0 22px;border-radius:16px;background:linear-gradient(135deg,#092b48aa,#0b7c9999),var(--card-image) center/cover;overflow:hidden;display:flex;align-items:end;padding:12px;transition:background-size .4s}.service-card{overflow:hidden}.service-card:hover .service-image{filter:saturate(1.25)}.service-card .service-icon{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:13px;padding:8px;width:52px;height:52px;box-shadow:0 6px 20px #05162830}.medical-photo-stack{position:relative;min-height:465px}.medical-photo-stack>img{width:90%;height:430px;object-fit:cover;border-radius:30px;box-shadow:0 20px 50px #041e3924}.medical-small{position:absolute;right:0;bottom:0;width:47%;height:245px;border:9px solid white;border-radius:28px;overflow:hidden;box-shadow:0 15px 35px #041e3920}.medical-small img{width:100%;height:100%;object-fit:cover}.medical-photo-label{position:absolute;left:-20px;bottom:12px;display:grid;gap:7px;background:#07263c;color:#fff;padding:24px;border-radius:19px;box-shadow:0 12px 38px #0819293d}.medical-photo-label span{font-size:10px;letter-spacing:.22em;color:#78e4e1}.medical-photo-label strong{font-size:17px}.medical-photo-label small{font-size:12px}.creative-showcase{background:#f3f7f9}.showcase-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:240px 240px;gap:18px}.showcase-panel{position:relative;overflow:hidden;border-radius:22px;color:#fff;display:block;isolation:isolate}.showcase-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041e31db,#041e3108 78%);z-index:-1}.showcase-panel img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.showcase-panel:hover img{transform:scale(1.08)}.showcase-panel>div{position:absolute;bottom:27px;left:30px;right:26px}.showcase-panel small{font-size:10px;letter-spacing:.2em}.showcase-panel h3{font-size:clamp(20px,2.2vw,31px);color:#fff;margin:12px 0}.showcase-panel span{font-size:11px;letter-spacing:.15em;color:#9afff0}.showcase-big{grid-row:span 2}.showcase-big h3{font-size:clamp(28px,3.2vw,47px)}.detail-photo{height:195px;background-position:center;background-size:cover;border-radius:18px;margin:10px 0 22px}.medical-banner-photo{min-height:350px;background-position:center;background-size:cover;display:flex;align-items:center;color:#fff}.medical-banner-photo strong{letter-spacing:.22em;font-size:12px;color:#94f5e9}.medical-banner-photo p{font-size:clamp(24px,4vw,46px);font-weight:800;line-height:1.45;max-width:700px}[data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.service-card,.detail,.promise-points>div{transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #0a43601f}body:has(.hero-cinematic) .site-header{background:#ffffffeb} @media(max-width:760px){.hero-cinematic{min-height:730px}.hero-cinematic-inner{padding-top:75px;padding-bottom:115px}.hero-brand-bubble{width:150px;bottom:12%;right:1%}.hero-cinematic h1{margin-top:24px}.hero-status{font-size:9px;letter-spacing:.08em}.hero-mini{font-size:10px}.hero-scroll{bottom:70px}.showcase-grid{grid-template-columns:1fr;grid-template-rows:auto}.showcase-panel{height:275px}.showcase-big{height:345px;grid-row:auto}.medical-photo-stack{min-height:380px}.medical-photo-stack>img{height:340px}.medical-small{height:170px}.medical-photo-label{left:0;bottom:0;padding:17px}.hero-cinematic .hero-actions{position:relative;z-index:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}