:root{--intro-main-wrapper-height:600px;--intro-transition-duration:1.5s;--intro-main-wrapper-background:radial-gradient(148.09% 147.99% at 52.57% 116.34%, #fff 0%, #c0c0f2 18.92%, #609aff 54.65%, #000 100%);--intro-main-wrapper-gap:32px;--intro-main-wrapper-title-description-color:#f5f5ff;--intro-main-wrapper-title-description-z-index:30;--intro-main-wrapper-title-font-size:96px;--intro-main-wrapper-title-font-weight:800;--intro-main-wrapper-title-line-height:82px;--intro-main-wrapper-description-font-size:24px;--intro-main-wrapper-description-font-weight:500;--intro-main-wrapper-description-line-height:22px;--intro-main-wrapper-background-content-top:20px}.intro-main-wrapper{width:100%;min-height:var(--intro-main-wrapper-height);max-height:var(--intro-main-wrapper-height);background:var(--intro-main-wrapper-background);justify-content:center;align-items:center;gap:var(--intro-main-wrapper-gap);margin-bottom:calc(-100px - var(--header-main-wrapper-height));contain:paint;will-change:transform;transition:min-height var(--intro-transition-duration) ease, max-height var(--intro-transition-duration) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}@media only screen and (width<=640px){.intro-main-wrapper{min-height:100dvh;max-height:100dvh;transition:min-height var(--intro-transition-duration) ease, max-height var(--intro-transition-duration) ease, padding-top var(--intro-transition-duration) ease}.intro-main-wrapper.intro-mobile-normal{min-height:var(--intro-main-wrapper-height);max-height:var(--intro-main-wrapper-height);padding-top:0}.intro-main-wrapper:not(.intro-mobile-normal){padding-top:40dvh}.intro-main-wrapper:not(.intro-mobile-normal)~#inner-main-wrapper{opacity:0;margin-top:100dvh!important}#inner-main-wrapper{transition:margin-top var(--intro-transition-duration) ease, opacity var(--intro-transition-duration) ease var(--intro-transition-duration);opacity:1;will-change:margin-top, opacity}.intro-continue-button{z-index:var(--intro-main-wrapper-title-description-z-index);color:#efefff;will-change:opacity, height, margin-top;background:#250054;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:4px;padding:8px 30px 10px;font-size:18px;display:inline-flex;position:relative}.intro-visual{--intro-scale:calc(35dvh / 545);width:calc(1440px * var(--intro-scale));height:calc(545px * var(--intro-scale));aspect-ratio:1440/545;margin:0 auto;position:relative}.intro-main-wrapper:not(.intro-mobile-normal) .intro-visual{top:6dvh}.intro-main-wrapper.intro-mobile-normal .intro-visual{top:0}.intro-main-wrapper:not(.intro-mobile-normal) #intro-svg .intro-stop-fade{stop-opacity:1;transition:stop-opacity var(--intro-transition-duration) ease}.intro-main-wrapper.intro-mobile-normal #intro-svg .intro-stop-fade{stop-opacity:0;transition:stop-opacity var(--intro-transition-duration) ease}.intro-main-wrapper #intro-svg .intro-stop-fixed{stop-opacity:1}}.intro-main-wrapper-title-wrapper,.intro-main-wrapper-description-wrapper{color:var(--intro-main-wrapper-title-description-color);text-align:center;z-index:var(--intro-main-wrapper-title-description-z-index);position:relative}.intro-main-wrapper-title-wrapper{font-size:var(--intro-main-wrapper-title-font-size);font-weight:var(--intro-main-wrapper-title-font-weight);line-height:var(--intro-main-wrapper-title-line-height)}.intro-main-wrapper-description-wrapper{font-size:var(--intro-main-wrapper-description-font-size);font-weight:var(--intro-main-wrapper-description-font-weight);line-height:var(--intro-main-wrapper-description-line-height)}@media only screen and (width>=641px){.intro-continue-button{display:none!important}}.intro-main-background-content{contain:layout paint;justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}#intro-svg{object-fit:cover;will-change:transform, opacity;backface-visibility:hidden;justify-self:center;height:90%;margin-top:40px;display:block;overflow:visible}@media only screen and (width<=640px){#intro-svg{height:40dvh;transition:height var(--intro-transition-duration) ease, margin-top var(--intro-transition-duration) ease;margin-top:10dvh}.intro-main-wrapper.intro-mobile-normal #intro-svg{height:90%;margin-top:20px}}@media only screen and (width<=950px){:root{--intro-main-wrapper-title-font-size:80px;--intro-main-wrapper-description-font-size:20px;--intro-main-wrapper-title-line-height:64px;--intro-main-wrapper-description-line-height:22px}}@media only screen and (width<=700px){:root{--intro-main-wrapper-title-font-size:72px;--intro-main-wrapper-description-font-size:20px;--intro-main-wrapper-title-line-height:60px;--intro-main-wrapper-description-line-height:22px}}@media only screen and (width<=500px){:root{--intro-main-wrapper-height:360px;--intro-main-wrapper-title-font-size:44px;--intro-main-wrapper-description-font-size:14px;--intro-main-wrapper-title-line-height:36px;--intro-main-wrapper-description-line-height:16px;--intro-main-wrapper-gap:12px}}
