@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=WindSong&display=swap";html{font-size:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu{position:absolute;left:60%;bottom:calc(var(--ocean-level) + var(--float-level));font-size:clamp(1.25rem,2.2099447514vw + .7320441989rem,2.5rem);transform:translate(-50%);display:flex;align-items:center}@media (max-height: 668px){.menu{left:50%}}@media screen and (min-width: 60em){.menu{bottom:calc(var(--ocean-level) + 1em)}}.menu-box{width:1.6em;height:1.6em}.menu-triangle{width:1.5em;height:1.5em}.menu-triangle.left{margin-right:.2em}.menu-triangle.right{margin-left:.2em}.header{position:fixed;font-size:1em;top:1em;left:1em;letter-spacing:.2em;z-index:1}.credit{display:none;--c-credit: #ffffff;color:var(--c-credit);position:fixed;font-size:clamp(.75rem,.2209944751vw + .6982044199rem,.875rem);bottom:0;right:0;opacity:.6;z-index:100;margin:1.5em;max-width:26em;letter-spacing:.07em}.credit a{color:var(--c-credit)!important}@media screen and (min-width: 60em){.credit{display:block}}.content{width:90%;max-width:var(--content-max-width);margin:0 auto}.ocean{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:512px;height:512px;pointer-events:none}.before-page{position:fixed;z-index:100;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(.9375rem,.773480663vw + .7562154696rem,1.375rem)}.before-page-title{font-size:1em;margin-bottom:1.3em;text-align:center;font-weight:700;letter-spacing:.5em;padding-left:.5em}.before-page-loader{margin:0 auto;--c-bar-1: rgba(255, 255, 255, 100%);--c-bar-2: rgba(255, 255, 255, 0%);position:relative;--w-bar: 4em;--h-bar: 2px;--d-gradient: 30deg;width:var(--w-bar);height:var(--h-bar);overflow:hidden}.before-page-loader:before{content:"";position:absolute;top:0;right:0;width:200%;height:100%;background-image:linear-gradient(var(--d-gradient),var(--c-bar-1) 0%,var(--c-bar-2) 20%,var(--c-bar-2) 30%,var(--c-bar-1) 50%,var(--c-bar-2) 70%,var(--c-bar-2) 80%,var(--c-bar-1) 100%);animation:kf-loadbar linear .7s infinite}@keyframes kf-loadbar{0%{transform:translate(0)}to{transform:translate(50%)}}.toggle-theme{position:fixed;bottom:0;left:0;margin:.3em .5em;z-index:1;display:none}@media screen and (min-width: 60em){.toggle-theme{display:block}}.btn-toggle{cursor:pointer;font-size:80px;width:1em;height:.5em;border-radius:.5em;--blur: 5px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:2px solid rgba(255,255,255,.1);box-shadow:0 0 80px #0003,inset 0 0 10px #0003}.btn-toggle:after{position:absolute;content:"";top:50%;left:50%;transform:translate(calc(-50% - .25em),-50%);width:calc(.5em - 10px);height:calc(.5em - 10px);border-radius:50%;transition:transform var(--toggle-theme-duration) var(--toggle-theme-ease),background-color var(--toggle-theme-duration) var(--toggle-theme-ease),opacity .3s;box-shadow:0 0 80px #0003;opacity:.4;background-color:#fff3c7}.btn-toggle:hover:after{opacity:.7}.btn-toggle:has(:checked):after{background:#99e5ff;transform:translate(calc(-50% + .25em),-50%)}.btn-toggle input{display:none}.dc{color:var(--c-text);letter-spacing:.1em;min-height:100vh;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 60em){.dc{display:flex;flex-direction:row-reverse;align-items:center;column-gap:5em;transform:none}}.dc-left{position:relative;flex-basis:60svh;z-index:0}@media screen and (min-width: 37.5em){.dc-left{flex-basis:45%;bottom:4vh}}.dc-right{flex-basis:40svh;position:relative;display:flex;align-items:flex-end}@media screen and (min-width: 37.5em){.dc-right{flex-basis:55%}}.dc-slider{font-size:clamp(25rem,22.0994475138vw + 19.820441989rem,37.5rem);width:1.2em;max-width:100%;margin:0 auto;position:relative;aspect-ratio:1;transform:translateY(-50%)}@media screen and (min-width: 60em){.dc-slider{aspect-ratio:1;transform:translateY(-50%)}}.dc-svg{transform:translate(-1em,-47%) rotate(-12deg);max-width:10em;max-height:2em;position:absolute;top:0;z-index:0;font-size:clamp(1.5rem,4.5303867403vw + .4381906077rem,4.0625rem)}.dc-svg-group.animation .dc-svg-text{animation:kf-draw 1.5s ease-in-out forwards,kf-fill-in 1.5s ease-in-out forwards}.dc-svg-group.animation.--end .dc-svg-text{animation:none;stroke-dashoffset:0;fill:var(--c-accent);transition:stroke var(--toggle-theme-duration) var(--toggle-theme-ease),fill var(--toggle-theme-duration) var(--toggle-theme-ease)}.dc-svg-text{-webkit-user-select:none;user-select:none;fill:transparent;stroke:var(--c-accent);stroke-width:.5;font-family:var(--font-WindSong);letter-spacing:.02em;font-weight:400;stroke-dasharray:600;stroke-dashoffset:600;font-size:1em}.dc-title{font-size:clamp(1.5rem,3.5359116022vw + .6712707182rem,3.5rem);letter-spacing:.02em;position:relative;z-index:1;transition:color var(--toggle-theme-duration) var(--toggle-theme-ease)}.dc-meta{font-size:clamp(.8125rem,.3314917127vw + .7348066298rem,1rem);font-weight:400;margin-top:1em;transition:color var(--toggle-theme-duration) var(--toggle-theme-ease)}.dc-since{margin-right:1.5em}.dc-directer,.dc-directer-name{margin-right:.5em}.dc-desc{display:block;font-size:clamp(.8125rem,.2209944751vw + .7607044199rem,.9375rem);font-weight:400;line-height:2;margin-top:2em;overflow:hidden;transition:color var(--toggle-theme-duration) var(--toggle-theme-ease)}@media (max-height: 668px){.dc-desc{max-height:80px;overflow-y:scroll}}.dc-home{display:inline-block;font-size:clamp(.625rem,.2209944751vw + .5732044199rem,.75rem);margin-top:1.5em;white-space:pre-wrap;color:var(--c-text)!important;transition:color var(--toggle-theme-duration) var(--toggle-theme-ease)}.dc-home span{display:inline-block;opacity:0}@keyframes kf-draw{to{stroke-dashoffset:0}}@keyframes kf-fill-in{50%{fill:transparent}to{fill:var(--c-accent)}}.home-slider{position:absolute;left:50%;font-size:clamp(12.5rem,11.0497237569vw + 9.9102209945rem,18.75rem);transform:translate(-50%);bottom:calc(var(--float-level) + var(--ocean-level));width:90%}.home-slider.main.bg{max-width:4.2em;aspect-ratio:1}@media screen and (min-width: 60em){.home-slider.main.bg{aspect-ratio:3/2}}.home-slider.main.left{display:block;width:30%;max-width:.8em;top:0;bottom:auto;transform:translate(calc(-50% - 1.4em));aspect-ratio:1}.home-slider.main.right{max-width:.8em;width:20%;display:block;transform:translate(calc(-50% + 1.5em));aspect-ratio:2/3}.home-slider.title{transform:translate(-55%);max-width:1.2em}@media screen and (min-width: 60em){.home-slider.title{transform:translate(calc(-50% - 1em))}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.loader{position:relative;z-index:0;--c-loader-bg: rgb(153 224 255);--c-ball: #ffffff;--c-shadow: rgba(0, 0, 0, .5);--r-ball: 15px;--bounce-height: 3em;--ball-distance: 2em;--duration: .6s}.loader-inner{width:calc(3 * var(--r-ball) + 2 * var(--ball-distance))}.loader-bounce{font-size:var(--r-ball);position:relative;left:calc(50% - .5em)}.loader-balls{width:300px;height:1em}.loader-ball{position:absolute;width:1em;height:1em;border-radius:50%;background-color:var(--c-ball);transform-origin:bottom center;animation:kf-ball var(--duration) alternate infinite ease}.loader-ball:nth-child(2){left:calc(-1 * var(--ball-distance));animation-delay:calc(var(--duration) / 3)}.loader-ball:nth-child(3){left:var(--ball-distance);animation-delay:calc(var(--duration) / 3 * 2)}.loader-shadows{position:relative;top:-.1em}.loader-shadow{position:absolute;z-index:-1;width:1em;height:.2em;border-radius:50%;background:var(--c-shadow);transform-origin:50%;animation:kf-shadow var(--duration) alternate infinite ease;filter:blur(.5px)}.loader-shadow:nth-child(2){left:calc(-1 * var(--ball-distance));animation-delay:calc(var(--duration) / 3)}.loader-shadow:nth-child(3){left:var(--ball-distance);animation-delay:calc(var(--duration) / 3 * 2)}@keyframes kf-ball{0%{bottom:0;border-radius:4em 4em 2em 2em;transform:scale(1.3,.25)}40%{border-radius:50%;transform:scale(1)}to{bottom:var(--bounce-height);transform:none}}@keyframes kf-shadow{0%{transform:scaleX(1.3)}40%{transform:scaleX(1);opacity:.6}to{transform:scaleX(.2);opacity:.3}}body{--c-text: #363c42;--c-accent: #8e8e8e87;--c-loader-start: #e5e7e8;--c-loader-end: #bfd5e7;--blur: 0px;--container-opacity: 0;--loader-opacity: 1;--ocean-level: 50svh;--float-level: 110px;--font-Main: "Noto Sans JP", sans-serif;--font-WindSong: "WindSong";--content-max-width: 1200px;--toggle-theme-ease: cubic-bezier(.55, .09, .75, .26);--toggle-theme-duration: .4s;font-family:var(--font-Main, sans-serif);background:linear-gradient(128deg,var(--c-loader-start) 0%,var(--c-loader-end) 100%)}@media screen and (min-width: 30em){body{--float-level: 75px}}@media screen and (min-width: 37.5em){body{--float-level: 90px}}@media screen and (min-width: 60em){body{--float-level: 0px}}body.night{--c-text: #e4e4e4;--c-accent: #ffffff2e;--c-loader-start: rgb(91, 119, 150);--c-loader-end: rgb(155, 177, 199)}#global-container{position:fixed;top:0;left:0;z-index:0;height:100%;width:100%;opacity:var(--container-opacity);filter:blur(var(--blur));overflow:hidden}#canvas{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}.page-container{position:absolute;top:0;left:0;height:100%;width:100%}.loader{position:fixed;z-index:999;width:100%;height:100%;top:0;left:0;background:linear-gradient(128deg,var(--c-loader-start) 0%,var(--c-loader-end) 100%);filter:blur(var(--blur));opacity:var(--loader-opacity)}.loader-inner{position:absolute;bottom:1.5em;right:1em}.loader-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:90%;max-width:600px;letter-spacing:1.1em;font-size:clamp(.75rem,.4419889503vw + .6464088398rem,1rem);line-height:2.4}