:root{--white: #ffffff;--gray-10: #eee;--fray-25: #aaa;--gray-50: #bfbfbf;--gray-75: #444444;--black: #222;--accent: #0d87e0;--tags: #767676;--body: 13px;--display: clamp(4.5rem, 1.83rem + 11.34vw, 10rem);--heading1: clamp(2rem, 1.3rem + 3vw, 4rem);--heading2: calc(var(--body) * 1.5);--heading3: calc(var(--body) * 1.2);--small-heading2: clamp(.875rem, 4vw - 1rem, 1.6875rem);--small-heading3: calc(var(--small-heading2) * .86);--space-xs: clamp(1.25rem, 1rem + .98vw, 1.875rem);--space-sm: calc(var(--space-xs) * 1.5);--space-md: calc(var(--space-xs) * 2);--space-lg: calc(var(--space-xs) * 3);--space-xl: calc(var(--space-xs) * 4);--space-jump: clamp(1.25rem, .35rem + 3.8vw, 3.75rem)}body,h1,h2,h3,p,figure,ul{margin:0;padding:0;list-style:none}*,*:before,*:after{box-sizing:border-box}img{height:auto;vertical-align:top}a{color:inherit;text-decoration:none}pre{border:1px solid var(--gray-50);padding:5px}body{color:var(--black);background:#fff;font-family:Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--body);position:relative}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}::selection{background:#3f9dd7;color:#fff}::-moz-selection{background:#3f9dd7;color:#fff}a{color:var(--black);text-decoration:underline}a:link,a:visited{color:var(--black)}a:hover,a:active{color:#666;text-decoration:none}div#wrapper{width:100%;height:100%;position:relative}@media screen and (max-width: 834px){#wrapper{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;background:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1}#wrapper.left{-webkit-transform:translateX(160px)}}#nav{width:138px;position:fixed;left:0;z-index:10;float:left;height:100%}@media screen and (max-width: 834px){#nav{display:flex;align-items:center;height:48px;width:100%;float:none;border-bottom:1px;z-index:999;transition:all .3s;background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media screen and (max-width: 834px){#nav nav{position:absolute;top:8px;left:0;opacity:0;pointer-events:none;height:100%;z-index:0;width:fit-content;padding:10px;font-family:Economica;font-size:1rem;letter-spacing:.1em;transition:all .3s}#nav:before{content:"";display:block;position:fixed;z-index:-9999;top:0;left:0;width:100%;height:100vh;background:#fff;opacity:0;transition:all .2s;pointer-events:none;visibility:hidden}.header-nav-open #nav{backdrop-filter:initial}.header-nav-open #nav:before{content:"";display:block;position:fixed;z-index:-1;opacity:1;top:0;left:0;width:100%;height:100vh;background:#fff;visibility:initial;background:-webkit-gradient(linear,left top,right top,color-stop(39.58%,rgba(255,255,255,.95)),to(rgba(255,255,255,.5)));background:linear-gradient(90deg,#fffffff2 39.58%,#ffffff80);-webkit-backdrop-filter:blur(.71429rem);backdrop-filter:blur(.51429rem);transition:all .2s;pointer-events:none}.header-nav-open #nav nav{pointer-events:all;opacity:1;width:fit-content}}#containers{width:75%;min-width:600px;min-height:100vh;height:100%;position:absolute;top:90px;left:180px;margin:0}@media screen and (max-width: 834px){#containers{position:initial;width:100%;min-width:initial;margin-top:48px}.header-nav-open #containers{pointer-events:none}}.header[data-astro-cid-hpnw4vwy]{width:30px;margin:0 auto 5px;padding:22px 0 20px;text-align:center;@media (max-width: 599px){width:100%;margin:0 auto;padding:0}button{display:none;@media (max-width: 834px){display:block;position:fixed;right:16px;top:24px;width:32px;height:10px;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;span{position:absolute;display:block;//width: 3.2rem;width:100%;height:1px;margin:0 auto;transition:width .2s ease,top .2s ease;background-color:var(--black);&:nth-child(1){top:0;left:50%;transform:translate(-50%);transform-origin:center center;-webkit-transition:width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms}&:nth-child(2){top:calc(100% - 1px);left:50%;transform-origin:center center;transform:translate(-50%);-webkit-transition:width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) 0ms,width .2s cubic-bezier(.25,.1,.25,1) 0ms,top .2s cubic-bezier(.25,.1,.25,1) .2s,opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) 0ms}}}}}.logo[data-astro-cid-hpnw4vwy]{a{display:block;width:fit-content;margin:0 auto;img{height:auto;@media (max-width: 834px){width:32px}}}}.header-nav-open{.header{@media (max-width: 834px){width:0}.logo{display:none}button{span{-webkit-transition:width .2s cubic-bezier(.25,.1,.25,1) .2s,top .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) .2s,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) .2s;transition:width .2s cubic-bezier(.25,.1,.25,1) .2s,top .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) .2s,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) .2s;transition:transform .2s cubic-bezier(.25,.1,.25,1) .2s,width .2s cubic-bezier(.25,.1,.25,1) .2s,top .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) .2s,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms;transition:transform .2s cubic-bezier(.25,.1,.25,1) .2s,width .2s cubic-bezier(.25,.1,.25,1) .2s,top .2s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) .2s,background-color .2s cubic-bezier(.25,.1,.25,1) 0ms,-webkit-transform .2s cubic-bezier(.25,.1,.25,1) .2s;&:nth-child(1){//animation: changeWidth 1.5s forwards;top:50%;-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}&:nth-child(2){top:50%;-webkit-transform:translate(-50%,-50%) rotate(-30deg);transform:translate(-50%,-50%) rotate(-30deg)}@keyframes changeWidth{0%{width:110%}50%{width:100%;top:18px}to{width:100%;top:13px;transform:translate(-50%,-50%) rotate(30deg)}}}}}}@font-face{font-family:Economica;src:url(/fonts/Economica-Regular.woff2) format("woff2")}.gNav{position:fixed;bottom:31px;left:26px;font-family:Economica;font-size:108%;letter-spacing:.1em}@media screen and (max-width: 834px){.gNav{position:initial}}.gNav li{width:100%}@media screen and (max-width: 834px){.gNav li{opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);padding-left:1rem}.gNav li:nth-child(1){padding:0 0 1.5rem;transform:initial}}@media screen and (min-width: 835px){.gNav li:nth-child(1){display:none}}.gNav li a{width:100%;display:block;padding:8px 16px;text-decoration:none}.gNav li a:hover{color:#40aaef;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.header-nav-open .gNav li{opacity:1;transform:translateY(0)}.header-nav-open .gNav li:nth-child(1){transition-delay:.1s}.header-nav-open .gNav li:nth-child(2){transition-delay:.3s}.header-nav-open .gNav li:nth-child(3){transition-delay:.35s}.header-nav-open .gNav li:nth-child(4){transition-delay:.4s}.header-nav-open .gNav li:nth-child(5){transition-delay:.45s}.header-nav-open .gNav li:nth-child(6){transition-delay:.5s}.footer[data-astro-cid-k2f5zb5c]{@media (max-width: 599px){margin:3rem 0 0;padding:.5rem clamp(1rem,.241rem + 3.38vw,2rem);display:grid;grid-template-columns:40px 1fr}}.sns[data-astro-cid-k2f5zb5c]{position:fixed;z-index:100;bottom:16px;right:8px;margin:0;@media (max-width: 599px){position:static}a{display:block;padding-bottom:8px;width:20px;height:20px;-webkit-transition:.2s linear;-moz-transition:.2s linear;-o-transition:.2s linear;-ms-transition:.2s linear;transition:.2s linear;&:hover{opacity:.5}@media (max-width: 599px){width:16px;padding:0;img{width:100%;height:auto}}}}.copy[data-astro-cid-k2f5zb5c]{font-size:8px;position:fixed;left:24px;bottom:10px;z-index:100;@media (max-width: 599px){position:static;place-self:end;align-self:center}}.header-nav-open{.footer{position:fixed;bottom:0;left:0;z-index:9999}}