.banner{padding-top:10rem;padding-bottom:10rem;background-image:url(../images/banner_bg_desktop.png?e02709ac);background-repeat:no-repeat;background-size:cover;background-position-x:center}@media screen and (max-width: 820px){.banner{padding-top:10vw;padding-bottom:10vw;background-image:url(../images/banner_bg_mobile.png?e82834a0);background-size:cover}}.banner__container{max-width:1120px;margin-left:auto;margin-right:auto;display:flex}@media screen and (max-width: 820px){.banner__container{display:block}}.banner__head{width:70%}@media screen and (max-width: 820px){.banner__head{width:auto}}.banner__body{width:30%}@media screen and (max-width: 820px){.banner__body{display:none}}.banner__title{font-size:7.25rem;text-align:center;color:#fff}@media screen and (max-width: 1200px){.banner__title{font-size:9.5vw}}@media screen and (max-width: 820px){.banner__title{font-size:13vw}}.banner__subTitle{margin-top:3rem;font-size:2.625rem;color:#ffde87;text-align:center;letter-spacing:1rem}@media screen and (max-width: 820px){.banner__subTitle{margin-top:5vw;margin-left:15vw;margin-right:15vw;font-size:4.5vw;letter-spacing:2vw}}.banner__subTitle::before,.banner__subTitle::after{display:block;height:1px;background-image:linear-gradient(to right, rgba(255, 222, 135, 0) 0, #ffde87 50%, rgba(255, 222, 135, 0) 100%);content:""}.banner__subTitle::before{margin-bottom:.8rem}@media screen and (max-width: 820px){.banner__subTitle::before{margin-bottom:10px}}.banner__subTitle::after{margin-top:1rem}@media screen and (max-width: 820px){.banner__subTitle::after{margin-top:10px}}.banner__img{max-width:100%;height:auto}.banner__img--qr{padding:1rem;border-radius:5px;background-color:#fff}@media screen and (max-width: 820px){.banner__img--qr{display:none}}.banner__img--mobile{display:none}@media screen and (max-width: 820px){.banner__img--mobile{display:inline-block}}.banner__desc{margin-top:1rem;color:#fff;font-size:1.563rem;line-height:1.3}@media screen and (max-width: 820px){.banner__desc{display:none}}.banner__info{margin-top:5rem;display:flex;justify-content:center;gap:3rem}@media screen and (max-width: 820px){.banner__info{display:block;margin-top:5vw}}.banner__item--qr{text-align:center}@media screen and (max-width: 820px){.banner__item--qr{margin-left:21vw;margin-right:21vw}}.banner__item--download{width:335px}@media screen and (max-width: 820px){.banner__item--download{margin-top:1rem;margin-left:auto;margin-right:auto}}@media screen and (max-width: 375px){.banner__item--download{width:auto;margin-left:8vw;margin-right:8vw}}.banner__item--download .banner__btns{display:flex;flex-wrap:wrap;row-gap:3.2rem;justify-content:space-between}@media screen and (max-width: 820px){.banner__item--download .banner__btns{justify-content:center;row-gap:7vw;column-gap:1rem}}.banner__btn{display:inline-block;text-decoration:none}.banner__btn--download{padding-top:.8rem;padding-bottom:1rem;text-align:center;color:#0c2767;font-size:3rem;background-image:linear-gradient(#ffefc3, #ffc42c, #ffcc4a);border-radius:1rem}@media screen and (max-width: 480px){.banner__btn--download{font-size:10vw}}.banner__btn--download:hover{background-image:linear-gradient(#ffcc4a, #ffc42c, #ffefc3)}.banner__item--download .banner__btn--download{width:100%}.banner__btn--download~.btn{width:47%}@media screen and (max-width: 480px){.banner__btn--download~.btn{width:auto}}.banner__btn--border{border:solid 5px #fff;box-shadow:0 0 10px #fff}.banner__btn--pointer{position:relative}.banner__btn--pointer::after{position:absolute;top:30%;width:100px;height:100px;background-image:url(../images/pointer.svg?df10662f);background-repeat:no-repeat;background-size:cover;content:""}
.btn{display:inline-block;text-decoration:none}.btn-ios,.btn-android{width:163px;height:47px;aspect-ratio:225/67;text-indent:-9999px;background-image:url(../images/btn_download.jpg?50eaf60f);background-size:cover;border:solid 1px #a6a6a6;border-radius:5px;box-sizing:border-box}@media screen and (max-width: 375px){.btn-ios,.btn-android{width:125px;height:36px}}.btn-ios:hover,.btn-android:hover{box-shadow:0 4px 7px rgba(0,0,0,.3);transform:translateY(-1px)}.btn-ios{background-position-y:-47px}@media screen and (max-width: 375px){.btn-ios{background-position-y:-36px}}
.footer{padding-top:65px;padding-bottom:65px;text-align:center;background-color:#1b1e1d}@media screen and (max-width: 480px){.footer{padding-top:1rem;padding-bottom:1rem}}.footer__head{display:flex;justify-content:center;align-items:center}.footer__title{color:#fff;font-size:2rem;font-weight:bold;font-family:"Arial Black"}@media screen and (max-width: 480px){.footer__title{font-size:1rem}}.footer__desc{color:#a9a9a9;line-height:1.7;font-size:.9rem}@media screen and (max-width: 480px){.footer__desc{font-size:12px}}.footer__img{max-width:100%;height:auto}@media screen and (max-width: 480px){.footer__img{max-width:20px}}.footer__img--logo{margin-right:5px}
.fixed{position:fixed;background-color:#ffd15b;border-radius:7px;box-shadow:4px 4px 8px rgba(0,0,0,.25)}.fixed__head,.fixed__body{margin:1rem}.fixed__head{padding:1rem;background-color:#fff;border:solid 2px #ed9b13;border-radius:7px}.fixed__body{font-size:2rem;text-align:center;color:#111f44}.banner .fixed{top:100px;margin-left:1120px}