body{background:url(../../images/banner_maker-bg-l.svg) repeat-y left -14rem top/24.5rem,url(../../images/banner_maker-bg-r.svg) repeat-y right -13rem top/26rem,#6af;padding:0 2rem}h1{position:relative;margin:0 -2rem -5rem;padding:9rem 2rem 7rem;overflow:hidden}h1::before{content:"";position:absolute;width:40.4rem;height:40rem;background:image-set(url(../../images/banner_maker-ch.avif) type("image/avif"), url(../../images/banner_maker-ch.webp) type("image/webp"), url(../../images/banner_maker-ch.png) type("image/png")) no-repeat bottom left/contain;bottom:-1rem;left:36rem;z-index:-1}h1 picture img{width:45.8rem}#process{background:hsla(0,0%,100%,.4);margin:6.4rem -2rem -20rem;padding:8rem 2rem 20rem}#process .wrap{background:#fff;padding:1.6rem;border-radius:1.6rem}#process .wrap h2{background:#049;box-shadow:#ff0 .4rem .4rem 0;color:#fff;font-size:4rem;font-weight:900;width:fit-content;padding:0 4.8rem;margin-top:-4.8rem;margin-left:-3.6rem;margin-bottom:2rem}#process .wrap section:not(:first-of-type){border-top:#049 double .4rem;padding-top:2rem;margin-top:2rem}#process .wrap section>div{display:flex}#process .wrap section>div h3{display:block;height:fit-content;background:#049;box-shadow:#ff0 .4rem .4rem 0;transform:skew(-30deg);padding:0 1.6rem;margin:0 1.6rem}#process .wrap section>div h3 span{font-size:3.2rem;font-weight:900;color:#fff;display:block;transform:skew(30deg)}#process .wrap section>div p{font-weight:900;line-height:1.4;padding:.3em 0}#process .wrap section:last-of-type p{position:relative}#process .wrap section:last-of-type img{margin-top:-4rem}header,footer{margin-left:-2rem;margin-right:-2rem}h1{transition:all .7s}h1:not(.is-show){opacity:0;transform:translateX(-4rem)}@media only all and (max-width: 750px){#maker{position:relative}#maker::before{content:"";position:absolute;width:100%;height:100%;left:0;top:10rem;background:image-set(url(../../images/common-sp_bg.avif) type("image/avif"), url(../../images/common-sp_bg.webp) type("image/webp"), url(../../images/common-sp_bg.png) type("image/png")) repeat-y left -53rem bottom/174rem;mix-blend-mode:luminosity;opacity:.5;z-index:-1}}@media all and (min-width: 751px){body{background:url(../../images/banner_maker-bg-l.svg) repeat-y left top/24.5rem,url(../../images/banner_maker-bg-r.svg) repeat-y right top/26rem,#6af;padding:0 45rem;position:relative}body::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:image-set(url(../../images/common-sp_bg.avif) type("image/avif"), url(../../images/common-sp_bg.webp) type("image/webp"), url(../../images/common-sp_bg.png) type("image/png")) repeat-y left -64rem top -12rem/174rem,image-set(url(../../images/common-sp_bg.avif) type("image/avif"), url(../../images/common-sp_bg.webp) type("image/webp"), url(../../images/common-sp_bg.png) type("image/png")) repeat-y right -52rem top 42rem/174rem;z-index:-3;mix-blend-mode:luminosity;opacity:.5}body::after{content:"";position:absolute;width:83rem;height:83rem;top:0;right:0;background:url(../../images/common-dot-circle.svg) no-repeat top -22rem right -13rem/contain;z-index:-2;opacity:.3;filter:brightness(0) saturate(100%) invert(15%) sepia(47%) saturate(6349%) hue-rotate(205deg) brightness(89%) contrast(101%)}h1{margin-top:-7rem;padding:9rem 14rem 6rem}h1::before{width:40.4rem;height:40rem;background:image-set(url(../../images/banner_maker-ch.avif) type("image/avif"), url(../../images/banner_maker-ch.webp) type("image/webp"), url(../../images/banner_maker-ch.png) type("image/png")) no-repeat bottom left/contain;bottom:-1rem;left:53rem;z-index:-1}h1 picture img{width:45.8rem}#process{margin:4rem -45rem -20rem;padding:6.4rem 45rem 20rem}#process .wrap section{display:flex;justify-content:space-between;align-items:center}#process .wrap section:not(:first-of-type){padding-top:2rem;margin-top:2rem}#process .wrap section>div{position:relative;align-items:center}#process .wrap section>div p{font-weight:900;line-height:1.4;padding:0;font-size:2.4rem;padding-left:.3em}#process .wrap section img{width:45rem;margin:0 -1.6rem 0 -5rem}#process .wrap section:last-of-type p{position:relative}#process .wrap section:last-of-type img{margin-top:-1.6rem}header,footer{margin-left:-45rem;margin-right:-45rem}}/*# sourceMappingURL=banner-maker.min.css.map */