.inner-lg{width:100%;margin:auto}.inner-md{width:100%;max-width:926px;margin:auto}.inner-md figure img{width:100%}.app-dl{max-width:400px;background:#1d9bab;border-radius:10px;margin:20px auto;padding:5px;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15)}.app-dl h3{color:#fff;text-align:center;font-size:18px;font-weight:700;margin:5px auto 10px}.app-dl-banner{background:#fff;padding:20px 10px;border-radius:10px;display:flex;justify-content:center}.app-dl-banner a{height:48px;display:block;margin:0 5px}.app-dl-banner a img{width:auto;height:100%}body{font-family:"Noto Sans JP",sans-serif;box-sizing:border-box}.header{width:100%;height:843px;max-height:843px;background:#eb6a40 url("../images/fv-bg_sp.png") no-repeat;background-position:center top;background-size:600px auto;overflow-x:hidden}.header .inner-lg{position:relative;padding:0 15px}.header .inner-lg .site-logo{position:absolute;left:15px;top:15px;width:50px}.header .inner-lg .site-logo img{width:100%;height:auto}.header .inner-lg .fv{max-width:425px;width:100%;height:100%;margin:auto;overflow:hidden}.header .inner-lg .fv__subTitle{position:absolute;top:3vh;left:calc(50vw - 120px);width:auto;height:138.28px}.header .inner-lg .fv__subTitle picture{height:100%;width:auto}.header .inner-lg .fv__subTitle picture img{width:auto;height:100%}.header .inner-lg .fv__main{position:absolute;top:-1vh;left:50%;width:378px;height:auto;transform:translateX(-50%)}.header .inner-lg .fv__main picture{width:100%;height:auto}.header .inner-lg .fv__main picture img{width:100%;height:auto}.header .inner-lg .fv__sub{position:absolute;top:160px;left:calc(50vw - 270px);width:auto;height:398.9px}.header .inner-lg .fv__sub picture{height:100%;width:auto}.header .inner-lg .fv__sub picture img{width:auto;height:100%}.header .inner-lg .fv__cv{width:100%;max-width:425px;padding:0 15px;position:absolute;top:460px;left:50%;transform:translateX(-50%)}.header .inner-lg .fv__cv-title{width:100%}.header .inner-lg .fv__cv-title img{width:100%}main .inner-lg{background:url("../images/bg-comic_sp.png") no-repeat;background-position:center top;background-size:550px auto}main .sec__comic01{position:relative}main .sec__comic01:before{content:"";width:150px;height:99px;display:block;position:absolute;right:10px;top:-50px;z-index:10;background:url("../images/pic_comic-001.png") no-repeat;background-size:100% auto;border:5px solid #fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15);transform:rotate(-12deg)}main .sec__comic01-title{margin:0 15px 0;position:relative;z-index:20}main .sec__comic01-title img{width:100%}main .sec__print{width:calc(100% - 30px);max-width:425px;margin:60px auto}main .sec__print-main{border:5px solid #eb6a40;border-radius:10px;padding:20px 10px;background:#fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15)}main .sec__print-main h3{text-align:center}main .sec__print-main h3 img{width:270px;height:auto}main .sec__print-main-row{display:flex;justify-content:center;margin-top:100px;margin-bottom:40px;position:relative}main .sec__print-main-row-left{flex:0 0 50%;position:relative}main .sec__print-main-row-left figure{width:130px;height:130px;margin:auto;border:5px solid #fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15);position:relative}main .sec__print-main-row-left figure img{width:100%;height:auto}main .sec__print-main-row-left figure:after{content:"";display:block;width:95px;height:95px;background:url("../images/icon_app.png") no-repeat;background-size:100% auto;position:absolute;bottom:-30px;left:-20px}main .sec__print-main-row-left p{position:absolute;color:#fff;font-size:12px;font-weight:600;top:-112px;left:-30px;width:182px;height:124px;background:url("../images/bg-pop-print-l.png") no-repeat;background-size:100% auto;z-index:10}main .sec__print-main-row-left p span{position:absolute;top:35px;left:25px;width:70%;line-height:1.5}main .sec__print-main-row-right{flex:0 0 50%;position:relative}main .sec__print-main-row-right figure{width:130px;height:130px;margin:auto;border:5px solid #fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15);position:relative}main .sec__print-main-row-right figure img{width:100%;height:auto}main .sec__print-main-row-right figure:after{content:"";display:block;width:50px;height:79px;background:url("../images/icon-qr.png") no-repeat;background-size:100% auto;position:absolute;bottom:-30px;right:-20px}main .sec__print-main-row-right p{position:absolute;color:#fff;font-size:12px;font-weight:600;top:-100px;right:-25px;width:172px;height:127px;background:url("../images/bg-pop-print-r.png") no-repeat;background-size:100% auto;z-index:10}main .sec__print-main-row-right p span{position:absolute;top:50px;left:28px;width:75%;line-height:1.5;text-align:center}main .sec__print-main-row::after{content:"";display:block;width:90px;height:60px;background:url("../images/fig-arrow-left.png") no-repeat;background-size:100% auto;position:absolute;top:-45px;left:50%;transform:translateX(-50%);z-index:10}main .sec__print-main-note{font-size:12px;text-align:right}main .sec__variation{width:calc(100% - 30px);max-width:600px;margin:auto}main .sec__variation:before{content:"";display:block;width:100%;height:80px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255))}main .sec__variation.inner-lg{background:#fff}main .sec__variation-title{width:100%;margin-bottom:30px}main .sec__variation-title img{width:100%;height:auto}main .sec__variation-text{text-align:center;color:#eb6a40;font-size:18px;font-weight:700;line-height:1.5;position:relative;margin-bottom:30px;z-index:1}main .sec__variation-text:after{content:"";display:inline-block;width:100%;height:38px;position:absolute;bottom:-18px;left:0;background:url("../images/bg-underline-short.png") no-repeat;background-size:100% auto;z-index:-1}main .sec__variation-row-col{margin-top:120px}main .sec__variation-row-col-shuffle,main .sec__variation-row-col-square,main .sec__variation-row-col-split,main .sec__variation-row-col-photo{border:5px solid;border-color:#00ac97;border-radius:10px;position:relative;background:#fff;z-index:1}main .sec__variation-row-col-shuffle .wrapper,main .sec__variation-row-col-square .wrapper,main .sec__variation-row-col-split .wrapper,main .sec__variation-row-col-photo .wrapper{padding:10px;background:#fff}main .sec__variation-row-col-shuffle .wrapper .pop,main .sec__variation-row-col-square .wrapper .pop,main .sec__variation-row-col-split .wrapper .pop,main .sec__variation-row-col-photo .wrapper .pop{position:absolute;color:#fff;text-align:center;font-weight:700;line-height:1.3;width:260px;height:161px;background:url("../images/bg-pop-green.png") no-repeat;background-size:100% auto;left:-15px;top:-120px;padding:53px 5px 0}main .sec__variation-row-col-shuffle .wrapper figure,main .sec__variation-row-col-square .wrapper figure,main .sec__variation-row-col-split .wrapper figure,main .sec__variation-row-col-photo .wrapper figure{width:100%;height:auto}main .sec__variation-row-col-shuffle .wrapper figure img,main .sec__variation-row-col-square .wrapper figure img,main .sec__variation-row-col-split .wrapper figure img,main .sec__variation-row-col-photo .wrapper figure img{width:100%;height:auto}main .sec__variation-row-col-shuffle .wrapper h3,main .sec__variation-row-col-square .wrapper h3,main .sec__variation-row-col-split .wrapper h3,main .sec__variation-row-col-photo .wrapper h3{text-align:center;font-size:20px;font-weight:700;margin-bottom:30px;color:#00ac97}main .sec__variation-row-col-shuffle .wrapper h3 span,main .sec__variation-row-col-square .wrapper h3 span,main .sec__variation-row-col-split .wrapper h3 span,main .sec__variation-row-col-photo .wrapper h3 span{position:relative;padding:0 .5rem;z-index:1}main .sec__variation-row-col-shuffle .wrapper h3 span:after,main .sec__variation-row-col-square .wrapper h3 span:after,main .sec__variation-row-col-split .wrapper h3 span:after,main .sec__variation-row-col-photo .wrapper h3 span:after{content:"";display:inline-block;width:100%;height:38px;position:absolute;bottom:-25px;left:0;background:url("../images/bg-underline-short.png") no-repeat;background-size:100% auto;z-index:-1}main .sec__variation-row-col-shuffle .wrapper p,main .sec__variation-row-col-square .wrapper p,main .sec__variation-row-col-split .wrapper p,main .sec__variation-row-col-photo .wrapper p{text-align:center;font-size:14px;color:#707070;margin-bottom:1rem;line-height:1.5}main .sec__variation-row-col-shuffle .wrapper p.note,main .sec__variation-row-col-square .wrapper p.note,main .sec__variation-row-col-split .wrapper p.note,main .sec__variation-row-col-photo .wrapper p.note{font-size:12px}main .sec__variation-row-col-shuffle:before,main .sec__variation-row-col-square:before,main .sec__variation-row-col-split:before,main .sec__variation-row-col-photo:before{content:"";display:block;border-radius:10px;position:absolute;width:100%;height:100%;z-index:-1;top:15px;left:15px;background:url("../images/bg-variation-green.png") no-repeat;background-size:auto 875px;background-position:center}main .sec__variation-row-col-photo{border-color:#ea617c}main .sec__variation-row-col-photo .wrapper .pop{width:302px;height:187px;background:url("../images/bg-pop-red.png") no-repeat;background-size:100% auto;left:unset;right:-15px;top:-145px;padding-top:57px}main .sec__variation-row-col-photo .wrapper h3{color:#ea617c}main .sec__variation-row-col-photo:before{top:15px;left:-15px;background:url("../images/bg-variation-red.png") no-repeat;background-size:auto 875px;background-position:center}main .sec__variation-row-col-split{border-color:#4bbfe0}main .sec__variation-row-col-split .wrapper .pop{background:url("../images/bg-pop-blue.png") no-repeat;background-size:100% auto}main .sec__variation-row-col-split .wrapper h3{color:#4bbfe0}main .sec__variation-row-col-split:before{top:15px;left:15px;background:url("../images/bg-variation-blue.png") no-repeat;background-size:auto 875px;background-position:center}main .sec__variation-row-col-square{border-color:#eba14b}main .sec__variation-row-col-square .wrapper .pop{width:302px;height:187px;background:url("../images/bg-pop-orange.png") no-repeat;background-size:100% auto;left:unset;right:-15px;top:-145px;padding-top:57px}main .sec__variation-row-col-square .wrapper h3{color:#eba14b}main .sec__variation-row-col-square:before{top:15px;left:-15px;background:url("../images/bg-variation-orange.png") no-repeat;background-size:auto 875px;background-position:center}main .sec__banner{margin:60px 15px 100px}main .sec__banner a{display:block;width:100%;max-width:425px;margin:auto;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15)}main .sec__banner a img{width:100%;height:auto}.footer{background:#eb6a40 url("../images/bg-footer.png") no-repeat;background-size:1920px auto;background-position:center;padding:60px 15px 120px}.footer__primary{max-width:600px;margin:auto auto 30px;background:url("../images/icon_app.png") no-repeat;background-size:100px 100px;background-position:bottom left}.footer__primary h4{text-align:center;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:10px}.footer__primary p{color:#fff;font-size:14px;line-height:1.5;padding-left:120px;min-height:100px}.footer__secondary{max-width:600px;margin:auto auto 30px}.footer__secondary p{color:#fff;font-size:16px;text-align:center;margin-bottom:30px}.footer__secondary a{display:block;background:#eba14b;width:100%;padding:20px 0;text-align:center;color:#fff;border-radius:37px}.footer__banner{display:flex;justify-content:center}.footer__banner a{height:48px;display:block;margin:0 5px}.footer__banner a img{width:auto;height:100%}@media screen and (max-width: 350px){.app-dl{max-width:320px}.app-dl-banner{background:#fff;padding:10px 8px;border-radius:10px;display:flex;justify-content:center}.app-dl-banner a{height:40px}.header{max-height:667px}.header .inner-lg .fv{max-width:320px}.header .inner-lg .fv__subTitle{left:calc(50vw - 90px);height:104px}.header .inner-lg .fv__main{max-width:320px;min-width:290px}.header .inner-lg .fv__sub{top:120px;left:calc(50vw - 180px);height:299px}.header .inner-lg .fv__cv{top:353px}main .sec__print-main h3 img{width:202px}main .sec__print-main-row-left figure{width:100px;height:100px}main .sec__print-main-row-left figure:after{width:60px;height:60px}main .sec__print-main-row-left p{font-size:10px;width:167px}main .sec__print-main-row-right figure{width:100px;height:100px}main .sec__print-main-row-right figure:after{width:37px;height:59px}main .sec__print-main-row-right p{font-size:10px;width:161px}main .sec__print-main-row:after{top:0;width:60px}main .sec__print-main-note{font-size:10px}main .sec__variation-text{font-size:14px}}@media screen and (min-width: 768px){.header{height:758px}}@media screen and (min-width: 1024px){.header{background:#eb6a40 url("../images/fv-bg_pc.png") no-repeat;background-position:center top;background-size:2392px auto;overflow-x:visible}.header .inner-lg .site-logo{left:20px;top:20px}.header .inner-lg .site-logo img{width:72px}.header .inner-lg .fv{max-width:1024px;margin:auto}.header .inner-lg .fv__subTitle{top:1vh;left:calc(50vw - 320px);height:168px}.header .inner-lg .fv__main{width:auto;max-width:unset;height:600px;transform:translateX(-42%)}.header .inner-lg .fv__main picture img{width:auto;height:100%}.header .inner-lg .fv__sub{top:180px;left:calc(50vw - 640px);height:817px}.header .inner-lg .fv__cv{width:475px;max-width:unset;margin:auto;top:420px}.header .inner-lg .fv__cv-title{width:100%}.header .inner-lg .fv__cv-title img{width:100%}.header .inner-lg .fv__cv-dl{width:350px}main .inner-lg{background:url("../images/bg-comic_pc.png") no-repeat;background-position:center top;background-size:1440px auto}main .app-dl{width:400px;margin:40px auto auto}main .app-dl-banner a{height:57px}main .sec__comic01{max-width:1024px;margin:80px auto 0}main .sec__comic01-title{max-width:800px;margin:auto}main .sec__comic01:before{width:233px;height:153px;right:calc((100% - 1024px)/2 + 60px);top:-125px;border:10px solid #fff;box-shadow:0px 6px 12px 0px rgba(0,0,0,.15);transform:rotate(-12deg)}main .sec__print{margin:120px auto;max-width:unset;width:100%}main .sec__print-main{border:10px solid #eb6a40;border-radius:10px;padding:30px 20px 10px;width:970px;margin:auto}main .sec__print-main h3 img{width:386px}main .sec__print-main-row{display:flex;justify-content:center;margin:30px auto}main .sec__print-main-row-left figure{width:250px;height:250px;border:10px solid #fff;transform:translateX(30px)}main .sec__print-main-row-left figure:after{width:120px;height:120px;bottom:-50px;left:-50px}main .sec__print-main-row-left p{font-size:12px;top:-112px;left:-20px;width:289px;height:200px;font-size:18px}main .sec__print-main-row-left p span{top:57px;left:36px;width:70%}main .sec__print-main-row-right figure{width:250px;height:250px;border:10px solid #fff;transform:translateX(-50px)}main .sec__print-main-row-right figure:after{width:70px;height:110px;bottom:-20px;right:-50px}main .sec__print-main-row-right p{font-size:12px;top:-40px;right:25px;width:290px;height:220px;font-size:18px}main .sec__print-main-row-right p span{top:90px;left:44px;width:75%}main .sec__print-main-row::after{width:180px;height:150px;top:50%;left:50%;transform:translate(-50%, -50%)}main .sec__print-main-note{font-size:12px;text-align:right}main .sec__variation{margin-top:160px;width:100%;max-width:unset}main .sec__variation-title{width:833px;margin:auto auto 10px}main .sec__variation-text{font-size:22px}main .sec__variation-text br{display:none}main .sec__variation-text:after{width:850px;height:38px;bottom:-24px;left:50%;transform:translateX(-50%);background:url("../images/bg-underline-long.png") no-repeat;background-size:100% auto}main .sec__variation-row{display:flex;flex-wrap:wrap}main .sec__variation-row-col{flex:0 0 50%}main .sec__variation-row-col:nth-child(2n){transform:translateY(130px)}main .sec__variation-row-col-shuffle,main .sec__variation-row-col-photo,main .sec__variation-row-col-split,main .sec__variation-row-col-square{width:85%;margin:auto}main .sec__variation-row-col-shuffle .wrapper,main .sec__variation-row-col-photo .wrapper,main .sec__variation-row-col-split .wrapper,main .sec__variation-row-col-square .wrapper{padding:20px}main .sec__variation-row-col-shuffle .wrapper .pop,main .sec__variation-row-col-photo .wrapper .pop,main .sec__variation-row-col-split .wrapper .pop,main .sec__variation-row-col-square .wrapper .pop{width:339px;height:210px;font-size:18px;padding:70px 5px 0;left:-40px}main .sec__variation-row-col-shuffle .wrapper h3,main .sec__variation-row-col-photo .wrapper h3,main .sec__variation-row-col-split .wrapper h3,main .sec__variation-row-col-square .wrapper h3{font-size:36px}main .sec__variation-row-col-shuffle .wrapper h3 span:after,main .sec__variation-row-col-photo .wrapper h3 span:after,main .sec__variation-row-col-split .wrapper h3 span:after,main .sec__variation-row-col-square .wrapper h3 span:after{bottom:-10px}main .sec__variation-row-col-shuffle .wrapper p,main .sec__variation-row-col-photo .wrapper p,main .sec__variation-row-col-split .wrapper p,main .sec__variation-row-col-square .wrapper p{font-size:20px}main .sec__variation-row-col-shuffle .wrapper p.note,main .sec__variation-row-col-photo .wrapper p.note,main .sec__variation-row-col-split .wrapper p.note,main .sec__variation-row-col-square .wrapper p.note{font-size:16px}main .sec__variation-row-col-photo .wrapper .pop{width:378px;height:235px;right:-40px;left:unset;padding-top:72px}main .sec__variation-row-col-photo .wrapper figure{margin-bottom:30px}main .sec__variation-row-col-photo:before{left:15px}main .sec__variation-row-col-square .wrapper .pop{width:378px;height:235px;left:unset;right:-40px;padding-top:72px}main .sec__variation-row-col-square:before{left:15px}main .sec__banner{margin:250px 0 180px}main .sec__banner a{width:535px;margin:auto}.footer{padding:100px 0 120px}.footer__primary{width:800px;max-width:unset;margin:0 auto 60px;background:url("../images/icon_app.png") no-repeat;background-size:185px 185px;background-position:center left;padding-left:215px;min-height:185px}.footer__primary h4{text-align:left;font-size:32px;padding-bottom:15px;margin-bottom:15px}.footer__primary p{font-size:20px;line-height:1.5;padding-left:0}.footer__secondary{margin-bottom:30px;max-width:unset}.footer__secondary p{color:#fff;font-size:18px;text-align:center;margin-bottom:30px}.footer__secondary a{width:420px;margin:auto}.footer__banner{display:flex;justify-content:center}.footer__banner a{height:48px;display:block;margin:0 5px}.footer__banner a img{width:auto;height:100%}}@media screen and (min-width: 1440px){.header{height:960px;max-height:960px}.header .inner-lg{max-width:1440px}.header .inner-lg .fv{max-width:1440px}.header .inner-lg .fv__subTitle{top:1vh;left:300px;height:240.07px}.header .inner-lg .fv__main{width:1134px;height:860px;left:270px;transform:none}.header .inner-lg .fv__main picture img{width:auto;height:100%}.header .inner-lg .fv__sub{top:210px;left:-164px;height:1167.93px}.header .inner-lg .fv__cv{width:577px;top:580px}.header .inner-lg .fv__cv-dl{width:400px}main .inner-lg{background:url("../images/bg-comic_pc.png") no-repeat;background-position:center top;background-size:100% auto}main .sec__comic01{position:relative;margin-top:300px}main .sec__comic01:before{width:328.48px;height:216.24px;right:calc((100% - 1440px)/2 + 120px);top:-190px}main .sec__comic01-title{text-align:center}main .sec__comic01-title img{width:856px}}