.cps-lead-page-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:96px;background:url(https://static.hhocool.com/images/e3cabc9e-8629-4b0a-bd50-d1d3f5855704_1125x696.png);background-repeat:no-repeat;background-position:top;background-size:contain}.cps-lead-page-wrapper .cps-introduction-container{display:flex;overflow-y:auto;flex-direction:column;font-size:0;width:100%}.cps-lead-page-wrapper .cps-introduction-container .cps-introduction-image{width:100%;height:auto;max-width:900px}.cps-lead-page-wrapper .cps-introduction-container .cps-join-now__btn{position:relative;overflow:hidden;padding:12px 32px 24px;box-sizing:border-box;width:100%;max-width:900px;margin:auto}.cps-lead-page-wrapper .cps-introduction-container .cps-join-now__btn>.lottery-btn>.LargeCircle{box-sizing:content-box;background-color:hsla(0,0%,100%,.37);width:20px;height:20px;right:30px;top:5px}.cps-lead-page-wrapper .cps-introduction-container .cps-join-now__btn>.lottery-btn>.startHands{z-index:10;transform:translate(25%,25%)}.cps-lead-page-wrapper .cps-introduction-container .cps-join-now__btn>.join-title{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fff;text-align:center;font-family:Hiragino Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;white-space:nowrap}.cps-lead-page-wrapper .cps-introduction-container .bottom-btn-wrapper{position:fixed;bottom:0;left:0;width:100%;background:#fff}.lottery-btn{position:relative;border-radius:22px;display:flex;flex-direction:column;align-items:center}.lottery-btn .startHands{animation:hfl_flash_button_click_lottery_btn .5s ease 0s infinite alternate}.lottery-btn .light{animation:hfl_flash_button_slide 2s linear infinite}.lottery-btn .LargeCircle{animation:hfl_flash_button_circle_scale_large .5s ease 0s infinite alternate;position:absolute;right:40px;width:30px;height:30px;background-color:hsla(0,0%,100%,.1);filter:blur(.5px);border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center}.lottery-btn .LargeCircle .SmallCircle{width:20px;height:20px;background-color:#fff;opacity:.3;filter:blur(.5px);border-radius:10px}@keyframes hfl_flash_button_click_lottery_btn{0%{right:10px;bottom:-10px}to{right:20px;bottom:-5px}}@keyframes hfl_flash_button_circle_scale_large{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes hfl_flash_button_slide{0%{transform:translateX(0)}to{transform:translateX(calc(100% - 50px))}}.NavigationBar-wrapper .NavigationBar{position:fixed;height:36px;top:0;left:0;right:0;line-height:44px;transition:all .25s linear;box-sizing:content-box}.NavigationBar-wrapper .NavigationBar .NavigationBar-back{height:28px;width:28px;position:absolute;left:12px;font-size:16px;color:#fff;line-height:28px;border-radius:50%;display:flex;align-items:center}.NavigationBar-wrapper .NavigationBar .NavigationBar-title{position:absolute;left:50%;transform:translate3d(-50%,0,0);font-weight:600;font-size:16px;color:#fff;white-space:nowrap;line-height:36px}.NavigationBar-wrapper .NavigationBar .NavigationBar-menu{position:absolute;right:12px;font-weight:600;font-size:12px;color:#fff}.NavigationBar-wrapper .NavigationBar>span,.NavigationBar-wrapper .NavigationBar>svg{transition:all .25s linear}.NavigationBar-wrapper .not-opacity{background:#fff}.NavigationBar-wrapper .not-opacity>.NavigationBar-back,.NavigationBar-wrapper .not-opacity>.NavigationBar-title,.NavigationBar-wrapper .not-opacity>svg{color:#1a1a1a}.NavigationBar-wrapper .not-opacity .fixed-title{background-color:transparent!important}.HFLSafeArea-wrapper .HFLSafeArea-position__top{padding-top:env(safe-area-inset-top,var(--default-val))}.HFLSafeArea-wrapper .HFLSafeArea-position__bottom{padding-bottom:env(safe-area-inset-bottom,var(--default-val))}