@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");body{font-family:Noto Sans JP,sans-serif;padding:0;margin:0;background-color:#fff;color:#1a1819;position:relative}main{margin-top:calc(100vw / 10)}.background-image{position:fixed;top:50%;right:0;transform:translateY(-50%);width:40vw;height:auto;z-index:-1}.background-image img{width:100%;height:auto}.title{padding-top:calc(100vw / 10);padding-bottom:0;padding-left:calc(100vw / 12)}.subtitle{padding:0 calc(100vw / 20)}.paragraph{padding:calc(100vw / 20)}.smooth.is-animated{-webkit-clip-path:inset(0);clip-path:inset(0)}h1{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);position:relative;transition:.7s cubic-bezier(.37,0,.63,1);transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;font-size:8vw;font-weight:400;display:inline-block;margin:0;padding-left:calc(100vw / 30);padding-right:calc(100vw / 6);text-shadow:-3px -3px 7px hsla(0,0%,100%,.7),3px -3px 7px hsla(0,0%,100%,.7),-3px 3px 7px hsla(0,0%,100%,.7),3px 3px 7px hsla(0,0%,100%,.7)}h1:after{content:"";display:block;width:100%;border-bottom:1px solid #0a2236;position:absolute;bottom:0;left:0}.subheading h1{font-size:3vw;font-weight:400;font-family:Times New Roman,Hiragino Mincho Pro,MS PMincho,serif;padding:calc(100vw / 48) calc(100vw / 24);text-shadow:-3px -3px 7px hsla(0,0%,100%,.7),3px -3px 7px hsla(0,0%,100%,.7),-3px 3px 7px hsla(0,0%,100%,.7),3px 3px 7px hsla(0,0%,100%,.7)}.subheading h1:after{border-bottom:none}h2{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);position:relative;transition:.7s cubic-bezier(.37,0,.63,1);transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;font-size:2.5vw;font-weight:700;display:inline-block;margin:0;padding-left:calc(100vw / 60);padding-right:calc(100vw / 8)}h2:after{content:"";display:block;width:100%;border-bottom:1px solid #0a2236;position:absolute;bottom:0;left:0}h2 .subheading{font-size:1.4vw;font-weight:400;font-family:Times New Roman,Hiragino Mincho Pro,MS PMincho,serif;margin-left:10px}h3{font-size:1.6vw;font-weight:700;padding-left:calc(100vw / 120)}p{font-size:1.2vw;padding:0 calc(100vw / 60)}.detail{color:gray;font-size:.8em;font-weight:400}.bold{font-weight:700}.right-align{text-align:right}@media (max-width:768px){.background-image{height:80vw;top:80vw;transform:translateY(-20vw)}.title{padding-top:calc(100vw / 3);padding-left:calc(100vw / 30)}.subtitle{padding-top:calc(100vw / 8);padding-left:calc(100vw / 20);padding-right:calc(100vw / 20)}.paragraph{padding:calc(100vw / 10) calc(100vw / 20)}h1{font-size:12vw;font-weight:700;padding-left:calc(100vw / 40);padding-right:calc(100vw / 10);white-space:nowrap}.subheading h1{font-size:5vw}h2{font-size:6vw;font-weight:400}h2 .subheading{font-size:4.5vw}h3{font-size:5vw}p{font-size:3.5vw}}.header-container{display:flex;width:100%;justify-content:space-between;align-items:center;height:calc(100vw / 20);padding:calc(100vw / 20 / 10) 30px calc(100vw / 20 / 10) 20px;margin-bottom:0;position:fixed;top:0;z-index:998;transition:box-shadow .3s ease,background-color .5s ease}.header-container.scrolled{box-shadow:0 1px 5px gray;background-color:hsla(0,0%,100%,.8)}.logo{display:flex}.logo img{height:calc(100vw / 20 * .8)}.header-actions{display:flex;align-items:center}.menu-button{background:none;border:none;color:#000;font-size:calc((100vw / 20 * .6));transform:scaleX(1.5);line-height:calc(100vw / 20);cursor:pointer;padding:0 calc(100vw / 60) 0 0;margin-right:calc(100vw / 60)}.menu-button:hover{color:gray}.side-menu{position:fixed;top:calc(100vw / 18);right:-300px;min-width:-moz-fit-content;min-width:fit-content;height:100%;background-color:hsla(0,0%,100%,.9);box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;z-index:1000;border-top-left-radius:20px}.menu-link{font-size:1.3vw}.menu-link .subheading{font-size:1vw;color:gray;font-weight:400;margin-left:10px}.side-menu.open{right:0}.side-menu ul{list-style-type:none;padding:20px}.side-menu ul li{margin-bottom:calc(100vw / 48)}.side-menu ul li a{color:gray;text-decoration:none;position:relative;display:inline-block}.side-menu ul li a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:1px;background:#0a2236;transform:translateX(-50%);transition:width .15s ease-in-out;border-radius:2px}.side-menu ul li a:hover:after{width:120%}.side-menu ul li a.active{color:#000;position:relative}.side-menu ul li a.active:after{content:"";position:absolute;left:50%;bottom:-4px;width:120%;height:1px;background:#0a2236}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;z-index:999}.menu-overlay.visible{display:block}@media (max-width:768px){.header-container{height:calc(100vw / 8);padding:calc(100vw / 8 / 10) calc(100vw / 32) calc(100vw / 8 / 10) 0}.logo img{height:calc(100vw / 10)}.menu-button{color:#000;font-size:calc((100vw / 12));padding-right:calc(100vh / 64);margin-right:calc(100vw / 64)}.menu-link{font-size:3.5vw}.menu-link .subheading{font-size:3vw;margin-left:10px}.side-menu ul li{margin-bottom:calc(100vw / 20)}.side-menu ul li a:after{content:none;transition:none}.side-menu ul li a:hover:after{width:0}}.footer{text-align:center;padding-bottom:calc(100vw / 60)}.footer-company p{white-space:nowrap;margin:0}