.commonBannerArea,.appSpecArea,.footer{font-size:62.5%}@media screen and (max-width: 1200px){.commonBannerArea,.appSpecArea,.footer{font-size:calc(100vw / 1200 * 10)}}@media screen and (max-width: 980px){.commonBannerArea,.appSpecArea,.footer{font-size:calc(100vw / 980 * 10)}}.commonBannerArea .secInner,.appSpecArea .secInner,.footer .secInner{position:relative;z-index:0;max-width:1200px;margin:auto}.commonBannerArea{position:relative;z-index:0;background-image:url(/assets/images/common/bg-commonBanner.jpg);background-size:cover;background-position:50% 50%}.commonBannerArea:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(162,199,251,0)), to(rgba(162,199,251,0.45)));background-image:linear-gradient(rgba(162,199,251,0) 70%, rgba(162,199,251,0.45) 100%)}.commonBannerArea .secInner{padding:10rem 0}.commonBannerArea .bannerWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.commonBannerArea .bannerWrap .banner{width:300px;margin:1rem;border:.3rem solid #fff}@media screen and (max-width: 980px){.commonBannerArea .bannerWrap .banner{width:45rem}}@media screen and (max-width: 640px){.commonBannerArea .bannerWrap .banner{width:80rem;margin:2rem auto}}.appSpecArea{background-color:#383275}.appSpecArea .secInner{padding:5rem 0 4rem}@media screen and (min-width: 641px){.appSpecArea .secInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}}@media screen and (max-width: 640px){.appSpecArea .secInner{padding:45px 0}}.appSpecArea .logo,.appSpecArea .specWrap{margin:0 2rem}.appSpecArea .logo{position:relative;z-index:0;width:360px}@media screen and (max-width: 640px){.appSpecArea .logo{width:260px;margin:auto}}.appSpecArea .logo img{width:100%}@media screen and (min-width: 641px){.appSpecArea .logo img{position:absolute;z-index:0;top:50%;left:0;display:block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (max-width: 640px){.appSpecArea .specWrap{margin:15px auto 0}}.appSpecArea .specWrap .buttonsWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.appSpecArea .specWrap .buttonsWrap .button{display:block;margin:0 5px}.appSpecArea .specWrap .buttonsWrap .button img{width:100%}.appSpecArea .specWrap .buttonsWrap .button.-app{width:160px}.appSpecArea .specWrap .buttonsWrap .button.-google{width:200px}@media screen and (max-width: 640px){.appSpecArea .specWrap .buttonsWrap .button.-app{width:132px}.appSpecArea .specWrap .buttonsWrap .button.-google{width:160px}}.appSpecArea .specWrap .specText{margin:1rem .5rem 0;color:#fff;font-weight:bold;font-size:13px}@media screen and (max-width: 980px){.appSpecArea .specWrap .specText{font-size:13px}}@media screen and (max-width: 640px){.appSpecArea .specWrap .specText{font-size:13px}}@media screen and (max-width: 640px){.appSpecArea .specWrap .specText{width:280px;margin:10px auto 0}}.appSpecArea .specWrap .specText .notice{font-size:10px}@media screen and (max-width: 980px){.appSpecArea .specWrap .specText .notice{font-size:10px}}@media screen and (max-width: 640px){.appSpecArea .specWrap .specText .notice{font-size:10px}}.pagetopComponent{position:fixed;z-index:900;right:10px;bottom:10px;width:88px;cursor:pointer}@media screen and (max-width: 640px){.pagetopComponent{min-width:70px;width:16rem}}.pagetopComponent img{width:100%}.footer{background-color:#deebff;color:#383275}.footer .secInner{padding:40px 10px 90px}.footer .upperWrap{margin-bottom:25px}@media screen and (min-width: 641px){.footer .upperWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer .commonSnsWrap{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (max-width: 640px){.footer .commonSnsWrap{margin:0 auto 35px}}.footer .logoWrap{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.footer .logoWrap .logo{width:180px}@media screen and (max-width: 640px){.footer .logoWrap .logo{width:140px}}.footer .logoWrap .logo img{width:100%}.footer .logoWrap small{margin-left:10px;font-size:12px}.footer .text{margin-bottom:15px;font-size:12px;font-weight:bold}.footer .text a{display:inline-block;margin:0 20px 10px 0;text-decoration:none;color:#383275}.footer .text a:hover{text-decoration:underline;color:#383275}.footer .text a:active,.footer .text a:visited{color:#383275}.footer .commonSnsWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:238px;width:19.83333%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.footer .commonSnsWrap .icon{display:block;width:21.84874%}@media screen and (max-width: 980px){.footer .commonSnsWrap{width:31.22rem}}@media screen and (max-width: 640px){.footer .commonSnsWrap{width:44.6rem;margin:0 auto 35px}}@media (min-width: 981px){.footer .-hover02{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.footer .-hover02:hover{opacity:.9}}@media (max-width: 980px){.footer .-hover02:hover{-webkit-transform:translateY(2px);transform:translateY(2px)}}
/*# sourceMappingURL=component.css.map */