#main_app{background-color:#F2F5F7;color:#222;font-family:"游ゴシック体", Yu Gothic, YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;font-weight:500}.wrap{overflow:hidden}.pct,.ico{line-height:0}.pct img,.ico img{width:100%}@keyframes bounce1{0%{opacity:0;transform:scale(0.2)}70%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes bounce2{0%{opacity:0;transform:scale(0.7)}70%{opacity:1;transform:scale(1.14)}100%{opacity:1;transform:scale(1)}}@media print, screen and (min-width: 737px){.pc{display:inline}.sp{display:none !important}}@media screen and (max-width: 736px){.pc{display:none !important}.sp{display:inline}}.hero{background:url(../img/hero_bg.jpg) center bottom/cover no-repeat;padding:8vh 30px}.hero-inner{max-width:1300px;max-height:850px;margin:0 auto;position:relative;display:flex;justify-content:flex-start;align-items:center}.hero-cont{width:46%;margin:0 auto 0 0}.hero-catch{font-size:8rem;letter-spacing:0.08em;line-height:1.2;font-weight:normal;font-family:"Noto Sans JP",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);margin-bottom:28px}.hero-catch .mark{font-size:1.16em;vertical-align:bottom}.line-wave-blue,.line-wave-yellow{display:inline-block;position:relative}.line-wave-blue:before,.line-wave-yellow:before{width:100%;height:10px;content:"";display:block;position:absolute;left:0;top:calc(100% + .3em)}.line-wave-blue:before{background:url(../img/waveline_blue.png) left top/auto 100% repeat-x}.line-wave-yellow:before{background:url(../img/waveline_yellow.png) left top/auto 100% repeat-x}.hero-campaign{font-size:3.2rem;letter-spacing:0.08em;line-height:1.4;font-weight:normal;font-family:"Noto Sans JP",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);margin-bottom:72px}.hero-campaign .lead{margin:0 0 10px}.hero-campaign .benefit{color:#fff105}.hero-campaign .number{font-size:1.1em}.hero-feature{width:57%;position:absolute;right:0;top:53%;transform:translateY(-50%);text-align:center;z-index:1}.hero-feature img{width:364px;position:relative;left:-30px;filter:drop-shadow(7px 7px 12px rgba(0,0,56,0.4));animation:bounce2 .6s .15s forwards}.feature-copy{width:195px;background-color:#fff;border-radius:50%;position:absolute;aspect-ratio:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(3px 4px 6px rgba(0,0,56,0.15));opacity:0}.feature-copy:before{width:0;height:0;border-style:solid;border-width:0 17.5px 30.3px 17.5px;border-color:transparent transparent #ffffff transparent;content:"";display:block;position:absolute}.feature-copy p{font-size:1.8rem;font-family:"Noto Sans JP",sans-serif;line-height:1.5;letter-spacing:.08em;text-align:center;font-weight:bold}.feature-01{left:0;top:-10px;transform-origin:right bottom;animation:bounce1 .5s .5s forwards}.feature-01:before{right:-8px;bottom:18px;transform:rotate(125deg)}.feature-02{right:0;top:-36px;transform-origin:left bottom;animation:bounce1 .5s .65s forwards}.feature-02:before{left:-5px;bottom:14px;transform:rotate(-125deg)}.feature-03{right:-30px;top:230px;transform-origin:left center;animation:bounce1 .5s .8s forwards}.feature-03:before{left:-17px;top:60px;transform:rotate(166deg)}.feature-04{left:-55px;bottom:68px;transform-origin:right top;animation:bounce1 .5s .95s forwards}.feature-04:before{right:-19px;top:60px;transform:rotate(193deg)}.feature-05{right:15px;bottom:-66px;transform-origin:left top;animation:bounce1 .5s 1.1s forwards}.feature-05:before{left:-11px;top:37px;transform:rotate(185deg)}.hero-download{max-width:452px;background-color:#fff;border-radius:12px;box-shadow:0 0 6px 0 rgba(0,0,0,0.2);padding:24px;display:flex;justify-content:space-between;align-items:center}.hero-download .qr{width:110px;line-height:0}.hero-download .qr img{width:100%}.hero-download .cont{width:calc(100% - 138px)}.hero-download .lead{font-size:1.9rem;font-weight:bold;letter-spacing:.1em;font-family:"Noto Sans JP",sans-serif;line-height:1.5;margin-bottom:8px}.hero-download .lead em{font-size:1.2em}.hero-download .exp{font-size:1.6rem;line-height:1.6}.hero-download .banner{display:none}.color-red{color:#e72618}@media screen and (max-width: 1200px){.hero{background-position:center bottom;padding:40px 20px}.hero-inner{height:auto;display:block;max-height:none}.hero-cont{width:100%;margin:0}.hero-catch{font-size:7.5rem;text-align:center;margin-bottom:24px}.hero-campaign{text-align:center;font-size:3.2rem;margin-bottom:90px}.hero-feature{width:72%;position:relative;right:auto;top:auto;transform:none;margin:0 auto 90px}.hero-feature img{width:360px;position:static}.hero-download{margin:0 auto}}@media screen and (max-width: 736px){.hero{padding:24px 20px}.hero-catch{font-size:4.8rem;margin-bottom:17px}.line-wave-blue:before,.line-wave-yellow:before{height:10px;top:calc(100% + .25em)}.hero-campaign{font-size:2.3rem;margin-bottom:50px}.hero-campaign .lead{margin:0 0 6px}.hero-campaign .benefit{color:#fff105}.hero-campaign .number{font-size:1.1em}.hero-feature{width:100%;margin-bottom:45px}.hero-feature img{width:68%;position:static}.feature-copy{display:inline-block;width:auto;border-radius:15px;aspect-ratio:auto;padding:10px}.feature-copy:before{width:0;height:0;border-style:solid;border-width:0 8px 34px 8px;border-color:transparent transparent #ffffff transparent;position:absolute}.feature-copy p{font-size:1.4rem;line-height:1.4;letter-spacing:.08em;position:relative;z-index:1}.feature-01{left:-4px;top:30px}.feature-01:before{left:100%;bottom:14px;transform:rotate(108deg)}.feature-02{right:-6px;top:-24px}.feature-02:before{right:100%;bottom:14px;transform:rotate(-108deg)}.feature-03{right:-8px;top:170px}.feature-03:before{right:100%;bottom:9px;transform:rotate(-100deg)}.feature-04{left:-7px;bottom:15px}.feature-04:before{left:100%;top:32px;transform:rotate(75deg)}.feature-05{right:0;bottom:-28px}.feature-05:before{right:100%;top:35px;transform:rotate(294deg)}.hero-download{max-width:none;padding:0;display:block;background-color:transparent;box-shadow:none}.hero-download .qr{display:none}.hero-download .cont{width:100%}.hero-download .lead{text-align:center;color:#fff;font-size:2.1rem;margin-bottom:11px;line-height:1.4;text-shadow:0 0 10px rgba(0,0,0,0.5)}.hero-download .lead .color-red{color:#fff105}.hero-download .exp{display:none}.hero-download .banner{display:flex;justify-content:space-between;align-items:stretch}.hero-download .banner a{display:block;width:48.5%}.hero-download .banner a img{width:100%}}.footer{background-color:#f7f7f7;padding:85px 30px}.footer-inner{max-width:890px;margin:0 auto;display:flex;justify-content:space-between}.footer-area{width:100%}.footer-area .ttl{font-weight:bold;font-size:1.9rem;margin-bottom:8px}.footer-area .ico{display:inline-block;width:15px;vertical-align:middle;margin-right:8px}.footer-area .area{font-size:1.5rem;line-height:1.8}.footer-right{width:40%}.footer-nav{list-style:none;font-size:1.7rem;line-height:1;display:flex;justify-content:flex-end;margin-bottom:24px;font-family:Arial, Helvetica, sans-serif}.footer-nav li{margin-left:32px}.footer-nav a{color:#222}.footer-nav a:hover{text-decoration:underline}.copyright{font-size:1.2rem;text-align:right;margin-bottom:8px}.footer-link{font-size:1.2rem;text-align:right}.footer-link a{color:#222}@media screen and (max-width: 736px){.footer{padding:48px 20px}.footer-inner{display:block}.footer-area{width:100%}.footer-area .ttl{font-size:1.7rem;text-align:center}.footer-area .ico{width:15px;margin-right:6px}.footer-area .area{font-size:1.4rem}.footer-right{width:100%}.footer-nav{font-size:1.5rem;justify-content:center;margin-bottom:40px}.footer-nav li{margin:0 8px}.copyright{font-size:1.1rem;text-align:center;margin-bottom:8px}.footer-link{font-size:1.1rem;text-align:center}}.about{padding:80px 30px 76px;background:url(../img/about_bg.jpg) center top/cover no-repeat;position:relative}.about:before{width:100%;height:100%;background-color:rgba(255,255,255,0.84);position:absolute;left:0;top:0;content:"";display:block}.about-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-ttl{font-weight:bold;font-family:"Noto Sans JP",sans-serif;text-align:center;margin-bottom:58px}.about-ttl .lead{font-size:3rem;letter-spacing:.08em;margin:0 0 28px}.about-ttl .ttl{font-size:4.8rem;letter-spacing:.08em}.about-ttl .number{font-size:1.1em}.about-cont{font-size:2rem;font-weight:bold;letter-spacing:.08em;text-align:center;line-height:2.2;position:relative;opacity:0;bottom:-60px;transition:0.3s 0.2s}.about-cont.showed{opacity:1;bottom:0}.about-cont p{line-height:inherit}@media screen and (max-width: 736px){.about{padding:48px 30px;background-size:auto 100%}.about-ttl{margin-bottom:34px}.about-ttl .lead{font-size:2rem;line-height:1.5;margin-bottom:6px}.about-ttl .ttl{font-size:3.2rem;line-height:1.4}.about-cont{font-size:1.7rem;text-align:left;line-height:1.8}}.function{background:url(../img/blue_bg.jpg) left top/cover no-repeat;padding:120px 30px 100px}.func-blc{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;opacity:0;transition:0.8s 0.3s}.func-blc.showed{opacity:1}.func-l{left:-80px}.func-l.showed{left:0}.func-l .func-pct{order:1}.func-l .func-cont{order:2}.func-l .func-catch{left:-165px;top:-64px;transform-origin:right bottom}.func-l .func-catch:before{right:-8px;bottom:25px;transform:rotate(123deg)}.func-l .func-catch p{transform:rotate(-10deg)}.func-r{right:-80px}.func-r.showed{right:0}.func-r .func-pct{order:2}.func-r .func-cont{order:1}.func-r .func-benefit{text-align:right}.func-r .func-ttl{text-align:right}.func-r .func-catch{right:-165px;top:-64px;transform-origin:left bottom}.func-r .func-catch:before{left:-4px;bottom:25px;transform:rotate(123deg)}.func-r .func-catch p{transform:rotate(10deg)}.func-pct{width:32%;position:relative}.func-pct img{width:100%;filter:drop-shadow(7px 7px 12px rgba(0,0,56,0.4))}.func-catch{width:195px;font-size:2.5rem;background-color:#fff;border-radius:50%;position:absolute;aspect-ratio:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(3px 4px 6px rgba(0,0,56,0.15));opacity:0}.showed .func-catch{animation:bounce1 .5s .5s forwards}.func-catch:before{width:0;height:0;border-style:solid;border-width:0 17.5px 30.3px 17.5px;border-color:transparent transparent #ffffff transparent;content:"";display:block;position:absolute}.func-catch p{font-family:"Noto Sans JP",sans-serif;line-height:1.5;letter-spacing:.08em;text-align:center;font-weight:bold}.func-cont{width:59.5%}.func-ttl{font-size:4rem;letter-spacing:0.08em;line-height:1.5;font-weight:normal;font-family:"Noto Sans JP",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);margin-bottom:20px}.func-kind{width:85%;display:flex;justify-content:center;margin-bottom:32px}.func-kind p{font-size:2.3rem;font-weight:bold;background-color:#fff;color:#005ad7;text-align:center;width:170px;border-radius:8px;line-height:1;padding:12px;box-shadow:0 2px 6px 0 rgba(0,0,59,0.4);margin:0 12px;position:relative}.func-kind p:before{width:24px;aspect-ratio:1.1 / 1;background:url(../img/tail.png) left top/100% auto no-repeat;content:"";display:block;position:absolute;left:50%;top:calc(100% - 1px);margin-left:-8px}.func-kind p:nth-child(2):before{transform:scale(-1, 1);margin-left:-20px}.func-benefit{margin-bottom:12px}.func-benefit p{display:inline-block;font-size:2.1rem;line-height:1;font-weight:bold;border-radius:12px;padding:14px 28px;background-color:#e7ff13}.func-point{font-size:3.2rem;letter-spacing:0.08em;line-height:1.3;font-weight:normal;font-family:"Noto Sans JP",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);margin-top:40px}.func-point .lead{line-height:1.4}.func-point em{font-size:1.4em}.func-point em .number{font-size:1.15em}.func-04 .func-pct{width:350px}.func-04 .func-cont{width:calc(100% - 398px)}.func-04 .func-catch{right:-105px;top:-12px}.func-lead{font-size:3.2rem;letter-spacing:0.08em;line-height:1.6;font-weight:normal;font-family:"Noto Sans JP",sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);margin-bottom:8px;text-align:right}@media screen and (max-width: 736px){.function{padding:64px 20px}.func-blc{display:block;margin-bottom:64px}.func-pct{width:57%;margin:48px auto 16px}.func-catch{font-size:1.6rem;width:7.6em}.func-catch:before{border-width:0 10x 20px 10px}.func-l .func-catch{left:-80px;top:-32px}.func-l .func-catch:before{right:-6px;bottom:10px}.func-r .func-benefit{text-align:center}.func-r .func-ttl{text-align:center}.func-r .func-catch{right:-80px;top:-32px}.func-r .func-catch:before{left:-4px;bottom:25px;transform:rotate(123deg)}.func-r .func-catch p{transform:rotate(10deg)}.func-cont{width:100%}.func-ttl{font-size:3rem;text-align:center}.func-kind{width:85%;margin:0 auto 16px}.func-kind p{font-size:1.7rem;width:7.5em;padding:8px;margin:0 8px}.func-kind p:before{width:16px;margin-left:-4px}.func-kind p:nth-child(2):before{margin-left:-12px}.func-benefit{text-align:center;margin-bottom:10px}.func-benefit p{font-size:1.7rem;border-radius:10px;padding:12px 22px}.func-point{font-size:2.2rem;text-align:center;margin-top:24px}.func-04 .func-pct{width:72%;margin-top:-24px}.func-04 .func-cont{width:100%}.func-04 .func-catch{right:-50px;top:28px}.func-lead{font-size:2.2rem;text-align:center;margin-bottom:0}}.download-sec{max-width:900px;margin:40px auto 0;background:#f2ff56;background:linear-gradient(90deg, #f2ff56 6%, #fff640 94%);border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;position:relative;opacity:0;bottom:-60px;transition:0.6s 0.3s}.download-sec.showed{bottom:0;opacity:1}.download-sec img{width:100%}.download-sec .ico{width:115px;margin-right:25px}.download-sec .ico img{filter:drop-shadow(5px 5px 10px rgba(46,47,12,0.2))}.download-sec .lead{font-size:3rem;line-height:1.5;letter-spacing:.08em;font-weight:bold;font-family:"Noto Sans JP",sans-serif;width:320px}.download-sec .lead .txt{line-height:inherit}.download-sec .exp{width:160px;font-size:1.6rem;margin-right:20px}.download-sec .exp .txt{line-height:1.8}.download-sec .qr{width:150px;background-color:#fff;padding:16px;line-height:0}.download-sec .banner{display:none}@media screen and (max-width: 736px){.download-sec{margin-top:0;border-radius:10px;padding:20px;flex-wrap:wrap}.download-sec .ico{width:60px;margin-right:0}.download-sec .lead{width:100%;font-size:2.1rem;width:auto;width:calc(100% - 76px)}.download-sec .exp,.download-sec .qr{display:none}.download-sec .banner{display:flex;justify-content:space-between;margin-top:20px}.download-sec .banner a{display:block;width:48%}.download-sec .banner a img{width:100%}}
/*# sourceMappingURL=common.css.map */