@font-face{font-family:Kosugi_Maru;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/Kosugi_Maru_Regular-D_uf1K_q.woff) format("woff")}@font-face{font-family:Zen_Maru_Gothic;font-display:swap;font-weight:200;src:url(/assets/Zen_Maru_Gothic_Light-olrlbd1d.woff) format("woff")}@font-face{font-family:Zen_Maru_Gothic;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/Zen_Maru_Gothic_Regular-BUIYNnTo.woff) format("woff")}@font-face{font-family:Zen_Maru_Gothic;font-display:swap;font-weight:600;src:url(/assets/Zen_Maru_Gothic_Medium-B31NH9X_.woff) format("woff")}@font-face{font-family:Zen_Maru_Gothic;font-display:swap;font-weight:700;src:url(/assets/Zen_Maru_Gothic_Bold-BED6pZGa.woff) format("woff")}@font-face{font-family:Zen_Maru_Gothic;font-display:swap;font-weight:900;src:local("Zen_Maru_Gothic"),url(/assets/Zen_Maru_Gothic_Black-uNrU8MJE.woff) format("woff")}:root{--font-family-zen: "Zen_Maru_Gothic", sans-serif;line-height:1.5;font-weight:400;--theme-color: #29c4cc;--theme-color-secondary: #14939a;--theme-color-grid: #29c4cc55;--text-color: #555555;--breakpoint-sp: 760px;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vaundy-in{transform-origin:center center;scale:0}.vaundy-in.is-active,.vaundy-in.is-visible{animation:vaundy-in .5s ease-in-out forwards}@keyframes vaundy-in{0%{scale:0}25%{scale:120%}35%{scale:95%}45%{scale:105%}55%{scale:97%}65%{scale:103%}75%{scale:99%}85%{scale:101%}95%{scale:100%}to{scale:100%}}body{margin:0;background-image:linear-gradient(0deg,transparent 31px,var(--theme-color-grid) 32px),linear-gradient(90deg,transparent 31px,var(--theme-color-grid) 32px);background-color:#fff;background-size:32px 32px;font-family:var(--font-family-zen)}.mv{height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center}.mv h1{margin:0;max-width:500px}.mv h1 #logo-canvas{width:100%}.mv .sub-title{color:var(--theme-color);font-weight:400;font-size:1rem;text-align:center;translate:0 100%;opacity:1}.mv a{background-color:var(--theme-color);min-width:220px;display:flex;justify-content:center;color:#fff;text-decoration:none;padding-block:10px;padding-inline:16px;font-weight:700;border-radius:12px}@scope(.section){:scope{min-height:100svh;background-color:transparent;padding-block:16px;&:nth-of-type(2n){background-image:linear-gradient(0deg,transparent 31px,#ffffff55 32px),linear-gradient(90deg,transparent 31px,#ffffff55 32px);background-color:var(--theme-color);background-size:32px 32px}}.title{display:flex;align-items:center;column-gap:24px;width:90%;margin-inline:auto;&.is-visible{>.title-icon{scale:1;translate:0 0}>.title-text{rotate:0deg;scale:1}}&.secandary{.title-icon{border:2px solid var(--theme-color)}.title-text{background-color:var(--theme-color);color:#fff;&:before{background-color:var(--theme-color)}}}}.title-icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#fff;border-radius:50%;width:60px;height:60px;overflow:hidden;padding:8px;scale:0;translate:0 -100%;transition:scale .3s ease-in-out,translate .2s ease-in-out;canvas{width:95%}}.title-text{background-color:#fff;border-radius:12px;color:var(--theme-color);padding-inline:16px;padding-block:8px;position:relative;transform-origin:left center;rotate:-45deg;scale:0;transition:scale .1s ease-in-out,rotate .3s ease-in-out;&:before{content:"";background-color:#fff;position:absolute;width:30px;height:30px;clip-path:polygon(100% 0,100% 100%,0 50%);translate:-100% -50%;top:50%}}}@scope(.content){:scope{display:flex;gap:200px;align-items:center;justify-content:center;flex-direction:column;width:90%;margin-inline:auto;margin-block-start:100px;@media screen and not (min-width:760px){flex-direction:column;gap:150px}}}@scope(.card){:scope{display:flex;flex-direction:column;align-items:center;container-type:inline-size;row-gap:8px;width:100%;max-width:1000px;position:relative}.circle{display:flex;align-items:center;justify-content:center;column-gap:clamp(40px,5%,60px);background-color:#fff;border-radius:20px;width:100%;padding-block:16px;padding-inline:24px;aspect-ratio:16/9;box-sizing:border-box;position:relative;box-shadow:0 0 10px #ffffff70;transition:scale .05s ease-in-out;scale:1;&:active{scale:.95}&.is-visible{.step{animation:vaundy-in .5s ease-in-out forwards}}}@container (width < 750px){.circle{flex-direction:column}}canvas{width:90%;max-width:500px}.text{font-weight:700;color:var(--text-color);font-size:clamp(1rem,1.5vw,1.25rem)}.step{position:absolute;left:0;top:0;translate:0 -120%;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-weight:900;font-size:1.5rem;line-height:1;&.blue{color:var(--theme-color)}.num{font-size:2rem;font-weight:700}}}@scope(.arrow){:scope{position:absolute;bottom:0;left:50%;translate:-30% 90%;width:160px;rotate:35deg;transform-origin:center center;display:flex;justify-content:center;align-items:center;@media screen and not (min-width:760px){width:100px;translate:-30% 95%}}canvas{width:100%}}.faq-section{padding-bottom:60px}.faq-section .faq-content{display:flex;flex-direction:column;gap:16px;width:90%;max-width:800px;margin-inline:auto;margin-block-start:60px}.faq-section .faq-item{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease,transform .3s ease;interpolate-size:allow-keywords}.faq-section .faq-item:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.faq-section .faq-item::details-content{height:0;overflow:hidden;transition:height .3s ease,content-visibility .3s allow-discrete}.faq-section .faq-item[open]::details-content{height:auto}.faq-section summary{font-weight:700;color:var(--text-color);font-size:clamp(1rem,1.5vw,1.25rem);cursor:pointer;list-style:none;position:relative;padding:20px 48px 20px 24px;padding-left:calc(24px + 2rem);display:block}.faq-section summary:before{content:"Q.";position:absolute;left:24px;top:17px;color:var(--theme-color);font-size:1.2em;font-weight:900}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--theme-color);font-size:1.5rem;font-weight:700;transition:transform .3s ease}.faq-section details[open] summary:after{transform:translateY(-50%) rotate(45deg);transition:transform .3s}.faq-section p{margin-top:0;margin-bottom:0;color:#555;line-height:1.6;font-size:.95rem;position:relative;padding:0 24px 20px calc(24px + 2rem)}.faq-section p:before{content:"A.";position:absolute;left:24px;top:-4px;color:#ff7d7d;font-size:1.2em;font-weight:900}@scope(footer){:scope{height:50px;background-image:linear-gradient(0deg,transparent 31px,#ffffff55 32px),linear-gradient(90deg,transparent 31px,#ffffff55 32px);background-color:var(--theme-color);background-size:32px 32px;display:flex;justify-content:center;align-items:center;column-gap:16px}a{color:#fff;text-decoration:none;font-weight:600;@media(hover){&:hover{text-decoration:underline}}}}
