﻿.fadeon{opacity:0;transition:all .7s cubic-bezier(0.19, 1, 0.22, 1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:blur(10px);opacity:1;transition:all .5s;transform:translateY(2rem)}.fadeup.is-on{filter:blur(0);opacity:1;transform:translateY(0)}.fadeon-lp{opacity:0;transition:all .7s cubic-bezier(0.19, 1, 0.22, 1) .5s;transform:translateY(1rem)}.fadeon-lp.is-on{opacity:1;transform:translateY(0)}img{display:block;width:100%;height:auto}#body{padding-top:38px;background:#fff;font-family:"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","メイリオ",Meiryo,helvetica,arial,sans-serif}@media screen and (max-width: 959px){#body{padding-top:0}}#various-information.wrap{padding-top:6rem}@media screen and (max-width: 959px){#various-information.wrap{padding-top:4rem}}.hero{width:100%}.cvarea{background:#e50012;padding:3.5rem 0;position:relative}@media screen and (max-width: 959px){.cvarea{padding:2.5rem 0 3rem}}.cvarea.cvarea_top:after{content:"";display:block;width:0;height:0;border-style:solid;border-right:16px solid rgba(0,0,0,0);border-left:16px solid rgba(0,0,0,0);border-top:45px solid #e50012;border-bottom:0;position:absolute;bottom:-45px;left:0;right:0;margin:0 auto}.cvarea .wrap{padding:0 3%;max-width:1100px;margin:0 auto;display:flex;justify-content:center}@media screen and (max-width: 959px){.cvarea .wrap{padding:0 1rem}}@media screen and (max-width: 959px){.cvarea .wrap{flex-wrap:wrap}}.cvarea .applead{display:flex;align-items:center;width:100%;max-width:460px;position:relative}@media screen and (max-width: 959px){.cvarea .applead{max-width:100%;justify-content:center;margin-bottom:6rem}}.cvarea .applead:after{content:"";background:url(../img/myprgr/ic_arrow.svg);background-size:cover;width:20px;height:64px;display:block;margin:0 3rem}@media screen and (max-width: 959px){.cvarea .applead:after{transform:rotate(90deg);transform-origin:center;margin:0 auto;position:absolute;top:65px}}.cvarea .applead img{width:72px;margin-right:2rem}.cvarea .applead p{font-size:2.4rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;color:#fff}@media screen and (max-width: 959px){.cvarea .applead p{font-size:2rem}}.cvarea .applinkbox{display:flex}@media screen and (max-width: 959px){.cvarea .applinkbox{width:100%;justify-content:center}}@media screen and (max-width: 559px){.cvarea .applinkbox{flex-direction:column}}.cvarea .applink{display:flex;align-items:center}@media screen and (max-width: 959px){.cvarea .applink{width:230px}}@media screen and (max-width: 559px){.cvarea .applink{justify-content:center;margin:0 auto}}.cvarea .applink .txt{margin-right:2rem;flex:1}@media screen and (max-width: 559px){.cvarea .applink .txt{flex:auto}}.cvarea .applink .txt p{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1;color:#fff;margin-bottom:1rem}@media screen and (max-width: 959px){.cvarea .applink .txt p{text-align:right}}.cvarea .applink .txt img{margin-left:auto}.cvarea .applink .qr{width:80px}@media screen and (max-width: 959px){.cvarea .applink .qr{width:70px}}.cvarea .applink.app-store{margin-right:3rem}@media screen and (max-width: 959px){.cvarea .applink.app-store{margin-right:4%}}@media screen and (max-width: 559px){.cvarea .applink.app-store{margin:0 auto 2rem}}.cvarea .applink.app-store .txt img{width:108px}.cvarea .applink.google-play .txt img{width:135px}h1.page-ttl{font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;text-align:center;padding:7rem 1rem 4.5rem}@media screen and (max-width: 559px){h1.page-ttl{font-size:5.4vw;padding:6rem 1rem 2.5rem}}h1.page-ttl span{color:#e50012}ul.feature{padding:0 3%;max-width:1100px;margin:0 auto}@media screen and (max-width: 959px){ul.feature{padding:0 1rem}}ul.feature li{background:#f8f8f8;padding:4rem;border-left:10px solid #e50012;display:flex;align-items:center;margin-bottom:2.5rem;max-height:152px}@media screen and (max-width: 959px){ul.feature li{padding:2.5rem}}@media screen and (max-width: 559px){ul.feature li{flex-direction:column;max-height:100%;border-left:5px solid #e50012;padding:2rem;margin-bottom:2rem}}ul.feature li:last-child{margin-bottom:7rem}@media screen and (max-width: 959px){ul.feature li:last-child{margin-bottom:4rem}}ul.feature li div{width:200px;margin-right:4.5rem}@media screen and (max-width: 559px){ul.feature li div{margin:0 auto 2rem}}ul.feature li div.feature2 img{width:195px}ul.feature li div.feature4 img{width:189px}ul.feature li p{flex:1;font-size:2.4rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width: 959px){ul.feature li p{font-size:2rem}ul.feature li p br{display:none}}@media screen and (max-width: 559px){ul.feature li p{font-size:1.8rem}}ul.feature li p span{color:#e50012}#campaign{background:url("../img/myprgr/bg1.webp");background-size:cover;padding:7rem 0}@media screen and (max-width: 959px){#campaign{padding:4rem 0}}#campaign .wrap{padding:0 3%;max-width:1100px;margin:0 auto}@media screen and (max-width: 959px){#campaign .wrap{padding:0 1rem}}#campaign h2{width:100%;max-width:990px}#campaign h2+p{background:#000;color:#fff;display:flex;justify-content:center;align-items:center;width:100%;max-width:610px;height:48px;border-radius:24px;margin:2rem auto 6.5rem}@media screen and (max-width: 559px){#campaign h2+p{height:42px;border-radius:21px;margin:1.5rem auto 5.5rem}}#campaign h2+p span:nth-of-type(1){font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width: 559px){#campaign h2+p span:nth-of-type(1){font-size:4vw}}#campaign h2+p span:nth-of-type(1):after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:9px solid #fff;border-right:0;margin:0 1.5rem}@media screen and (max-width: 559px){#campaign h2+p span:nth-of-type(1):after{margin:0 1rem}}#campaign h2+p span:nth-of-type(2){font-size:2.4rem;font-weight:700;letter-spacing:0;line-height:1}@media screen and (max-width: 959px){#campaign h2+p span:nth-of-type(2){font-size:1.8rem}}@media screen and (max-width: 559px){#campaign h2+p span:nth-of-type(2){font-size:4vw}}#campaign ul{display:flex;justify-content:space-between}@media screen and (max-width: 959px){#campaign ul{flex-direction:column}}#campaign ul li{width:48.4%;background:#fff;padding:2.5rem 2.5rem;position:relative;box-shadow:6px 6px 5px rgba(120,120,120,.1)}@media screen and (max-width: 959px){#campaign ul li{width:100%}}@media screen and (max-width: 959px){#campaign ul li:nth-of-type(1){margin-bottom:4rem}}#campaign ul li:nth-of-type(1)::before{content:"";background:url(../img/myprgr/no1.svg);width:43px;height:95px;display:block;position:absolute;top:-19px;left:20px}@media screen and (max-width: 559px){#campaign ul li:nth-of-type(1)::before{width:19px;height:42px;top:-30px;left:0;right:0;margin:0 auto}}#campaign ul li:nth-of-type(2)::before{content:"";background:url(../img/myprgr/no2.svg);width:66px;height:96px;display:block;position:absolute;top:-19px;left:20px}@media screen and (max-width: 559px){#campaign ul li:nth-of-type(2)::before{width:30px;height:43px;top:-30px;left:0;right:0;margin:0 auto}}#campaign ul li h3{font-size:4rem;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;display:flex;flex-direction:column;padding-left:6rem;color:#e50012;text-align:center}@media screen and (max-width: 1030px){#campaign ul li h3 br{display:none}}@media screen and (max-width: 959px){#campaign ul li h3{font-size:3.2rem}}@media screen and (max-width: 559px){#campaign ul li h3{padding:0;font-size:2.4rem}}#campaign ul li h3 span{font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;color:#fff;background:#e50012;padding:.7rem 2.5rem;display:inline-block;margin-bottom:1.3rem}@media screen and (max-width: 559px){#campaign ul li h3 span{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:1.4;padding:.5rem 1rem}}#campaign ul li h3.lf{text-align:left;padding-left:9rem}@media screen and (max-width: 559px){#campaign ul li h3.lf{text-align:center;padding:0}#campaign ul li h3.lf br{display:block}}#campaign ul li div{margin:2.2rem auto 1.5rem;background:#f0f0f0;border:1px solid #ccc;border-radius:12px;padding:2.5rem}@media screen and (max-width: 559px){#campaign ul li div{margin:1.7rem auto 1.5rem;padding:1.5rem 2rem}}#campaign ul li div p{font-size:4rem;font-weight:700;letter-spacing:0;line-height:1.2;font-family:"Noto Sans JP",sans-serif;color:#e50012;text-align:center}@media screen and (max-width: 959px){#campaign ul li div p{font-size:3.2rem}}@media screen and (max-width: 559px){#campaign ul li div p{font-size:2.4rem}}#campaign ul li div p span{font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.2;display:block;color:#000;margin-bottom:.5rem}#campaign ul li div p span br{display:none}@media screen and (max-width: 559px){#campaign ul li div p span{font-size:1.6rem}#campaign ul li div p span br{display:block}}#campaign ul li .addinfo{font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.3}@media screen and (max-width: 559px){#campaign ul li .addinfo{font-size:1.4rem;font-weight:500;letter-spacing:0;line-height:1.4}}#campaign ul li .addinfo a{width:100%;display:block;max-width:350px;margin:0 auto;transition:all .3s}@media screen and (max-width: 959px){#campaign ul li .addinfo a{max-width:100%}#campaign ul li .addinfo a br{display:none}}#campaign ul li .addinfo a:hover{opacity:.7}#campaign ul li .addinfo a:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:10px solid #4d4d4d;border-right:0;margin-right:.5rem}#method{background:url("../img/myprgr/bg2.webp");background-size:cover;padding:7rem 0}@media screen and (max-width: 959px){#method{padding:4rem 0 3rem}}#method .wrap{padding:0 3%;max-width:1100px;margin:0 auto}@media screen and (max-width: 959px){#method .wrap{padding:0 1rem}}#method h2{font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;text-align:center;margin-bottom:6rem}@media screen and (max-width: 959px){#method h2{margin-bottom:3rem}}@media screen and (max-width: 559px){#method h2{font-size:5.4vw}}#method ul li{margin-bottom:2.5rem;position:relative}@media screen and (max-width: 559px){#method ul li{margin-bottom:2rem}}#method ul li:after{content:"";display:block;width:100%;height:100%;background:#8c8c8c;position:absolute;top:5px;left:5px}#method ul li a{padding:2rem 1rem;width:100%;background:#fff;border:1px solid #8c8c8c;text-align:center;font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;position:relative;display:block;z-index:2;top:0;left:0;transition:all .3s}@media screen and (max-width: 959px){#method ul li a{transition:unset;font-size:1.8rem}}@media screen and (max-width: 559px){#method ul li a{padding:1.5rem}}#method ul li a span{color:#e50012}#method ul li:hover a{top:5px;left:5px}@media screen and (max-width: 959px){#method ul li:hover a{top:0;left:0}}#point-use{background:#787878;padding:7rem 0}@media screen and (max-width: 959px){#point-use{padding:3rem 0 4rem}}#point-use .wrap{padding:0 3%;max-width:1100px;margin:0 auto}@media screen and (max-width: 959px){#point-use .wrap{padding:0 1rem}}#point-use h2{font-size:3.2rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;text-align:center;color:#fff;margin-bottom:6rem}@media screen and (max-width: 959px){#point-use h2{margin-bottom:3rem}}@media screen and (max-width: 559px){#point-use h2{font-size:5.4vw}}#point-use ul{background:#fff;border-radius:24px;padding:3rem 3.5rem}@media screen and (max-width: 559px){#point-use ul{padding:3rem 2rem;border-radius:18px}}#point-use ul li{font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.3;margin-left:1.6rem;text-indent:-1.6rem}@media screen and (max-width: 559px){#point-use ul li{font-size:1.5rem;margin-left:1.5rem;text-indent:-1.5rem}}#point-use ul li:not(:last-child){margin-bottom:2rem}#point-use ul li span{color:#e50012}.remodal-overlay{background:rgba(0,0,0,.5)}.remodal{width:100%;max-width:900px;box-shadow:0 0 0 rgba(218,218,218,0);padding:3rem 5rem;background:#fff}@media screen and (max-width: 959px){.remodal{width:100%;max-width:800px;padding:5rem}}@media screen and (max-width: 700px){.remodal{padding:4rem 2rem}}.remodal-close{top:22px;right:18px;left:auto;width:18px;height:18px}@media screen and (max-width: 559px){.remodal-close{top:12px;right:12px}}.remodal-close:before{position:absolute;top:0;right:0;display:block;width:18px;height:18px;content:"";background-image:url(../img/myprgr/modal/ic-close.svg);background-size:18px 18px}.remodal-overlay{z-index:109999}.remodal-wrapper{z-index:110000}.modal-inner{text-align:left;font-family:"Noto Sans JP","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","メイリオ",Meiryo,helvetica,arial,sans-serif}.mod-cont img{height:auto}.mod-cont .mod-box{font-family:"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","メイリオ",Meiryo,helvetica,arial,sans-serif;font-weight:500}.mod-cont .mod-box h2{font-size:2rem;font-weight:700;letter-spacing:0;line-height:1.5;font-family:"Noto Sans JP",sans-serif;text-align:center;margin-bottom:5rem}@media screen and (max-width: 700px){.mod-cont .mod-box h2{font-size:1.8rem;margin-bottom:2.5rem}}.mod-cont .mod-box h2 span{color:#e50012}.mod-cont .mod-box .maincont{display:flex}@media screen and (max-width: 700px){.mod-cont .mod-box .maincont{flex-direction:column}}.mod-cont .mod-box .maincont .image{margin-right:4.5rem;width:167px}@media screen and (max-width: 700px){.mod-cont .mod-box .maincont .image{margin:0 auto 2rem}}.mod-cont .mod-box .maincont .txt{flex:1}.mod-cont .mod-box .maincont .txt h3{font-size:3.2rem;font-weight:600;letter-spacing:0;line-height:1;font-family:"Montserrat",sans-serif;font-style:italic;color:#e50012;margin-bottom:3.5rem}@media screen and (max-width: 700px){.mod-cont .mod-box .maincont .txt h3{font-size:2.2rem;margin-bottom:1.5rem}}.mod-cont .mod-box .maincont .txt p{font-size:1.6rem;font-weight:500;letter-spacing:0;line-height:1.7}@media screen and (max-width: 700px){.mod-cont .mod-box .maincont .txt p{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1.5}}.mod-cont .mod-box .maincont .txt p:not(:last-child){margin-bottom:2rem}.mod-cont .mod-box .maincont .txt p span.red{color:#e50012;font-weight:700}.mod-cont .mod-box .maincont .txt .devideholder{display:flex}@media screen and (max-width: 959px){.mod-cont .mod-box .maincont .txt .devideholder{flex-direction:column}}.mod-cont .mod-box .maincont .txt .devideholder p{flex:1}.mod-cont .mod-box .maincont .txt .devideholder img{width:100%;max-width:224px;margin-left:2.5rem}@media screen and (max-width: 959px){.mod-cont .mod-box .maincont .txt .devideholder img{margin:0}}@media screen and (max-width: 700px){.mod-cont .mod-box .maincont .txt .devideholder img{margin:0 auto}}.mod-cont .pager-prenext{margin:5rem auto 0;display:flex;justify-content:space-between}@media screen and (max-width: 559px){.mod-cont .pager-prenext{margin:3.5rem auto 0}}.mod-cont .pager-prenext .btnprev{width:60px}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnprev{width:48px}}.mod-cont .pager-prenext .btnprev a{font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#8c8c8c;transition:all .3s}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnprev a{font-size:1.4rem}}.mod-cont .pager-prenext .btnprev a:hover{opacity:.7}.mod-cont .pager-prenext .btnprev a::after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-right:12px solid #8c8c8c;border-left:0;margin-left:1rem}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnprev a::after{border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-right:8px solid #8c8c8c;margin-left:.5rem}}.mod-cont .pager-prenext .btnnext{width:60px;text-align:right}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnnext{width:48px}}.mod-cont .pager-prenext .btnnext a{font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#e50012;transition:all .3s}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnnext a{font-size:1.4rem}}.mod-cont .pager-prenext .btnnext a:hover{opacity:.7}.mod-cont .pager-prenext .btnnext a::before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:12px solid #e50012;border-right:0;margin-right:1rem}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnnext a::before{border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:8px solid #e50012;margin-right:.5rem}}.mod-cont .pager-prenext .btnnext a.off{color:#8c8c8c}.mod-cont .pager-prenext .btnnext a.off::before{border-left:12px solid #8c8c8c}.mod-cont .pager-prenext .btnnext.btnnext_close{width:110px;font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1;font-family:"Noto Sans JP",sans-serif;color:#8c8c8c;cursor:pointer;transition:all .3s}@media screen and (max-width: 700px){.mod-cont .pager-prenext .btnnext.btnnext_close{width:48px;font-size:1.4rem}.mod-cont .pager-prenext .btnnext.btnnext_close span{display:none}}.mod-cont .pager-prenext .btnnext.btnnext_close:hover{opacity:.7}.mod-cont .pager-prenext .btnnext.btnnext_closelast{margin-left:auto}.mod-cont .pager-prenext .flownumber ul{display:flex;position:relative}.mod-cont .pager-prenext .flownumber ul:after{content:"";display:inline-block;width:100%;height:2px;background:#ccc;position:absolute;top:10px;left:0;z-index:-1}@media screen and (max-width: 700px){.mod-cont .pager-prenext .flownumber ul:after{top:7px}}.mod-cont .pager-prenext .flownumber ul li{width:20px}@media screen and (max-width: 700px){.mod-cont .pager-prenext .flownumber ul li{width:16px}}.mod-cont .pager-prenext .flownumber ul li:not(:last-child){margin-right:4.5rem}@media screen and (max-width: 700px){.mod-cont .pager-prenext .flownumber ul li:not(:last-child){margin-right:1.5rem}}