*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{color:#000c26;font-family:Noto Sans JP,sans-serif;font-size:clamp(14px,1vw,16px);font-weight:320;line-height:1.6}img{height:auto;max-width:100%;vertical-align:middle;_width:100%}h1,h2,h3{font-size:clamp(20px,2.5vw,25.6px);font-weight:400;line-height:1.4}.global-nav{left:0;position:fixed;right:0;top:0;z-index:100}.nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700}.logo img{display:block;height:auto;max-height:24px;width:auto}.hamburger{align-items:flex-end;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:0;width:40px}.hamburger span{background-color:#000c26;display:block;height:2px;transition:all .3s;width:24px}.global-menu{align-items:center;background-color:#f2f2f7f7;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:90}.global-menu-list{line-height:1;list-style:none;text-align:center}.global-menu-list li+li{margin-top:3.2rem}.global-menu-list a{color:#000c26;display:flex;flex-direction:column;font-size:clamp(20px,2.5vw,25.6px);font-weight:500;gap:.5rem;letter-spacing:.08em;text-decoration:none}.global-menu-list .menu-ja{font-size:clamp(14px,1vw,16px);font-weight:320;letter-spacing:.04em}.global-menu-list a:hover{opacity:.65}body.nav-open{overflow:hidden}body.nav-open .global-menu{opacity:1;pointer-events:auto}body.nav-open .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}body.nav-open .hamburger span:nth-child(2){opacity:0}body.nav-open .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.container{display:flex;margin:0 auto;max-width:1440px}.visual{background-image:url(/_astro/portrait.RsArVVT7.png);background-position:center bottom;background-repeat:no-repeat;background-size:auto 100%;border-radius:0 0 0 160px;flex-shrink:0;height:100vh;overflow:hidden;position:sticky;top:0;width:44.44%}.visual-text{line-height:1.8;letter-spacing:.1em;position:absolute;right:8%;text-orientation:upright;top:40%;transform:translateY(-50%);writing-mode:vertical-rl}.content{background-color:#fff;flex:1;max-width:55.56%}main{margin-top:calc(40px + 2rem)}main>section>*+*,section+section,article>*+*,footer{margin-top:5rem}.section-content .btn{margin-top:5rem}.section-content{margin-left:auto;margin-right:auto;max-width:640px;padding-left:1.5rem;padding-right:1.5rem}.hero{align-items:center;aspect-ratio:800 / 1080;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;margin:0 auto;max-height:100vh;text-align:center}.hero-content{align-self:center;grid-row:2;margin-left:auto;margin-right:auto;max-width:640px;padding-left:1.5rem;padding-right:1.5rem}.scroll-downs{align-items:center;align-self:end;display:flex;flex-direction:column;gap:.5em;grid-row:3;padding-bottom:2em}.mousey{width:3px;padding:10px 15px;height:35px;border:1px solid #000C26;border-radius:25px;opacity:.75;box-sizing:content-box}.scroller{width:3px;height:10px;border-radius:25%;background-color:#000c26;animation-name:scroll;animation-duration:2.2s;animation-timing-function:cubic-bezier(.15,.41,.69,.94);animation-iteration-count:infinite}@keyframes scroll{0%{opacity:0}10%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.works-list{column-gap:40px;display:grid;grid-template-columns:repeat(2,1fr);list-style:none;row-gap:80px}.flow-list{display:flex;flex-direction:column;gap:5rem;list-style:none}.flow-item{align-items:flex-start;display:flex;gap:1.5rem;position:relative}.flow-item:not(:last-child):after{bottom:-4rem;content:"keyboard_arrow_down";font-family:Material Icons Outlined;font-size:2em;left:50%;position:absolute;transform:translate(-50%)}.flow-item img{flex-shrink:0;width:80px}.flow-description{margin-top:.8rem}.section-heading{background-color:#f2f2f7;border-radius:0 1em 1em 0;display:flex;flex-direction:column;gap:.5rem;max-width:400px;padding:1em;width:100%}.section-title{display:block}.section-label,.section-sublabel{display:inline-block;font-size:10px;line-height:1}.section-label{align-self:flex-start;background-color:#000c26;border-radius:999em;color:#fff;letter-spacing:.1em;padding:.25rem 1em}.section-sublabel{font-weight:300;letter-spacing:.05em}.btn{align-items:center;background-color:#000c26;border-radius:5px;color:#fff;display:flex;justify-content:space-between;line-height:1;margin-left:auto;margin-right:auto;max-width:320px;padding:2em;text-decoration:none;transition:opacity .3s}.btn span{text-align:center;transition:transform .3s}.btn:hover span{transform:translate(-.5em)}.btn:after{content:"arrow_circle_right";font-family:Material Icons Outlined;font-size:1.5em;flex-shrink:0;transition:transform .3s}.btn:hover:after{transform:translate(.5em)}.hero-content>*+*{margin-top:2rem}.hero-content h1{margin-top:4rem}.hero-content .btn+.btn{margin-top:1rem}.case-list{list-style:none}.case-list li{margin-top:5rem}.case-list li article>*+*{margin-top:.8rem}.case-list .case-link{align-items:center;background-color:#000c26;border-radius:999rem;color:#fff;display:inline-flex;font-size:clamp(10px,1vw,12px);font-weight:400;gap:.25em;letter-spacing:.1em;line-height:1;padding:.5em 1em;text-decoration:none;transition:opacity .3s}.case-list .case-link:before{content:"keyboard_double_arrow_right";font-family:Material Icons Outlined;padding-top:.15em}.case-list .case-link:hover{opacity:.7}.profile-image{border-radius:999rem;display:block;margin:0 auto}.profile-name{text-align:center}.profile-name,.profile-description{margin-top:.8rem}footer{background-color:#000c26;color:#fff;padding-bottom:5rem;padding-top:5rem}footer address,footer p.copyright{font-style:normal;margin-left:auto;margin-right:auto;max-width:640px;padding-left:2%;padding-right:2%}footer p.copyright{margin-top:5rem;text-align:center}@media(max-width:1024px){body:not(.index) .visual{display:none}.logo img{max-height:16px}.container{flex-direction:column}.visual{aspect-ratio:1 / 1;background-position:center top;border-radius:0;height:auto;margin-top:calc(40px + 2rem);max-width:768px;overflow:visible;position:relative;white-space:nowrap;width:88%}.visual-text{top:88%}.content{max-width:none;width:100%}.hero{aspect-ratio:auto;grid-template-rows:auto;max-height:none}.scroll-downs{display:none}.section-heading{width:88%}}