header[data-astro-cid-jbsoqdrt]{z-index:1000;background:#fff;border-bottom:1px solid #ccc;justify-content:center;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0;& .head{justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:0 20px;display:flex;& ul{gap:20px;margin:0;padding:0;list-style:none;display:flex;& li{justify-content:center;align-items:center;padding-bottom:5px;display:flex;position:relative;&:before{content:"";background:var(--main-color);border-radius:100px;width:0;height:2px;transition:all .3s;position:absolute;bottom:0}&:hover{&:before{content:"";background:var(--light-color3);width:8px;height:2px;position:absolute;bottom:0}}& a.active{cursor:default}&:has(a.active){&:before{content:"";background:linear-gradient(90deg, var(--main-color1), var(--light-color3));view-transition-name:nav-indicator;border-radius:100px;width:100%;height:2px;transition:all .3s;position:absolute;bottom:0}}& a{color:#333;font-size:18px;font-weight:800;text-decoration:none}}}}}footer[data-astro-cid-ddhozxeg]{background:linear-gradient(90deg, var(--main-color1), var(--light-color3));justify-content:center;align-items:center;margin-top:30px;display:flex;& .footer{width:100%;max-width:900px;padding:20px}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--nav-color:#aaa;--link-color:#0863ff;--main-color1:#4787ff;--main-color2:#52a3ff;--light-color1:#c1f9ff;--light-color2:#c1ebff;--light-color3:#08d2ff;--light-color4:#9ec0ff}*{box-sizing:border-box;color:#333;outline:none;font-family:LINE Seed JP,sans-serif;font-weight:400}p{line-height:2}strong{font-weight:700}a{color:var(--link-color);&:hover{text-decoration:none}}body{margin:0;padding:0;overflow-x:hidden}main{width:100%;margin:0 auto;padding:80px 20px 20px;& section,& .minidiv{width:100%;max-width:900px;margin:0 auto;padding:30px 20px}& section.mini{padding:20px}}hgroup.main{width:100%;max-width:900px;margin:0 auto;padding:60px 20px;& h2{background:linear-gradient(90deg, var(--main-color1), var(--light-color3));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;width:fit-content;margin:0;font-family:Dela Gothic One;font-size:70px;display:inline-block;position:relative}& p{color:#aaa;letter-spacing:4px;margin:0;padding-left:5px;font-size:25px;font-weight:800}}hgroup.mini{width:100%;max-width:900px;margin:0 auto 30px;padding:30px 20px 30px 50px;position:relative;&:before{content:"";background:var(--main-color1);border-radius:100px;width:5px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}& h3{margin:0;font-family:Dela Gothic One;font-size:30px;& span{will-change:transform, opacity;font-family:Dela Gothic One;font-size:30px;display:inline-block}}& p{color:#aaa;letter-spacing:2px;margin:0;padding-left:5px;font-size:16px;font-weight:500;& span{color:#aaa;will-change:transform, opacity;font-size:16px;font-weight:500;display:inline-block}}}hgroup.mini2{width:100%;max-width:900px;margin:0 auto;padding:30px 20px 30px 50px;position:relative;&:before{content:"";background:var(--main-color1);border-radius:100px;width:5px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}& h3{margin:0;font-family:Dela Gothic One;font-size:30px;& span{will-change:transform, opacity;font-family:Dela Gothic One;font-size:30px;display:inline-block}}& p{color:#aaa;letter-spacing:2px;margin:0;padding-left:5px;font-size:16px;font-weight:500;& span{color:#aaa;will-change:transform, opacity;font-size:16px;font-weight:500;display:inline-block}}}#smooth-wrapper{overflow:hidden}#smooth-content{width:100%}#loading-screen{z-index:99999;color:#000;background:#fff;width:100%;height:100%;position:fixed;inset:0;& p{background:linear-gradient(45deg, var(--main-color1), var(--light-color3));color:#fff;border-radius:100px;margin:0;padding:20px 80px;font-weight:800;position:absolute;bottom:10%;right:10%}}h4{letter-spacing:5px;margin:0;padding-bottom:10px;font-size:20px;font-weight:800;position:relative;&:first-letter{color:var(--main-color1)}&:before{content:"";background:var(--main-color1);border-top-left-radius:100px;border-bottom-left-radius:100px;width:20px;height:1.5px;position:absolute;bottom:0;left:0}&:after{content:"";background:#aaa;border-top-right-radius:100px;border-bottom-right-radius:100px;width:100px;height:1.5px;position:absolute;bottom:0;left:20px}}