html,body{min-height:100%}html{font:400 .1207vw / 1 YakuHanJP, 'Kiwi Maru', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Osaka, 'MS PGothic', sans-serif}@media (min-width: 829px){html{font-size:6.25%}}body{color:#5e676c;font-feature-settings:'palt' 1;font-size:28rem;letter-spacing:.04em;position:relative;-webkit-text-size-adjust:100%}@media (min-width: 829px){body{font-size:16rem;margin:0 auto;max-width:1920px}}main{overflow:hidden;position:relative}a{color:#5e676c}img{display:block;width:100%}a,img{-webkit-tap-highlight-color:transparent}#globalHeader{left:0;position:absolute;top:0}#hero{height:1472rem;position:relative}@media (min-width: 829px){#hero{max-height:1080px;min-height:800rem;height:100vh}}#campaign{background:url(../img/campaign-background-sp.webp) no-repeat 0 0/100% 100%;margin:159rem auto 0;padding:146rem 0 73rem;text-align:center;width:768rem}@media (min-width: 1000px){#campaign{background-image:url(../img/campaign-background-pc.webp);margin-top:104rem;padding:92rem 0 62rem;width:1000rem}}#maker{background:#f7f7f7;height:1472rem;margin-top:80rem;position:relative}@media (min-width: 829px){#maker{height:1080rem}}#layout{background:#d8dddf;color:#314b57;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}#layout.is-active{opacity:1;pointer-events:auto;transition-delay:.8s}#layout.is-saving{pointer-events:none}#info{margin-top:160rem;text-align:center}@media (min-width: 829px){#info{margin-top:80rem}}#loading{border-radius:5rem;height:10rem;position:relative;width:10rem}#loading::before{background:#f5f5f6;content:'';display:block;height:100%;position:fixed;width:100%;z-index:9000}.is-fixed{position:fixed;width:100%}.br{display:block}@media (min-width: 829px){.br{display:none}}@media (min-width: 829px){.sp{display:none}}.pc{display:none}@media (min-width: 829px){.pc{display:inline}}.micromodal-button{background:transparent;cursor:pointer;text-decoration:underline}@media (min-width: 829px){.micromodal-button:hover{text-decoration:none}}.micromodal{opacity:0;pointer-events:none}.micromodal.is-open{opacity:1;pointer-events:auto}.micromodal h3{color:#4da6b5;font-size:28rem}@media (min-width: 829px){.micromodal h3{font-size:20rem}}.micromodal p,.micromodal li{font-size:24rem;font-weight:300;line-height:1.4;text-align:left}@media (min-width: 829px){.micromodal p,.micromodal li{font-size:16rem}}.micromodal p ~ ul,.micromodal ul ~ p{margin-top:1em}.micromodal li{margin-left:1.2em;text-indent:-1.2em}.micromodal-overlay{align-items:center;background:rgba(101,128,141,0.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.micromodal-container{background:#fff;border-radius:10rem;padding-top:38rem;position:relative;width:720rem}@media (min-width: 829px){.micromodal-container{width:800rem}}.micromodal-close{background:url(../img/icon-close.webp) no-repeat 0 0/100% 100%;height:30rem;position:absolute;right:0;top:-69rem;width:30rem}@media (max-width: 828px) and (orientation: landscape){.micromodal-close{right:-40rem;top:0}}@media (min-width: 829px){.micromodal-close{right:-50rem;top:0}}.micromodal-content{height:70vh;overflow-y:scroll;padding:0 60rem 30rem;margin-top:30rem;word-wrap:break-word}.micromodal-content::-webkit-scrollbar{width:10rem}.micromodal-content::-webkit-scrollbar-track{background:transparent}.micromodal-content::-webkit-scrollbar-thumb{background:#dee8ec}.svgPath{position:absolute}.hero-wrap{background:#fff;height:400rem;position:relative;z-index:1}@media (min-width: 829px){.hero-wrap{height:273rem}}.hero-bi,.hero-title{left:0;margin:0 auto;position:absolute;right:0}.hero-bi{top:100rem;width:253rem}@media (min-width: 829px){.hero-bi{top:43rem;width:202rem}}.hero-title{top:202rem;width:701rem}@media (min-width: 829px){.hero-title{top:124rem;width:561rem}}.hero-visual,.hero-bird,.hero-text01,.hero-text02,.hero-campaign,.hero-update{position:absolute}.hero-visual{bottom:0;left:0}@media (min-width: 829px){.hero-visual{left:calc(50% - 960rem);width:1920rem}}.hero-bird{bottom:936rem;left:34rem;width:137rem;z-index:1}@media (min-width: 829px){.hero-bird{bottom:669rem;left:-10rem}}@media (min-width: 1500px){.hero-bird{left:calc(50% - 751rem)}}.hero-text01{left:604rem;top:480rem;width:143rem}@media (min-width: 829px){.hero-text01{left:10rem;top:350rem;width:356rem}}@media (min-width: 1000px){.hero-text01{left:calc(50% - 449rem)}}.hero-text02{left:80rem;top:591rem;width:168rem}@media (min-width: 829px){.hero-text02{left:10rem;top:465rem;width:402rem}}@media (min-width: 1000px){.hero-text02{left:calc(50% - 449rem)}}.hero-campaign{background:#fff;border:8rem solid #cdd8df;border-radius:50%;bottom:116rem;display:block;height:228rem;padding-top:50rem;right:16rem;transition:transform .3s;width:228rem}@media (min-width: 829px){.hero-campaign{border-width:5rem;bottom:98rem;height:160rem;padding-top:30rem;right:16rem;width:160rem}}.hero-campaign img{margin:0 auto;width:174rem}@media (min-width: 829px){.hero-campaign img{width:122rem}}@media (min-width: 829px){.hero-campaign:hover{transform:scale(1.05)}}.hero-update{bottom:38rem;right:-10rem;transition:transform .3s;width:444rem}@media (min-width: 829px){.hero-update{bottom:39rem;width:349rem}}@media (min-width: 829px){.hero-update:hover{transform:translateX(-5rem)}}.whatis-title{margin:79rem auto 0;width:611rem}@media (min-width: 829px){.whatis-title{width:428rem}}.whatis-text{line-height:1.714;margin-top:65rem;text-align:center}@media (min-width: 829px){.whatis-text{margin-top:20rem}}.whatis-examples{margin:68rem 0 0 calc(50% - 490.5rem);pointer-events:none;width:981rem}@media (min-width: 829px){.whatis-examples{margin:40rem 0 0 calc(50% - 960rem);width:1920rem}}#whatis-slider .swiper-wrapper{transition-timing-function:linear !important}.whatis-make{display:block;margin:80rem auto 0;transition:transform .3s;width:640rem}@media (min-width: 829px){.whatis-make{margin-top:48rem;width:448rem}}@media (min-width: 829px){.whatis-make:hover{transform:translateY(5rem)}}#campaign .micromodal-button{color:#60a6b1;margin-top:39rem}.campaign-title{margin:0 auto;width:576rem}@media (min-width: 1000px){.campaign-title{width:363rem}}.campaign-date{background:#314b57;color:#fff;letter-spacing:.1em;margin:35rem auto 0;padding:13rem 0;width:380rem}@media (min-width: 1000px){.campaign-date{font-size:18rem;margin-top:31rem;padding:8rem 0;width:250rem}}.campaign-text{color:#314b57;line-height:1.714;margin-top:27rem}@media (min-width: 1000px){.campaign-text{margin-top:34rem}}.campaign-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20rem auto 0;width:521rem}@media (min-width: 1000px){.campaign-item{transform:translateX(12rem);width:880rem}}.campaign-item li{color:#0b96ab;font-size:20rem;font-weight:700;line-height:1.1;width:237rem}@media (min-width: 1000px){.campaign-item li{font-size:15rem;line-height:1.4;width:195rem}}.campaign-item li span{display:block;margin-left:calc(50% - 10em);white-space:nowrap;width:20em}.campaign-item li:nth-child(3) span{margin-top:1em}.campaign-item li:nth-child(4) span{margin-top:.5em}.campaign-item+.campaign-text{margin-top:35rem}.campaign-howto{color:#314b57;margin:13rem auto 0;width:648rem}@media (min-width: 1000px){.campaign-howto{width:400rem}}.campaign-howto li{background:#e4f8fa;display:block;line-height:1.714;padding:8rem 22rem 8rem calc(22rem + 1.1em);text-align:left;text-indent:-1.1em}.campaign-howto li a{color:#314b57}@media (min-width: 829px){.campaign-howto li a:hover{text-decoration:none}}.campaign-howto li strong{color:#0e72b8}.campaign-howto li ~ li{margin-top:8rem}.maker-title,.maker-howto{position:absolute}.maker-title{left:138rem;top:44rem;transition:opacity .7s;width:443rem}@media (min-width: 829px){.maker-title{left:calc(50% - 155.5rem);top:31rem;width:311rem}}.maker-title.is-hidden{opacity:0;pointer-events:none;transition-delay:.3s}.maker-howto{background:#dee8ec;bottom:0;height:419rem;left:0;transition:opacity .7s;width:100%}@media (min-width: 829px){.maker-howto{height:146rem}}.maker-howto h3,.maker-howto ul{left:0;margin:0 auto;position:absolute;right:0}.maker-howto h3{top:82rem;width:142rem}@media (min-width: 829px){.maker-howto h3{left:calc(50% - 323rem);right:auto;top:57rem;width:98rem}}.maker-howto ul{top:155rem;width:690rem}@media (min-width: 829px){.maker-howto ul{left:calc(50% - 170rem);right:auto;top:32rem;width:510rem}}.maker-howto ul li{line-height:1.714;margin-left:1em;text-indent:-1.1em}.maker-howto.is-hidden{opacity:0;pointer-events:none;transition-delay:.3s}.maker-layouts{left:calc(50% - 831rem);position:absolute;top:247rem;width:1662rem}@media (min-width: 829px){.maker-layouts{left:calc(50% - 1396.5rem);top:170rem;width:2793rem}}#maker-slider{overflow:visible}#maker-slider .swiper-slide{opacity:.5;padding-bottom:80rem;transition:transform .3s, opacity .3s}@media (min-width: 829px){#maker-slider .swiper-slide{padding-bottom:64rem}}#maker-slider .swiper-slide img{border-radius:50rem;box-shadow:0 20rem 50rem rgba(189,189,189,0.4);overflow:hidden;position:relative;transition:transform .7s;z-index:1}#maker-slider .swiper-slide span{bottom:10rem;display:block;left:0;margin:0 auto;opacity:0;position:absolute;text-align:center;transition:transform .3s .2s, opacity .3s .2s;width:100%}@media (min-width: 829px){#maker-slider .swiper-slide span{bottom:30rem}}#maker-slider .swiper-slide-active{opacity:1;transform:translateY(-32rem)}@media (min-width: 829px){#maker-slider .swiper-slide-active{transform:translateY(-42rem)}}#maker-slider .swiper-slide-active span{opacity:1;transform:translateY(10rem)}#maker-slider.is-hidden{pointer-events:none}#maker-slider.is-hidden .swiper-slide-active img{transform:scale(1.574) translateY(40rem);transition-delay:.3s}@media (min-width: 829px){#maker-slider.is-hidden .swiper-slide-active img{transform:scale(1.2) translateY(-15rem)}}#maker-slider.is-hidden .swiper-slide:not(.swiper-slide-active){opacity:0;transform:translateY(30rem)}#layout input{background:transparent;border:0;font-family:YakuHanJP, 'Kiwi Maru', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Osaka, 'MS PGothic', sans-serif}.layout-close,#layout-wrap,.layout-save{position:absolute}.layout-close{bottom:47rem;cursor:pointer;display:inline-block;left:0;margin:0 auto;right:0;text-align:center}@media (min-width: 829px){.layout-close{bottom:31rem}}.layout-close img{display:inline-block;margin-right:18rem;position:relative;top:-2rem;width:20rem}@media (min-width: 829px){.layout-close img{margin-right:16rem;top:-1rem;width:13rem}}#layout-wrap,#layout-wrap>div{height:1280px;width:960px}#layout-wrap{left:0;top:80rem;transform-origin:0 0}@media (min-width: 829px){#layout-wrap{margin:0 auto;right:0;top:40rem;transform:scale(0.656);transform-origin:50% 0}}#layout-wrap>div{display:none}#layout-wrap>div::before{background:url("../img/layout-copy.webp") no-repeat 0 0/100% 100%;bottom:14px;content:'';display:block;height:10px;position:absolute;right:16px;width:414px;z-index:1}#layout-wrap>div.is-active{display:block}.layout-save{bottom:107rem;left:0;margin:0 auto;right:0;transition:transform .3s;width:640rem}@media (min-width: 829px){.layout-save{bottom:72rem;width:449rem}}@media (min-width: 829px){.layout-save:hover{transform:translateY(5rem)}}.layout-img{display:block}.layout-img .img{position:absolute}.layout-img .img::before{background:#314b57;content:'';display:block;height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.layout-img [type="file"]{display:none}.layout-img .add{background:transparent;border-radius:50%;bottom:0;cursor:pointer;height:144px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;width:144px}.is-saving .layout-img .img::before,.is-saving .layout-img .add{opacity:0}.layout-input::before{background:#314b57;bottom:0;content:'';display:block;height:100%;left:0;margin:auto;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.layout-input input{color:#162227;font-size:32px;position:relative}.layout-input input::placeholder{color:rgba(49,75,87,0.7)}.is-saving .layout-input::before{opacity:0}#modal{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:opacity .3s;width:100%;z-index:1}#modal img{max-width:100%}#modal.is-active{opacity:1;pointer-events:auto}.modal-submit,.modal-close{background:transparent;position:absolute;top:10rem;width:360rem}.modal-submit{left:calc(50% + 5rem)}.modal-close{right:calc(50% + 5rem)}.layout01{background:url("../img/layout01.webp") no-repeat 0 0/100% 100%}.layout01 .img1,.layout01 .text1,.layout01 .text2{position:absolute}.layout01 .img1{left:0;margin:auto;right:0;top:282px;width:880px}.layout01 .text1{right:40px;top:168px}.layout01 .text1::before{height:calc(100% - 40px)}.layout01 .text1 input{font-size:80px;font-weight:500;text-align:right;width:1.35em}.layout01 .text2,.layout01 .text2 input{width:880px}.layout01 .text2{bottom:40px;left:0;margin:0 auto;right:0;width:880px}.layout01 .text2 input{text-align:center}.layout02{background:url("../img/layout-white.webp") no-repeat 0 0/100% 100%}.layout02 .img1,.layout02 .text1,.layout02 .text2,.layout02 .text3{position:absolute}.layout02 .img1{left:0;top:0;width:960px}.layout02 .text1,.layout02 .text2,.layout02 .text3{left:392px;width:528px}.layout02 .text1 input,.layout02 .text2 input,.layout02 .text3 input{color:#fff;width:528px}.layout02 .text1::before,.layout02 .text2::before{height:calc(100% - 4px)}.layout02 .text1{top:79px}.layout02 .text2{top:123px}.layout02 .text3{top:177px}.layout02 .text3 input{font-size:60px}.layout02 .text3::before{height:calc(100% - 20px)}.layout03{background:url("../img/layout-white.webp") no-repeat 0 0/100% 100%}.layout03 .img1,.layout03 .text1,.layout03 .text2,.layout03 .text3,.layout03 .text4,.layout03 .text5,.layout03 .text6{position:absolute}.layout03 .img1{left:0;top:0;width:960px}.layout03 .text1,.layout03 .text2,.layout03 .text3,.layout03 .text4,.layout03 .text5,.layout03 .text6{left:40px;width:880px}.layout03 .text1 input,.layout03 .text2 input,.layout03 .text3 input,.layout03 .text4 input,.layout03 .text5 input,.layout03 .text6 input{text-align:center;width:880px}.layout03 .text1 input,.layout03 .text2 input,.layout03 .text3 input{color:#fff}.layout03 .text1{top:72px}.layout03 .text1 input{font-size:60px}.layout03 .text2{top:163px}.layout03 .text3{top:211px}.layout03 .text4{bottom:165px}.layout03 .text4 input{font-size:34px}.layout03 .text5{bottom:108px}.layout03 .text6{bottom:60px}.layout04{background:url("../img/layout-white.webp") no-repeat 0 0/100% 100%}.layout04 .img1,.layout04 .img2,.layout04 .img3,.layout04 .text1,.layout04 .text2,.layout04 .text3,.layout04 .text4,.layout04 .text5,.layout04 .text6,.layout04 .text7,.layout04 .text8{position:absolute}.layout04 .img1{left:352px;top:48px;width:577px}.layout04 .img2{left:32px;top:657px;width:577px}.layout04 .img3{left:640px;top:657px;width:289px}.layout04 .text1,.layout04 .text2,.layout04 .text3,.layout04 .text4,.layout04 .text5,.layout04 .text6,.layout04 .text7,.layout04 .text8{width:288px}.layout04 .text1 input,.layout04 .text2 input,.layout04 .text3 input,.layout04 .text4 input,.layout04 .text5 input,.layout04 .text6 input,.layout04 .text7 input,.layout04 .text8 input{width:288px}.layout04 .text1,.layout04 .text2,.layout04 .text3,.layout04 .text4{left:32px}.layout04 .text1{bottom:828px}.layout04 .text2{bottom:780px}.layout04 .text3{bottom:731px}.layout04 .text4{bottom:683px}.layout04 .text5,.layout04 .text6,.layout04 .text7,.layout04 .text8{right:32px}.layout04 .text5{bottom:224px}.layout04 .text6{bottom:176px}.layout04 .text7{bottom:127px}.layout04 .text8{bottom:79px}#previewImage{left:-2000px;position:absolute;top:0}.maker-notice{font-size:22rem;line-height:1.2;margin:1em 2em 0 3em;text-indent:-1em}@media (min-width: 829px){.maker-notice{font-size:12rem;margin:2em 0 0;text-align:center}}#info .micromodal-button{color:#8e9fa5;margin-top:55rem}@media (min-width: 829px){.info-twitter{display:flex;justify-content:center}}.info-twitter li{margin:0 auto;width:640rem}@media (min-width: 829px){.info-twitter li{margin:0;width:448rem}}.info-twitter li a{display:block;transition:transform .3s}@media (min-width: 829px){.info-twitter li a:hover{transform:translateY(5rem)}}.info-twitter li ~ li{margin-top:48rem}@media (min-width: 829px){.info-twitter li ~ li{margin:0 0 0 80rem}}.info-store{display:flex;justify-content:center;margin:160rem auto 0}@media (min-width: 829px){.info-store{margin-top:80rem}}.info-store li{height:80rem}@media (min-width: 829px){.info-store li{height:64rem}}.info-store li img{height:100%;width:auto}.info-store li ~ li{margin-left:14rem}@media (min-width: 829px){.info-store li ~ li{margin-left:11rem}}.info-official{background:#f0f0f0;border-radius:10rem;color:#314b57;display:block;font-weight:700;margin:60rem auto 0;padding:36rem 0;text-decoration:none;width:678rem}@media (min-width: 829px){.info-official{margin-top:32rem;padding:24rem 0;width:434rem}}#footer{background:#314b57;margin-top:60rem}@media (min-width: 829px){#footer{margin-top:32rem}}#footer .global .sns ul li:nth-child(1) svg{left:0}@media (min-width: 829px){#footer .sns li{background:#65808d}}#footer .sns li svg{fill:#65808d}@media (min-width: 829px){#footer .sns li svg{fill:#314b57}}#footer .link li::before{background:#65808d}#footer .link li a{color:#65808d}#footer .copy{color:#65808d}#footer .copy small{display:inline-block;margin-top:.5em}