:root{--ink:#255f60;--mint:#69bec3;--paper:#f7fcf8;--accent:#288980;--bottom:clamp(92px,13vh,154px);--top:clamp(90px,17vh,176px);font-family:'Kaisei Decol',serif;color:var(--ink);font-weight:400;line-height:1.9;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:var(--top);scroll-padding-bottom:var(--bottom)}body{margin:0;overflow-x:clip;background:#dcf2e8}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input,textarea,select{font-weight:500}img{max-width:100%;height:auto;vertical-align:middle}button{border:0}h1,h2,h3{font-weight:700;line-height:1.6}h1{font-size:clamp(1.6rem,3vw,2.5rem)}h2{font-size:clamp(1.4rem,2.4vw,2rem)}h3{font-size:1.1rem}p,li,h1,h2,h3,a{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #17665f;outline-offset:5px}button:active,.link-grid a:active{transform:scale(.97)}.screen-reader-text,.skip-link:not(:focus-visible){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus-visible{position:fixed;z-index:1000;top:10px;left:10px;background:white;padding:10px 20px}
.wallpaper,.fixed-frame{position:fixed;inset:0;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.wallpaper{z-index:0;background-image:url('../images/background-pc.webp')}.fixed-frame{z-index:30;background-image:url('../images/frame-pc.webp')}.site-main{position:relative;z-index:10;width:min(76%,1200px);margin:auto;padding-top:var(--top);min-height:75vh}.content-section{margin:0 auto clamp(40px,7vw,96px);scroll-margin-top:16px}.image-section>img,.guideline-lower>img{display:block;width:100%;height:auto}.panel{background:rgba(250,255,251,.95);border-radius:22px;padding:clamp(22px,4vw,48px)}.normal-ui{transition:opacity .65s ease}.bubble{position:fixed;z-index:20;pointer-events:none;top:25vh;width:12vw;max-width:220px}.bubble img{display:block;width:100%}.bubble-left{left:-4vw;animation:float-left 7s ease-in-out infinite}.bubble-right{right:-4vw;animation:float-right 8.5s ease-in-out infinite}.main-logo{position:fixed;z-index:60;top:clamp(8px,2vh,24px);left:50%;transform:translateX(-50%);width:12vw;max-width:230px;line-height:0}.fixed-cta{position:fixed;z-index:40;bottom:calc(2.5vh + env(safe-area-inset-bottom));left:3vw;width:23vw;max-width:460px}.menu-button{position:fixed;z-index:50;bottom:calc(1.5vh + env(safe-area-inset-bottom));right:3vw;width:9vw;max-width:170px;background:transparent;padding:0;line-height:0}.menu-button img{width:100%}.section-cta{display:block;width:50%;max-width:430px;margin:28px auto 0}.contact-cta{line-height:0}.hero{min-height:calc(100svh - var(--top));display:flex;justify-content:center;align-items:flex-start;margin-bottom:48px}.top-visual{width:auto;height:min(76vh,900px);max-width:100%;object-fit:contain;transition:opacity .7s ease}.section-image-heading{display:block;width:100%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading>a{white-space:nowrap}.work-list h3{margin-top:32px}.work-list h3:first-child{margin-top:0}.work-list ul{padding:0;list-style:none}.work-list li{margin:12px 0}.text-button,.form-actions button{display:inline-block;min-height:44px;border:1px solid #70aaa1;border-radius:999px;background:#e2f4e8;text-decoration:none;padding:10px 26px;font-weight:500}.guideline-lower{position:relative}.guideline-hotspot{position:absolute;top:12%;left:23%;width:61%;height:13%;border-radius:12px;min-height:24px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.link-grid a{display:block;transition:transform .2s}.link-grid img{width:100%}.site-footer{position:relative;z-index:10;text-align:center;width:min(76%,1200px);margin:auto;padding:0 0 calc(var(--bottom) + 80px);font-size:.9rem}.footer-logo{width:220px;max-width:45%;display:block;margin:0 auto 20px}.site-footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;list-style:none;padding:0}.site-footer p{margin:15px 0}.menu-sheet{position:fixed;inset:auto 0 10px;margin:auto;width:min(88%,1500px);max-height:70svh;border:1px solid #85c4b7;border-radius:24px;padding:22px 32px 16px;background:rgba(250,255,251,.98);color:var(--ink);overflow:auto;transform:translateY(110%);opacity:0;transition:transform .32s ease,opacity .32s ease}.menu-sheet[open].visible{transform:translateY(0);opacity:1}.menu-sheet::backdrop{background:rgba(23,55,51,.32)}.menu-sheet h2{font-size:1.1rem;margin:0 0 14px}.sheet-handle{background:#accfc4;width:46px;height:4px;border-radius:8px;margin:-10px auto 12px}.menu-sheet ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px;padding:0;list-style:none;margin:0}.menu-sheet a{display:block;min-height:44px;padding:7px 12px;text-decoration:none;background:#eef8f2;border-radius:10px}.menu-sheet a::before{content:'•';color:#55a49e;margin-right:10px}.menu-close{display:block;margin:10px 0 0 auto;min-height:44px;background:none;padding:5px 12px}body.menu-open{overflow:hidden}
.concept-section{padding:clamp(34px,6vw,72px)}.concept-intro{text-align:center}.concept-section h2,.concept-section h3{color:var(--accent);font-weight:700}.concept-section h2{font-size:clamp(1.65rem,3.4vw,2.8rem);margin:0 0 clamp(24px,4vw,44px)}.concept-lead{font-weight:400}.concept-lead p{margin:0 0 1.6em}.concept-catch{margin:clamp(26px,4vw,44px) 0;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:700}.concept-axes{display:flex;flex-direction:column;gap:clamp(18px,3vw,30px);max-width:880px;margin:0 auto}.concept-axis{padding:clamp(20px,3vw,30px);background:#eef8f2;border-radius:16px}.concept-axis h3{font-size:clamp(1.15rem,2vw,1.45rem);margin:0 0 8px}.concept-axis p{margin:0;font-weight:400}
.carousel-window{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}.carousel-window.dragging{cursor:grabbing}.carousel-track{display:flex;gap:20px;will-change:transform}.carousel-track>.card{flex:0 0 calc((100% - 40px)/3)}.card{min-width:0;background:#fff;border:1px solid #cde4dc;border-radius:16px;overflow:hidden}.card-body{display:block;height:100%;text-decoration:none}.card-image,.card-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.card-placeholder{background:#e5f1ec;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.7;white-space:pre-line;font-size:.85rem}.card-copy{padding:18px}.card-meta{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:.78rem}.card-meta span{background:#edf6ec;border-radius:20px;padding:0 8px}.card h3{margin:12px 0 0;font-size:1rem}.carousel-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.carousel-controls button{border:1px solid #9cbeb5;border-radius:50%;width:46px;height:46px;background:#fff;font-size:1.4rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-banner{margin-bottom:40px;border-radius:18px;overflow:hidden;aspect-ratio:1920/600}.page-banner img{width:100%;height:100%;object-fit:cover}.banner-placeholder{width:100%;height:100%;background:#e5f1ec;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;line-height:1.8}.pagination .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:32px}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:4px 12px;border-radius:8px;background:#edf6ec}.page-numbers.current{background:#cee9db}.prose{max-width:940px}.prose h1{margin-top:0}.prose h2{font-size:1.4rem;margin-top:2em}.prose h3{margin-top:1.6em}.prose img,.prose video,.prose iframe{max-width:100%}.prose pre{overflow:auto}.prose table{display:block;max-width:100%;overflow:auto}.prose .article-image{display:block;margin:30px auto}.form-field{margin:24px 0}.form-field>label,.form-field legend{display:block;margin-bottom:8px;font-weight:500}.form-field input:not([type=radio]):not([type=checkbox]),.form-field textarea{width:100%;background:#fff;border:1px solid #94bdb2;border-radius:10px;padding:12px}.form-field textarea{min-height:200px;resize:vertical}.form-field fieldset,fieldset.form-field{border:0;padding:0}.choice{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-right:18px}.choice input{accent-color:#288980;width:20px;height:20px}.required{font-size:.8em;margin-left:10px}.form-steps{display:flex;gap:12px;list-style:none;padding:0;font-size:.9rem}.form-steps li{border-bottom:2px solid #d4e7df;padding:5px 8px}.form-steps [aria-current]{border-color:var(--accent);font-weight:700}.form-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:32px}.form-error{background:#fff4ef;border:1px solid #ba7663;color:#794735;border-radius:12px;padding:16px}.form-error a{color:inherit}.confirm-list dt{font-weight:700;margin-top:22px}.confirm-list dd{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-notice{padding:16px;background:#f6f0e2;border-radius:12px}.admin-bar .main-logo{top:40px}
#intro{display:none;position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:none}.intro-pending #intro{display:block}.intro-pending .normal-ui{opacity:0;pointer-events:none}.intro-pending body{overflow:hidden}.intro-pending .top-visual{opacity:0}.curtain{position:absolute;top:0;bottom:0;width:50.2%;background:#69bec3;transform-origin:50% 0}.curtain-left{left:0}.curtain-right{right:0}.intro-character{position:absolute;bottom:-8vh;left:50%;height:78vh;max-width:none;opacity:0;transform:translate(-50%,110%);object-fit:contain}.intro-copy{position:absolute;z-index:2;top:10vh;left:50%;transform:translateX(-50%);text-align:center;font-size:clamp(22px,2.1vw,40px);font-weight:700;color:white;line-height:1.35;width:90%}.intro-copy span{display:block;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}.intro-copy span.shown{opacity:1;transform:translateY(0)}.intro-logo{position:absolute;top:2vh;left:50%;transform:translateX(-50%);width:12vw;max-width:230px;opacity:0;transition:opacity .35s}.intro-logo.shown{opacity:1}.intro-pending.intro-opening .normal-ui{opacity:1}.intro-pending.intro-opening .main-logo{opacity:0}.intro-pending.intro-opening .hero .top-visual{opacity:0}
@keyframes float-left{50%{transform:translateY(-20px)}}@keyframes float-right{50%{transform:translateY(24px)}}
@media(hover:hover){.link-grid a:hover{transform:translateY(-5px) scale(1.04)}a.card-body:hover{background:#f2faf5}.menu-sheet a:hover{background:#dceddf}.text-button:hover{background:#cfeadb}}
@media(max-width:767px){:root{--top:118px;--bottom:116px;font-size:14px}.wallpaper{background-image:url('../images/background-sp.webp')}.fixed-frame{background-image:url('../images/frame-sp.webp')}.site-main,.site-footer{width:90%}.main-logo{width:45vw;top:12px;max-width:270px}.fixed-cta{width:60vw;max-width:360px;left:3vw;bottom:calc(3vh + env(safe-area-inset-bottom))}.menu-button{width:22vw;max-width:130px;right:3vw;bottom:calc(1.5vh + env(safe-area-inset-bottom))}.bubble{width:20vw;max-width:85px;top:32vh}.bubble-left{left:-16vw}.bubble-right{right:-16vw}.hero{min-height:0;margin-bottom:42px}.top-visual{width:100%;height:auto;max-height:78svh;object-fit:contain}.content-section{margin-bottom:42px}.panel{padding:22px 16px;border-radius:18px}.section-heading{gap:10px}.section-heading>a{font-size:.85rem}.carousel-track{gap:14px}.carousel-track>.card{flex-basis:86%}.card-grid{grid-template-columns:1fr;gap:20px}.card-copy{padding:16px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.section-cta{width:78%}.site-footer{padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 45px)}.site-footer ul{gap:12px 16px}.menu-sheet{width:96%;bottom:calc(6px + env(safe-area-inset-bottom));padding:18px 16px 8px;border-radius:20px;max-height:75svh}.menu-sheet ul{grid-template-columns:1fr;gap:2px}.menu-sheet a{padding:5px 10px}.menu-sheet h2{margin-bottom:8px}.menu-close{margin-top:5px}.page-banner{margin-bottom:28px}.intro-character{height:auto;width:100vw;bottom:4vh;max-height:65svh;object-fit:contain}.intro-copy{top:15vh;font-size:23px;line-height:1.4}.intro-logo{width:45vw;top:2vh}.guideline-hotspot{min-height:0}.form-steps{gap:4px;font-size:.83rem}.form-steps li{padding:5px}.admin-bar .main-logo{top:54px}}
@media(max-height:600px) and (min-width:768px){:root{--top:95px}.main-logo{width:10vw}.intro-character{height:80vh}.intro-copy{top:10vh;font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:767px){.intro-logo{max-width:460px}}
@media(max-width:767px){
  :root{font-size:16px}
  body{font-size:17px;line-height:1.9}
  h1{font-size:30px;line-height:1.55}
  h2{font-size:28px;line-height:1.6}
  h3{font-size:20px;line-height:1.65}
  .prose h2{font-size:24px}.prose h3{font-size:20px}
  .concept-section h2{font-size:28px;font-weight:700;line-height:1.6}
  .concept-axis h3,.concept-catch{font-size:22px;line-height:1.7}
  .concept-axis{padding:22px 16px}.concept-lead p{margin-bottom:1.8em}
  .work-list h3{font-size:18px}.work-list li,.card h3{font-size:17px}
  .section-heading{flex-wrap:wrap;align-items:baseline;row-gap:12px}.section-heading>a{font-size:16px}
  .text-button,.form-actions button{font-size:17px;line-height:1.7;padding:12px 22px;max-width:100%;white-space:normal}
  .card-copy{padding:20px 16px}.card h3{line-height:1.75}.card-meta{font-size:14px;line-height:1.7;gap:7px 12px}
  .form-field>label,.form-field legend,.form-field input,.form-field textarea{font-size:17px;line-height:1.8}
  .required{font-size:13px}.form-steps{font-size:14px;line-height:1.7}.form-steps li{padding:8px 5px}
  .form-field{margin:28px 0}.form-field input:not([type=radio]):not([type=checkbox]),.form-field textarea{padding:14px 12px}
  .site-footer{font-size:14px}.site-footer small{font-size:13px}
  .menu-sheet h2{font-size:24px;line-height:1.5;margin-bottom:12px}
  .menu-sheet li>a,.menu-sheet .menu-close{font-size:18px;line-height:1.6;padding:10px 12px}
  .menu-sheet ul{grid-auto-rows:1fr}.menu-sheet li>a{min-height:50px}
  .bubble{z-index:5;opacity:.85;top:32vh;pointer-events:none;width:23vw;max-width:98px}
  .bubble-left{left:-4vw;animation:float-left-mobile 7.5s ease-in-out infinite}
  .bubble-right{right:-4vw;animation:float-right-mobile 9s ease-in-out infinite}
}
@keyframes float-left-mobile{50%{transform:translateY(-50px)}}
@keyframes float-right-mobile{50%{transform:translateY(60px)}}
.menu-sheet ul{grid-auto-rows:1fr}.menu-sheet li{min-width:0;margin:0;padding:0}.menu-sheet li>a{box-sizing:border-box;width:100%;height:100%;margin:0;border:0;box-shadow:none}.menu-sheet a:focus,.menu-sheet button:focus{outline:none;box-shadow:none}.menu-sheet.keyboard-navigation a:focus,.menu-sheet.keyboard-navigation button:focus{outline:2px solid #17665f;outline-offset:-3px}.menu-sheet .menu-close{margin-top:16px}

/* Provided concept artwork keeps its full aspect ratio and content width. */
.concept-image-section{padding:0}.concept-intro-image>img{display:block;width:100%;height:auto}.concept-thoughts{margin-top:32px}.concept-section .concept-thoughts-title{text-align:center;font-size:clamp(24px,2.4vw,32px);line-height:1.6;margin:0 0 28px}.concept-number{font-size:1.2em;line-height:1;vertical-align:baseline}
@media(max-width:767px){.concept-thoughts{margin-top:24px}.concept-section .concept-thoughts-title{font-size:24px;margin-bottom:24px;text-wrap:balance}}
.teaser-movie{width:100%;aspect-ratio:16/9;margin:0 0 32px}.teaser-movie iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:767px){.teaser-movie{margin-bottom:24px}}
.concept-axis-heading{display:flex;align-items:center;gap:10px}.concept-axis-heading>span{min-width:0}.concept-axis-icon{display:block;flex:0 0 1.6em;width:1.6em;height:1.6em;object-fit:contain;image-rendering:pixelated}

.responsive-banner picture{display:block;width:100%;height:100%}
@media(max-width:767px){.responsive-banner{aspect-ratio:1080/600}}

@media(prefers-reduced-motion:reduce){.bubble{animation:none!important}}

/* Keep the semantic page heading when the active header artwork supplies its visible title. */
@media(max-width:767px){.responsive-banner.has-header-sp + section > h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
@media(min-width:768px){.responsive-banner.has-header-pc + section > h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}