@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap");body{font-family:Roboto,Arial,sans-serif;padding:0;margin:0;background-color:#262626;color:#fff}main{margin-top:calc(100vw / 10)}.background-image{position:absolute;top:0;right:0;width:100vw;height:auto;z-index:-1;pointer-events:none;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:-webkit-clip-path .7s cubic-bezier(.37,0,.63,1);transition:clip-path .7s cubic-bezier(.37,0,.63,1);transition:clip-path .7s cubic-bezier(.37,0,.63,1),-webkit-clip-path .7s cubic-bezier(.37,0,.63,1)}.background-image.show{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.background-image img{width:100%;height:auto;object-fit:cover;object-position:center;opacity:1}.title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:calc(100vw / 12);padding-bottom:10vw}.subtitle{padding:0 5vw}.paragraph{padding:5vw}.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:4vw;font-weight:700;line-height:1.9;display:inline-block;margin:0}h1:after{content:"";display:block;width:100%;border-bottom:1px solid #fff;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)}.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:2vw;font-weight:700;display:inline-block;margin:0;padding-left:calc(100vw / 120);padding-right:calc(100vw / 16)}h2:after{content:"";display:block;width:100%;border-bottom:1px solid #fff;position:absolute;bottom:0;left:0}h2 .subheading{font-size:.8em;font-weight:400;opacity:.8;margin-left:15px}h3{font-size:1.6vw;font-weight:700;padding-left:calc(100vw / 120)}p{font-size:1.2vw;padding:0 calc(100vw / 120)}.detail,.small{font-size:.8em;font-weight:400}.detail{color:gray}.icons{display:flex;align-items:flex-end;margin-top:.5vw}.president-icon{width:7vw;height:auto;border-radius:1vw;margin-right:2vw}.sns-icons{display:flex;align-items:flex-end;gap:1vw}.sns-icons img{width:3vw;height:auto;transition:transform .3s ease}.sns-icons :hover{transform:scale(1.1)}@media (max-width:768px){.title{padding-top:25vw}.subtitle{padding-top:12.5vw;padding-left:5vw;padding-right:5vw}.paragraph{padding:10vw 5vw}h1{font-size:7vw}.subheading h1,h2{font-size:5vw}h2 .subheading{display:none}h3{font-size:5vw}p{font-size:3.5vw}.icons{margin-top:1vw}.president-icon{width:30vw;border-radius:3vw;margin-right:6vw}.sns-icons{gap:5vw}.sns-icons img{width:10vw}}.header-container{display:flex;width:100%;justify-content:space-between;align-items:center;height:5vw;padding:calc(100vw / 20 / 10) 30px calc(100vw / 20 / 10) 20px;margin-bottom:0;position:fixed;top:0;z-index:998;transition:box-shadow,background-color .5s ease}.header-container.scrolled{box-shadow:0 1px 5px hsla(0,0%,100%,.5);background-color:rgba(38,38,38,.8)}.logo{display:flex}.logo img{height:calc(100vw / 20 * .8)}.app-button,.header-actions{display:flex;align-items:center}.app-button{justify-content:center;text-decoration:none;background:linear-gradient(to top right,#845b49,#225d5e);color:#fff;font-weight:700;border:none;padding:.8vw 1vw;font-size:calc((100vw / 20 * .8) / 4);border-radius:calc(100vw / 20 * .3);cursor:pointer;margin-right:calc(100vw / 32)}.app-button:hover{background:linear-gradient(to top right,#f1c8b6,#8fcacb);color:#000}.menu-button{background:none;border:none;color:#fff;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%;font-size:1.5vw;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}.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:2px;background:linear-gradient(90deg,#e2916c,#1e9497);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:2px;background:linear-gradient(90deg,#e2916c,#1e9497);border-radius:2px}.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:10vw}.app-button{font-size:2.8vw;font-weight:700;border-radius:5vw;padding:2.5vw 4vw;margin-right:5vw}.menu-button{font-size:8vw;padding-right:2vw;margin-right:2vw}.menu-link{font-size:3.5vw}.side-menu ul li{margin-bottom:5vw}.side-menu ul li a:after{content:none;transition:none}.side-menu ul li a:hover:after{width:0}}.footer{text-align:center;padding-top:calc(100vh / 24);padding-bottom:calc(100vh / 36)}.footer-links{display:flex;justify-content:center;gap:calc(100vw / 36);margin-bottom:calc(100vh / 72)}.footer-link{font-size:1.5vh;color:gray;text-decoration:none;white-space:nowrap}.footer-link:hover{text-decoration:underline}.footer-company{color:#fff;white-space:nowrap}.footer-company p{margin:0;font-size:1.8wh}@media (max-width:768px){.footer-link{font-size:3vw}.footer-company p{font-size:3.6vw}}