@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap");body{font-family:Helvetica,游ゴシック,Yu Gothic,YuGothic,HiraKakuProN-W3,メイリオ,Meiryo,sans-serif;padding:0;margin:0;background-color:#fff;color:#222}main{margin-top:calc(100vw / 10)}.background-image{position:absolute;top:0;right:0;width:60vw;height:auto;z-index:-1;pointer-events:none}.background-image img{width:100%;height:auto;object-fit:cover;object-position:center;opacity:0}.title{padding-top:4vw;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;font-family:Cormorant Garamond,serif;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 gray;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;font-family:Cormorant Garamond,serif;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.8vw;font-weight:700}p{font-size:1.2vw;padding:0 calc(100vw / 60)}.center{display:flex;justify-content:center}.gray{color:gray}.bold{font-weight:700}.detail{color:gray;font-weight:400}.detail,.smaller{font-size:.8em}.index-boxes{display:flex;flex-direction:column;gap:2vw;margin-top:2vw}.index-box{background-color:#333;padding:2vw;border-radius:1vw;width:80%}.index-box,.index-link{display:flex;justify-content:space-between;align-items:center}.index-link{text-decoration:none;color:#fff;width:100%}.index-content h3{margin:0;font-size:1.5em}.index-content p{padding-left:0;margin:0}.index-arrow{font-size:2em;color:#fff}@media (max-width:768px){.background-image{width:70vw}.background-image img{height:100vw}.title{padding-top:40vw;padding-left:3.5vw}.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:8vw;font-weight:400}h2 .subheading{font-size:4.5vw}h3{font-size:5.5vw}p{font-size:3.5vw}.break{display:block;width:100%}.index-box{padding:4vw;border-radius:2vw}}.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}.header-menu{display:flex;gap:4vw;color:#000;padding-right:2vw;margin-right:2vw}.header-button:hover{color:gray}.menu-button{display:none}.header-container.scrolled .menu-button:hover,.menu-button:hover{color:gray}.header-menu a{font-family:Cormorant Garamond,serif;font-size:1.5vw;color:#000;text-decoration:none;cursor:pointer}.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)}.header-menu{display:none}.menu-button{display:block;background:none;border:none;color:#000;font-size:calc((100vw / 12));transform:scaleX(1.5);line-height:calc(100vw / 20);cursor:pointer;padding:0 calc(100vh / 64) 0 0;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}