@charset "utf-8";.main .how_wrapper{position:relative}.main .how_wrapper:before{content:"";width:100%;height:100%;position:absolute;left:0;background:#fff;z-index:0}.main .how_title{position:relative}.main .how_illust{position:relative}.main .how_pop{position:absolute;left:0}.main .step_wrapper .cmn_box{padding-right:0}.main .step_slide_wrapper{position:relative}.main .step_step{position:relative}.main .step_step:before{content:"";position:absolute}.main .step_step_bg{overflow:hidden;position:absolute;z-index:-1;width:100%;top:0;background:#fabf13;background:linear-gradient(135deg,#fabf13 0,#fff225 30%,#f16929 100%);box-shadow:0 8px 20px 0 rgba(0,0,0,.25);height:100%}.main .step_step_bg .stripe{width:130%;height:100%;position:absolute;top:0;right:0;background-image:linear-gradient(-45deg,transparent 25%,rgba(232,62,4,.1) 25%,rgba(232,62,4,.1) 50%,transparent 50%,transparent 75%,rgba(232,62,4,.1) 75%,rgba(232,62,4,.1));background-size:6px 6px;z-index:3}.main .step_step_bg.ss{background:#00a0e9;background:linear-gradient(135deg,#00a0e9 35%,#fff 49%,#fff 51%,#e50059 65%)}.main .step_step_bg.ss .stripe{background-image:linear-gradient(-45deg,transparent 25%,rgba(0,0,0,.1) 25%,rgba(0,0,0,.1) 50%,transparent 50%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1));background-size:6px 6px}.main .step_step_copy,.main .step_step_title{position:relative;z-index:1}.main .step_step_copy{font-weight:700}.main .step_step_copy span{position:relative;display:inline;z-index:0}.main .step_step_copy span:before{content:"";position:absolute;top:0;left:50%;z-index:-1;width:calc(100% + 1em);height:100%;transform:skew(-15deg) translateX(-50%);background:#fff}.main .step_step_slide .swiper-pagination{width:auto;transform:translateX(-50%)}.main .step_step_slide .swiper-pagination-bullet{box-sizing:content-box;background:0 0;opacity:1!important}.main .step_step_slide .swiper-pagination-bullet-active{background:#ff751b}.main .step_step_thumb figcaption{font-weight:700;line-height:1.8}.main .step_step0.step_step{padding-top:0}.main .step_step0::before{display:none}.main .step_step0 .step_step{padding-top:0}.main .step_step0 .step_step_copy{text-align:center}.main .step_step0 .swiper-pagination-bullet{border-radius:50%;position:relative;background-color:#aaa}.main .step_step0 .swiper-pagination-bullet::after,.main .step_step0 .swiper-pagination-bullet::before{content:'';position:absolute;border-radius:50%;left:50%;transform:translateX(-50%)}.main .step_step0 .swiper-pagination-bullet::before{top:1px;z-index:2;background-color:#aaa}.main .step_step0 .swiper-pagination-bullet::after{z-index:1;background-color:#fff}.main .step_step0 .swiper-pagination-bullet-active{background-color:#aaa}.main .step_step0 .swiper-pagination-bullet-active::before{background-color:#ff751b}.main .step_step1 .step_step_thumb{position:relative}.main .step_step2{height:auto}.main .step_step3:before{content:none}.main .step_step3 .step_step_thumb{position:absolute}.main .step_more_btn{display:flex;justify-content:center}@media print,screen and (min-width:769px){.main .how_wrapper{padding:55px 40px 40px}.main .how_wrapper:before{top:-16px;transform:skewY(-1.5deg)}.main .how_inner{max-width:1139px;margin-right:auto;margin-left:auto}.main .how_illust{margin-top:10px;left:200px}.main .how_pop{top:0}.main .step_wrapper{margin-bottom:130px;padding:0 40px}.main .step_wrapper .cmn_box{overflow:hidden;padding-top:100px}.main .step_wrapper .inner_grad:after,.main .step_wrapper .inner_grad:before{width:105%;height:101.3%;transform:translate(-50%,-50%) rotate(2deg) skewX(1deg)}.main .step_wrapper .inner_grad:before{background-size:6.5px 6.5px}.main .step_step{margin-bottom:100px;padding-top:58px;padding-left:205px}.main .step_step:before{background:url(../../img/common/step_arrow.png) repeat-y;background-size:100%;left:34px;top:160px;width:21px}.main .step_step_bg{transform:skewX(-10deg);right:-130px}.main .step_step_bg .stripe{transform:skewX(10deg)}.main .step_step_number{position:absolute;top:40px;left:6px}.main .step_step_copy{line-height:2;font-size:1.8rem;margin-top:15px}.main .step_step_copy.forSP{display:none}.main .step_step_copy span{padding:.1em 0 .2em}.main .step_step_slide{margin-top:40px}.main .step_step_slide .swiper-pagination{left:273px;top:328px}.main .step_step_slide .swiper-pagination-bullet{width:7px;height:7px;border:4px solid #fff;margin:0 7px}.main .step_step_item{width:546px;margin-right:160px}.main .step_step_thumb figcaption{margin-top:50px;font-size:1.5rem}.main .step_step0{margin-bottom:55px}.main .step_step0 .step_slide_wrapper{margin-bottom:70px}.main .step_step0 .step_step_title{margin-left:-109px}.main .step_step0 .step_step_copy{width:546px}.main .step_step0 .step_step_caption{margin-left:-109px}.main .step_step0 .swiper-pagination-bullet{width:14px;height:14px}.main .step_step0 .swiper-pagination-bullet::before{width:7px;height:7px}.main .step_step0 .swiper-pagination-bullet::after{width:14px;height:14px;bottom:3px}.main .step_step1{height:584px}.main .step_step1:before{height:498px}.main .step_step1 .step_step_bg{transform:skewX(-6deg);right:-134px}.main .step_step1 .step_step_bg .stripe{transform:skewX(6deg)}.main .step_step1 .step_step_thumb{top:20px}.main .step_step2{padding-bottom:55px}.main .step_step2:before{height:698px}.main .step_step2 .step_step_bg{transform:skewX(-3.5deg);right:-130px}.main .step_step2 .step_step_bg .stripe{transform:skewX(3.5deg)}.main .step_step3{height:437px;margin-bottom:125px}.main .step_step3 .step_step_bg{transform:skewX(-5.5deg);right:-128px}.main .step_step3 .step_step_bg .stripe{transform:skewX(5.5deg)}.main .step_step3 .step_step_thumb{left:255px;bottom:-40px}.main .step_more_btn{margin-right:73px}}@media screen and (max-width:768px){.main .subheader_title img{width:45.87vw}.main .how_wrapper{padding:11.33vw 0 16.67vw}.main .how_wrapper:before{top:-2.67vw;transform:skewY(-3deg)}.main .how_inner{width:100%}.main .how_title img{width:78.8vw}.main .how_illust{margin-top:7.33vw;padding-left:1.2vw}.main .how_illust_img{width:98.8vw}.main .how_pop{top:-2.67vw}.main .how_pop img{width:30.4vw}.main .step_wrapper{margin-bottom:16vw}.main .step_wrapper .cmn_box{padding-left:2.67vw;padding-top:11.33vw}.main .step_wrapper .inner_grad:after,.main .step_wrapper .inner_grad:before{width:108%;height:100.7%;transform:translate(-50%,-50%) rotate(4deg) skewX(3.5deg)}.main .step_step{padding-top:5.33vw;margin-bottom:16vw}.main .step_step:before{left:10vw;bottom:-13.33vw;width:3.07vw;height:12vw;background:url(../../img/common/step_arrow_sp.png) repeat-y;background-size:100%}.main .step_step_bgwrap{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.main .step_step_bg{box-shadow:1.33vw .67vw 2.67vw 0 rgba(0,0,0,.25)}.main .step_step_bg{transform:skewX(-5deg);top:-2.67vw;right:-6.93vw}.main .step_step_bg .stripe{background-size:1.2vw 1.2vw}.main .step_step_bg .stripe{transform:skewX(5deg)}.main .step_step_bg.ss .stripe{background-size:1.2vw 1.2vw}.main .step_step_number img{width:22.4vw}.main .step_step_title{padding-top:2.4vw;padding-left:1.33vw}.main .step_step_copy{line-height:1.6;font-size:4.27vw;padding-left:1.33vw;margin-top:3.33vw}.main .step_step_copy.forPC{display:none}.main .step_step_slide{margin:8vw auto 0 2.67vw;width:73.33vw}.main .step_step_slide .swiper-pagination{left:50%;top:44.93vw}.main .step_step_slide .swiper-pagination-bullet{width:1.87vw;height:1.87vw;border:.8vw solid #fff;margin:0 .93vw}.main .step_step_item{margin:0 13.33vw}.main .step_step_thumb img{width:100%}.main .step_step_thumb figcaption{width:60vw;margin:9.33vw auto 0;font-size:3.2vw}.main .step_step0{margin-bottom:10.67vw}.main .step_step0 .step_slide_wrapper{margin-bottom:9.33vw}.main .step_step0 .step_step_title{padding-top:0}.main .step_step0 .step_step_title img{width:74.53vw}.main .step_step0 .step_step_caption{text-align:center}.main .step_step0 .step_step_caption img{width:69.6vw}.main .step_step0 .step_step_thumb figcaption{width:100%}.main .step_step0 .swiper-pagination{width:100%}.main .step_step0 .swiper-pagination-bullet{width:3.47vw;height:3.47vw}.main .step_step0 .swiper-pagination-bullet::before{width:1.87vw;height:1.87vw}.main .step_step0 .swiper-pagination-bullet::after{width:3.47vw;height:3.47vw;bottom:.67vw}.main .step_step1{height:125.87vw;margin-bottom:22.67vw}.main .step_step1:before{bottom:-18.67vw}.main .step_step1 .step_step_bg{transform:skewX(-4deg);right:-6.53vw}.main .step_step1 .step_step_bg .stripe{transform:skewX(4deg)}.main .step_step1 .step_step_title img{width:72.8vw}.main .step_step1 .step_step_thumb{top:5.33vw}.main .step_step1 .step_step_thumb img{width:80vw}.main .step_step2{padding-bottom:9.33vw}.main .step_step2 .step_step_bg{transform:skewX(-3deg);right:-7.33vw}.main .step_step2 .step_step_bg .stripe{transform:skewX(3deg)}.main .step_step2 .step_step_title img{width:69.47vw}.main .step_step3{height:118.93vw}.main .step_step3 .step_step_bg{transform:skewX(-4deg);right:-6.93vw}.main .step_step3 .step_step_bg .stripe{transform:skewX(4deg)}.main .step_step3 .step_step_title img{width:72.93vw}.main .step_step3 .step_step_thumb{right:4vw;bottom:-2.13vw}.main .step_step3 .step_step_thumb img{width:75.73vw}.main .step_more_btn{margin:0 3.73vw 0 2.4vw}.main .step_more_btn .btn_grad a{width:75.2vw}}@media screen and (max-width:1206px) and (min-width:769px){.main .how_illust{left:16.58vw}.main .how_illust_img{width:74.71vw}.main .how_pop img{width:18.49vw}.main .step_wrapper .cmn_box{padding-top:8.29vw}.main .step_step{margin-bottom:8.29vw;padding-top:4.81vw;padding-left:17vw}.main .step_step:before{left:2.82vw;top:13.27vw;width:1.74vw}.main .step_step_bg{right:-10.78vw}.main .step_step_number{top:3.32vw;left:.5vw;width:13.93vw}.main .step_step_copy{font-size:1.49vw;margin-top:1.24vw}.main .step_step_slide{margin-top:3.32vw}.main .step_step_slide .swiper-pagination{left:22.64vw;top:27.2vw}.main .step_step_slide .swiper-pagination-bullet{width:.58vw;height:.58vw;border:.33vw solid #fff;margin:0 .58vw}.main .step_step_item{width:45.27vw;margin-right:13.27vw}.main .step_step_thumb figcaption{margin-top:4.15vw;font-size:1.24vw}.main .step_step0{margin-bottom:4.56vw}.main .step_step0 .step_slide_wrapper{margin-bottom:5.8vw}.main .step_step0 .step_step_title{margin-left:-9.04vw}.main .step_step0 .step_step_title img{width:63.68vw}.main .step_step0 .step_step_copy{width:45.27vw}.main .step_step0 .step_step_caption{margin-left:-9.04vw}.main .step_step0 .step_step_caption img{width:64.84vw}.main .step_step1{height:48.42vw}.main .step_step1:before{height:41.29vw}.main .step_step1 .step_step_bg{right:-11.11vw}.main .step_step1 .step_step_title img{width:45.36vw}.main .step_step1 .step_step_thumb{top:1.66vw}.main .step_step1 .step_step_thumb img{width:54.73vw}.main .step_step2{padding-bottom:4.56vw}.main .step_step2:before{height:57.88vw}.main .step_step2 .step_step_bg{right:-10.78vw}.main .step_step2 .step_step_title img{width:43.12vw}.main .step_step3{height:36.24vw;margin-bottom:10.36vw}.main .step_step3 .step_step_bg{right:-10.61vw}.main .step_step3 .step_step_title img{width:54.81vw}.main .step_step3 .step_step_thumb{left:21.14vw;bottom:-3.32vw}.main .step_step3 .step_step_thumb img{width:38.97vw}.main .step_more_btn{margin-right:6.05vw}}