@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,300;1,500&family=Noto+Sans+JP:wght@400;500;700&family=Open+Sans:ital,wght@1,500;1,600&display=swap";:root{color-scheme:light;--blue: #007dc4;--deep-blue: #22489d;--sky: #f4fbfe;--sand: #e8dccb;--text: #333333;--muted: #626d76;--border: #d9e8ef;--max: 1252px;font-family:Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}main{min-height:70vh}.inside{width:min(100% - 50px,var(--max));margin:0 auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:28px;height:120px;padding:10px 32px;background:#ffffffdb;transition:background .2s ease}.brand{display:block;width:min(29.6rem,38vw);min-width:250px}.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.site-nav a{color:#222;font-family:Open Sans,sans-serif;font-size:.95rem;font-style:italic;font-weight:600;letter-spacing:.04em}.site-nav a:hover,.language-nav a:hover{color:var(--blue)}.language-nav{display:flex;align-self:stretch;margin-right:-32px}.language-nav a{display:grid;place-items:center;width:96px;padding:0 8px;background:var(--deep-blue);color:#fff;font-size:.82rem;font-weight:700}.language-nav a:first-child{background:var(--blue)}.ocean-hero{position:relative;height:100vh;min-height:620px;overflow:hidden;background:#123f5c}.hero-copy{position:absolute;top:51%;left:50%;z-index:2;width:min(100% - 32px,980px);transform:translate(-50%,-50%);color:#fff;text-align:center;text-shadow:0 0 8px rgb(0 0 0 / 72%)}.hero-name{margin:0 0 14px;color:var(--blue);font-family:Jost,sans-serif;font-size:clamp(1.6rem,5vw,3.7rem);font-style:italic;font-weight:500;line-height:1}.hero-name span{display:block;width:min(100%,856px);margin:0 auto;padding:10px 10px 15px;background:#fff;text-shadow:none}.hero-org{margin:0 0 20px;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:500}.hero-org strong{display:inline-block;margin-left:6px;font-family:Jost,sans-serif;font-size:clamp(1.45rem,3.4vw,2.1rem);font-style:italic}.hero-tagline{margin:0;font-family:Jost,sans-serif;font-size:clamp(2.3rem,6vw,4.15rem);font-style:italic;line-height:1;letter-spacing:.01em}.hero-slider,.hero-slider img{position:absolute;inset:0;width:100%;height:100%}.hero-slider:after{position:absolute;inset:0;content:"";background:#00253a33}.hero-slider img{object-fit:cover;object-position:center top;opacity:0;animation:heroFade 24s infinite;animation-delay:calc(var(--i) * 6s);transform:scale(1.08)}@keyframes heroFade{0%{opacity:0;transform:scale(1.12)}7%,28%{opacity:1}35%,to{opacity:0;transform:scale(1)}}.content-section{padding:clamp(64px,10vw,150px) 0;scroll-margin-top:120px}.concept-section{padding-top:clamp(70px,10vw,136px)}.pale-section,.team-section{background:var(--sky)}.section-title{color:var(--text)}.section-title.centered{text-align:center}.section-title h2,.section-title h1{margin:0;font-family:Open Sans,sans-serif;font-size:clamp(2.8rem,6vw,4.7rem);font-style:italic;font-weight:600;letter-spacing:.05em;line-height:1}.section-title h2:before{display:block;width:124px;margin:0 auto 24px;border-top:6px solid var(--blue);content:""}.section-title h1:before{display:block;width:124px;margin:0 auto 24px;border-top:6px solid var(--blue);content:""}.section-title h2 span,.section-title h1 span{color:var(--blue);font-size:1.33em}.section-title p{max-width:880px;margin:22px auto 0;font-weight:700;letter-spacing:.1em}.lead-heading{margin:0 auto;font-size:clamp(1.55rem,4vw,2.45rem);font-weight:500;line-height:1.45;text-align:center}.text-block{max-width:958px;margin:42px auto 0;font-size:1.02rem;font-weight:600;line-height:2}.text-block.narrow{max-width:958px}.center-text{text-align:center}.text-block p,.text-block li{margin:0 0 18px}.text-block ol{margin:0 0 22px;padding-left:1.4em}.concept-diagram{width:min(100%,960px);margin:min(58px,7vw) auto 0}.projects-section{padding:clamp(60px,9vw,126px) 0 0;scroll-margin-top:120px}.project-row{display:grid;grid-template-columns:50% 50%;min-height:520px;margin-top:clamp(44px,7vw,82px)}.project-row:nth-of-type(2n) .project-photo{order:2}.project-photo{min-height:520px;background-position:center;background-size:cover}.project-copy{display:flex;align-items:center;min-height:520px;padding:clamp(38px,6vw,78px);background:#fff}.project-copy>div{max-width:620px}.project-copy h3{margin:0 0 26px;color:var(--blue);font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.4}.project-copy p{margin:0 0 16px;font-weight:600;line-height:2}.text-link{position:relative;display:inline-flex;align-items:center;min-height:54px;margin-top:12px;padding:0 56px 0 24px;border:1px solid var(--blue);border-radius:999px;color:var(--blue);font-weight:700}.text-link:after,.outline-button:after,.contact-button:after{position:absolute;right:22px;content:">"}.solution-section{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.3vw,42px);margin-top:clamp(42px,6vw,73px)}.solution-card{display:block;color:#111;font-size:1.12rem;font-weight:700;text-align:center}.solution-card img{width:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover}.solution-card span{display:block;margin-top:18px}.news-section{background:var(--sand)}.news-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3.3%;margin-top:clamp(42px,6vw,73px)}.news-item{min-width:0}.news-item img{width:100%;aspect-ratio:800 / 533;object-fit:cover}.news-body{padding-top:20px}.news-body h3{margin:0;font-size:1rem;line-height:1.6}.news-meta{margin-top:18px;color:#111}.news-meta time{display:block;font-size:.98rem}.news-meta span{display:inline-block;margin-top:10px;padding:4px 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:.82rem}.button-wrap{margin:clamp(48px,6vw,74px) 0 0;text-align:center}.outline-button,.contact-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:58px;padding:0 56px 0 32px;border:1px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:clamp(42px,6vw,74px)}.team-logo{display:grid;place-items:center;min-height:112px;padding:18px;border-radius:5px;background:#fff}.team-logo a{display:grid;place-items:center;width:100%;height:100%}.team-logo img{width:86%;max-height:82px;object-fit:contain}.organized{width:min(100%,340px);margin:52px auto 0;text-align:center}.organized p{margin:0 0 12px;font-weight:700}.organizer{min-height:104px}.contact-section{background:linear-gradient(#00293f3d,#00293f3d),url(/images/ocean/contact-bg.jpg) center / cover;scroll-margin-top:120px}.contact-inner{display:flex;justify-content:space-between;gap:48px;padding:clamp(64px,9vw,112px) 0 clamp(78px,10vw,152px)}.contact-title{color:#fff}.contact-title h2:before{display:none}.contact-title h2 span{color:#69acd2}.contact-title p{margin-left:16px;color:#fff}.contact-copy{min-width:min(100%,430px);padding-top:18px;color:#fff;text-align:center;text-shadow:0 0 5px rgb(0 0 0 / 60%)}.contact-copy p{margin:0 0 24px;font-weight:700}.contact-button{border-color:#fff;background:var(--deep-blue);color:#fff;text-shadow:none}.site-footer{display:flex;justify-content:space-between;gap:32px;width:min(100% - 50px,var(--max));margin:0 auto;padding:52px 0 60px;color:var(--text);font-size:.92rem}.footer-brand img{width:min(100%,340px);margin-bottom:22px}.footer-brand p,.site-footer>p{margin:0 0 8px}.page-hero{margin-top:120px;padding:clamp(78px,10vw,154px) 0 clamp(82px,10vw,170px);background:linear-gradient(#00293f5c,#00293f5c),url(/images/ocean/contact-bg.jpg) center / cover;color:#fff}.page-hero .section-title{color:#fff}.page-hero .section-title h1 span{color:#69acd2}.page-hero .section-title p{color:#fff}.archive-section,.ocean-article,.empty-contact{padding:clamp(64px,10vw,132px) 0}.archive-eyebrow{margin:0 0 12px;color:var(--blue);font-weight:700;letter-spacing:.08em;text-align:center}.archive-section h2{margin:0 0 clamp(38px,5vw,68px);color:var(--blue);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.35;text-align:center}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,52px) 5%}.archive-card a{display:block;height:100%}.archive-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.archive-card-body{padding-top:20px}.archive-card h3{margin:0;font-size:1.08rem;line-height:1.6}.article-shell{max-width:1000px}.ocean-article h1{margin:0;padding-top:36px;border-top:6px solid var(--blue);font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.45}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}.article-meta time{font-weight:700}.article-meta span{display:inline-block;padding:4px 16px;border-radius:999px;background:var(--blue);color:#fff;font-size:.9rem}.article-main-image{width:min(100%,720px);max-height:560px;margin:42px auto;object-fit:contain}.article-content{border-top:1px solid #b8c6ce;padding-top:36px;font-size:1rem;line-height:2}.article-content h2,.article-content h3,.article-content h4{margin:42px 0 16px;color:var(--blue);line-height:1.45}.article-content p,.article-content li{margin:0 0 18px}.article-content img{width:min(100%,720px);margin:24px auto}.article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:.18em}.article-content table{width:100%;border-collapse:collapse;margin:28px 0}.article-content th,.article-content td{border:1px solid var(--border);padding:12px;vertical-align:top}.empty-contact{min-height:360px}.english-clone #fv{position:relative;height:100vh;min-height:620px;overflow:hidden;background:#123f5c}.english-clone .fv__inner{position:absolute;top:51%;left:50%;z-index:2;width:min(100% - 32px,980px);transform:translate(-50%,-50%);color:#fff;text-align:center;text-shadow:0 0 8px rgb(0 0 0 / 72%)}.english-clone .fv__name{margin:0 0 14px;color:var(--blue);font-family:Jost,sans-serif;font-size:clamp(1.6rem,5vw,3.7rem);font-style:italic;font-weight:500;line-height:1}.english-clone .fv__name span{display:block;width:min(100%,856px);margin:0 auto;padding:10px 10px 15px;background:#fff;text-shadow:none}.english-clone .fv__org{margin:0 0 20px;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:500}.english-clone .fv__org span{display:inline-block;margin-left:6px;font-family:Jost,sans-serif;font-size:clamp(1.45rem,3.4vw,2.1rem);font-style:italic;font-weight:700}.english-clone .fv__text{margin:0;font-family:Jost,sans-serif;font-size:clamp(2.3rem,6vw,4.15rem);font-style:italic;line-height:1}.english-clone .swiper-container,.english-clone .swiper-wrapper,.english-clone .swiper-slide,.english-clone .slide-img,.english-clone picture,.english-clone .slide-img img{position:absolute;inset:0;width:100%;height:100%}.english-clone .swiper-slide{opacity:0}.english-clone .swiper-slide:first-child{opacity:1}.english-clone .slide-img img{object-fit:cover;object-position:center top}.english-clone #concept,.english-clone #vision,.english-clone #projects,.english-clone #solution,.english-clone #news--top,.english-clone #team{padding:clamp(64px,10vw,132px) 0}.english-clone #concept,.english-clone #solution{background:#fff}.english-clone #vision,.english-clone #team{background:var(--sky)}.english-clone #news--top{background:var(--sand)}.english-clone .vision__subtitle,.english-clone .section-title__sub{font-size:clamp(1.3rem,3vw,2rem);font-weight:700;text-align:center}.english-clone .vision__text,.english-clone .info,.english-clone .team__text{max-width:960px;margin:32px auto 0;font-weight:600;line-height:2}.page-content,.article{width:min(100% - 50px,860px);margin:0 auto;padding:180px 0 80px}.page-content h1,.article-header h1{margin:0 0 24px;color:var(--blue);font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}.page-content h2,.article h2{margin-top:44px}.page-content a,.article a{color:var(--blue);text-decoration:underline;text-underline-offset:.18em}.article-hero{width:100%;aspect-ratio:16 / 9;margin:28px 0;object-fit:cover}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{padding:3px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.82rem}@media(max-width:1040px){.site-header{height:74px;padding:8px 18px}.brand{width:250px;min-width:190px}.site-nav{gap:16px}.language-nav{display:none}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.inside,.site-footer,.page-content,.article{width:min(100% - 32px,var(--max))}.site-header{align-items:center;height:auto;min-height:64px}.brand{width:210px;min-width:0}.site-nav{display:none}.ocean-hero{min-height:560px}.hero-name span{max-width:330px;padding:8px}.hero-tagline{line-height:1.08}.english-clone #fv{min-height:560px}.content-section{padding:58px 0;scroll-margin-top:74px}.page-hero{margin-top:64px;padding:64px 0 72px}.projects-section,.contact-section{scroll-margin-top:74px}.text-block,.center-text{text-align:left}.project-row,.project-row:nth-of-type(2n) .project-photo{display:block}.project-photo{min-height:270px}.project-copy{min-height:0;padding:32px 22px 48px}.solution-grid,.news-grid,.team-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.news-body h3{font-size:.92rem}.contact-inner,.site-footer{display:block}.contact-copy{min-width:0;margin-top:32px}.site-footer>p{margin-top:24px}.page-content,.article{padding-top:120px}.archive-section,.ocean-article,.empty-contact{padding:58px 0}.ocean-article h1,.article-content{padding-top:28px}}@media(max-width:480px){.solution-grid,.news-grid,.team-grid,.archive-grid{grid-template-columns:1fr}.team-logo{min-height:104px}.mobile-break{display:none}}