@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap";
body{color:#fff;background-color:#262626;margin:0;padding:0;font-family:Roboto,Arial,sans-serif}main{margin-top:10vw}.background-image{z-index:-1;pointer-events:none;clip-path:inset(0 100% 0 0);width:100vw;height:auto;transition:clip-path .7s cubic-bezier(.37,0,.63,1);position:absolute;top:0;right:0}.background-image.show{clip-path:inset(0)}.background-image img{object-fit:cover;object-position:center;opacity:1;width:100%;height:auto}.title{flex-direction:column;justify-content:center;align-items:center;padding-top:8.33333vw;padding-bottom:10vw;display:flex}.subtitle{padding:0 5vw}.paragraph{padding:5vw}.smooth.is-animated{clip-path:inset(0)}h1{clip-path:inset(0 100% 0 0);margin:0;font-size:4vw;font-weight:700;line-height:1.9;transition:clip-path .7s cubic-bezier(.37,0,.63,1);display:inline-block;position:relative}h1:after{content:"";border-bottom:1px solid #fff;width:100%;display:block;position:absolute;bottom:0;left:0}.subheading h1{padding:2.08333vw 4.16667vw;font-family:Times New Roman,Hiragino Mincho Pro,MS PMincho,serif;font-size:3vw;font-weight:400}.subheading h1:after{border-bottom:none}h2{clip-path:inset(0 100% 0 0);margin:0;padding-left:.833333vw;padding-right:6.25vw;font-size:2vw;font-weight:700;transition:clip-path .7s cubic-bezier(.37,0,.63,1);display:inline-block;position:relative}h2:after{content:"";border-bottom:1px solid #fff;width:100%;display:block;position:absolute;bottom:0;left:0}h2 .subheading{opacity:.8;margin-left:15px;font-size:.8em;font-weight:400}h3{padding-left:.833333vw;font-size:1.6vw;font-weight:700}p{padding:0 .833333vw;font-size:1.2vw}.small{font-size:.8em;font-weight:400}.detail{color:gray;font-size:.8em;font-weight:400}.icons{align-items:flex-end;margin-top:.5vw;display:flex}.president-icon{border-radius:1vw;width:7vw;height:auto;margin-right:2vw}.sns-icons{align-items:flex-end;gap:1vw;display:flex}.sns-icons img{width:3vw;height:auto;transition:transform .3s}.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{border-radius:3vw;width:30vw;margin-right:6vw}.sns-icons{gap:5vw}.sns-icons img{width:10vw}}
.header-container{z-index:998;justify-content:space-between;align-items:center;width:100%;height:5vw;margin-bottom:0;padding:.5vw 30px .5vw 20px;transition:box-shadow,background-color .5s;display:flex;position:fixed;top:0}.header-container.scrolled{background-color:#262626cc;box-shadow:0 1px 5px #ffffff80}.logo{display:flex}.logo img{height:4vw}.header-actions{align-items:center;display:flex}.app-button{color:#fff;cursor:pointer;background:linear-gradient(to top right,#845b49,#225d5e);border:none;border-radius:1.5vw;justify-content:center;align-items:center;margin-right:3.125vw;padding:.8vw 1vw;font-size:1vw;font-weight:700;text-decoration:none;display:flex}.app-button:hover{color:#000;background:linear-gradient(to top right,#f1c8b6,#8fcacb)}.menu-button{color:#fff;cursor:pointer;background:0 0;border:none;margin-right:1.66667vw;padding:0 1.66667vw 0 0;font-size:3vw;line-height:5vw;transform:scaleX(1.5)}.menu-button:hover{color:gray}.side-menu{z-index:1000;background-color:#ffffffe6;border-top-left-radius:20px;min-width:fit-content;height:100%;font-size:1.5vw;transition:right .3s;position:fixed;top:5.55556vw;right:-300px;box-shadow:-2px 0 5px #00000080}.menu-link{font-size:1.3vw}.side-menu.open{right:0}.side-menu ul{padding:20px;list-style-type:none}.side-menu ul li{margin-bottom:2.08333vw}.side-menu ul li a{color:gray;text-decoration:none;display:inline-block;position:relative}.side-menu ul li a:after{content:"";background:linear-gradient(90deg,#e2916c,#1e9497);border-radius:2px;width:0%;height:2px;transition:width .15s ease-in-out;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.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:"";background:linear-gradient(90deg,#e2916c,#1e9497);border-radius:2px;width:120%;height:2px;position:absolute;bottom:-4px;left:50%}.menu-overlay{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.menu-overlay.visible{display:block}@media (max-width:768px){.header-container{height:12.5vw;padding:1.25vw 3.125vw 1.25vw 0}.logo img{height:10vw}.app-button{border-radius:5vw;margin-right:5vw;padding:2.5vw 4vw;font-size:2.8vw;font-weight:700}.menu-button{margin-right:2vw;padding-right:2vw;font-size:8vw}.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:4.16667vh;padding-bottom:2.77778vh}.footer-links{justify-content:center;gap:2.77778vw;margin-bottom:1.38889vh;display:flex}.footer-link{color:gray;white-space:nowrap;font-size:1.5vh;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-company{color:#fff;white-space:nowrap}.footer-company p{font-size:1.8wh;margin:0}@media (max-width:768px){.footer-link{font-size:3vw}.footer-company p{font-size:3.6vw}}