@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,700&display=swap");@import url(base.css);.page-ttl .image{background-image:url("../img/base/head-img2.jpg")}.pnkz{margin-top:15px}.step{width:1100px;margin:175px auto 79px}.step .step-list{margin:0 auto 27px;display:flex;justify-content:center}.step .step-list li{background:url("../img/reform/flow.png") center right no-repeat;margin-right:-15px}.step .step-list li a{display:block;height:240px;width:124px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:relative;line-height:124px;text-align:center;font-size:18px;color:#3e3a39;letter-spacing:.3px}.step .step-list li a .num{background:url("../img/reform/balloon.png") no-repeat;position:absolute;width:54px;height:63px;top:-44px;left:37px;z-index:1;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;text-align:center;font-family:"Lato",sans-serif;font-size:20px;font-weight:600;line-height:1;padding-top:13px}.step .step-list li a .num .txt{font-size:12px;display:block}.step .step-list li:nth-child(-n+5){background-image:url("../img/reform/flow-free.png")}.step .step-list li:nth-child(-n+5) a .num{background-image:url("../img/reform/balloon-free.png")}.step .step-list li:nth-child(n+10){background-image:url("../img/reform/flow-green.png")}.step .step-list li:nth-child(n+10) a .num{background-image:url("../img/reform/balloon-green.png")}.step .step-list li:first-child{background-image:url("../img/reform/flow-free-first.png");width:120px}.step .step-list li:first-child a{padding-right:7px}.step .step-list li:first-child a .num{left:29px}.step .price .free,.step .price .pay{display:inline-block;font-size:18px;text-align:center;border-radius:10px;padding:10px 0 7px}.step .price .free{background:#fdece9;width:546px;margin-right:19px}.step .price .pay{background:#fde8ca;width:415px}.flow{margin-bottom:101px}.flow .flow-list{margin-left:calc(50% - 550px)}.flow .flow-list li{display:flex}.flow .flow-list li .price{width:40px;background:#f1a46c;position:relative}.flow .flow-list li .price span{position:absolute;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:.3px;font-size:18px;top:41px;left:11px;white-space:nowrap;z-index:1}.flow .flow-list li.end .price{margin-bottom:14px}.flow .flow-list li.end .price:before{content:"";position:absolute;bottom:-35px;left:0;border-style:solid;border-width:14px 20px 0 20px;border-color:#fff transparent transparent transparent;z-index:1}.flow .flow-list li.end .price:after{content:"";position:absolute;bottom:-14px;left:0;width:0;height:0;border-style:solid;border-width:14px 20px 0 20px;border-color:#f1a46c transparent transparent transparent;z-index:2}.flow .flow-list li .contents{padding:36px calc(50% - 550px) 43px 42px;display:flex;border-bottom:solid 1px rgba(253,236,233,0.05);width:calc(100% - 40px);background:rgba(251,213,161,0.2)}.flow .flow-list li .contents .num{background:#f1a46c;font-size:22px;text-align:center;width:60px;height:60px;border-radius:50%;padding-top:14px;margin-right:16px;font-weight:600;line-height:1.1}.flow .flow-list li .contents .num .txt{font-size:14px;display:block}.flow .flow-list li .contents .txt-box{width:calc(100% - 76px);color:#595757}.flow .flow-list li .contents .txt-box .title{font-size:24px;letter-spacing:.5px;padding:21px 0 26px;border-bottom:dashed 1px #dcdddd;margin-bottom:23px;font-weight:600}.flow .flow-list li .contents .txt-box .txt{margin-bottom:20px;line-height:30px;font-size:20px;letter-spacing:.5px;font-weight:600}.flow .flow-list li .contents .txt-box .detail{line-height:30px;font-weight:600}.flow .flow-list li .contents .txt-box .detail a{color:#036eb8}.flow .flow-list li .contents .txt-box .detail a:hover{opacity:.6}.flow .flow-list li .contents .txt-box .btn{margin-top:26px;color:#333;border:solid 1px #333;background:#fff;text-align:center;letter-spacing:.3px;border-radius:10px;padding:11px 0 7px;width:293px;position:relative;font-weight:600}.flow .flow-list li .contents .txt-box .btn .fas{position:absolute;font-size:12px;right:8px;top:calc(50% - 6px)}.flow .flow-list li .contents .txt-box .btn:hover{color:#fff;border:solid 1px #f2aebb;background:#f2aebb}.flow .flow-list li:nth-child(odd) .contents{background:rgba(251,213,161,0.05)}.flow .flow-list li:nth-child(-n+5) .contents{background:rgba(253,236,233,0.05);border-bottom:solid 1px rgba(253,236,233,0.1)}.flow .flow-list li:nth-child(-n+5):nth-child(odd) .contents{background:rgba(253,236,233,0.2)}.flow .flow-list li:nth-child(-n+5) .price,.flow .flow-list li:nth-child(-n+5) .contents .num{background:#f2aebb}.flow .flow-list li:nth-child(-n+5).end .price:after{border-color:#f2aebb transparent transparent transparent}.flow .flow-list li:nth-child(n+10) .contents{background:rgba(102,191,0,0.05);border-bottom:solid 1px rgba(253,236,233,0.1)}.flow .flow-list li:nth-child(n+10):nth-child(odd) .contents{background:rgba(253,236,233,0.2)}.flow .flow-list li:nth-child(n+10) .price,.flow .flow-list li:nth-child(n+10) .contents .num{background:#ceda64}.flow .flow-list li:nth-child(n+10).end .price:after{border-color:#ceda64 transparent transparent transparent}.flow .flow-list li:first-child .contents{padding-top:39px}.flow .flow-list li:nth-child(6),.flow .flow-list li:nth-child(10){margin-top:7px}.after-service{display:flex;position:relative;margin-bottom:134px}.after-service .as-txt{position:absolute;z-index:1;right:49px;top:-50px}.after-service .as-img{background:url("../img/reform/as-img.jpg") center center/cover;position:absolute;z-index:-1;right:-10%;top:0;width:62.65%;height:230px}.after-service .txt-box{background:#e07715;padding:27px 45px 24px calc(50% - 550px);position:relative;min-width:calc(50% + 20px)}.after-service .txt-box:after{content:"";width:0;height:0;border-style:solid;border-width:230px 68px 0 0;border-color:#e07715 transparent transparent transparent;position:absolute;right:-68px;top:0}.after-service .txt-box .box-ttl{display:inline-block;color:#fff;font-size:30px;font-weight:600;margin:8px 0 0 10px;letter-spacing:.5px}.after-service .txt-box .txt{color:#fff;font-size:18px;font-weight:600;margin:19px 0 16px;line-height:28px;letter-spacing:.5px}.after-service .txt-box .txt span{margin-right:.3em}.after-service .txt-box .btn{color:#595757;background:#fff;text-align:center;border-radius:10px;padding:11px 0 7px;width:319px;position:relative;font-weight:600}.after-service .txt-box .btn .fas{position:absolute;font-size:12px;right:8px;top:calc(50% - 6px);color:#e07715}.after-service .txt-box .btn:hover{background:#ffe760}@media screen and (max-width: 1150px){.step{width:100%;padding:0 40px}.step .step-list li{background-size:110px 240px}.step .step-list li a{width:110px}.step .step-list li a .num{left:15px}.step .step-list li:first-child{width:110px}.step .step-list li:first-child a .num{left:15px}.step .price .free{width:47%}.step .price .pay{width:40%}.flow .flow-list{margin-left:40px}.flow .flow-list li .contents .txt-box{padding-right:40px}.after-service .txt-box{padding-left:40px}}@media screen and (max-width: 768px){.step{width:calc(100% - 40px);margin:50px 20px 50px;background:#f3f3f3;display:flex;padding:30px 15px 35px}.step .step-list{order:1;margin:0;display:block;width:calc(100% - 48px)}.step .step-list li{background:none;margin-right:0;list-style:decimal inside}.step .step-list li a{display:inline-block;height:auto;width:auto;-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial;position:relative;line-height:25px;text-align:left;font-size:15px}.step .step-list li a .num{display:none}.step .step-list li:nth-child(-n+5){background-image:none}.step .step-list li:nth-child(-n+5) a .num{background-image:none}.step .step-list li:nth-child(n+10){background-image:none}.step .step-list li:nth-child(n+10) a .num{background-image:none}.step .step-list li:first-child{background-image:none;width:auto}.step .step-list li:first-child a{padding-right:7px}.step .step-list li:first-child a .num{left:29px}.step .price{order:0;margin-right:15px}.step .price .free,.step .price .pay{display:block;font-size:14px;text-align:center;border-radius:4px;padding:0 7px 0 0;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;width:28px;color:#fff}.step .price .free{background:#f2aebb;margin:0 0 10px;height:120px}.step .price .pay{background:#f1a46c;height:100px}.flow{margin:30px 0 65px}.flow .flow-list{margin-left:0;width:100%}.flow .flow-list li{position:relative}.flow .flow-list li .price{width:30px;height:calc(100% - 23px);top:50px;left:25px;position:absolute;z-index:1}.flow .flow-list li .price span{font-size:17px;text-align:center;top:0;left:6px;height:100%}.flow .flow-list li.end .price:after{border-width:14px 15px 0 15px}.flow .flow-list li .contents{padding:20px 20px 30px 12px;width:100%}.flow .flow-list li .contents .num{font-size:20px;width:55px;height:55px;padding-top:10px;margin-right:14px;border:solid 2px #fff;z-index:2;position:relative}.flow .flow-list li .contents .num .txt{font-size:11px}.flow .flow-list li .contents .txt-box{width:calc(100% - 69px)}.flow .flow-list li .contents .txt-box .title{font-size:20px;padding:18px 0 15px;margin-bottom:18px;font-weight:700}.flow .flow-list li .contents .txt-box .txt{margin-bottom:15px;line-height:30px;font-size:16px;font-weight:700}.flow .flow-list li .contents .txt-box .detail{line-height:26px;font-weight:500}.flow .flow-list li .contents .txt-box .detail a:hover{opacity:1}.flow .flow-list li .contents .txt-box .btn{margin-top:23px;border-radius:8px;width:220px;padding:8px 0 6px}.flow .flow-list li .contents .txt-box .btn:hover{color:#333;border:solid 1px #333;background:#fff}.flow .flow-list li:nth-child(-n+5).end .price{margin-bottom:0}.flow .flow-list li:nth-child(-n+5).end .price:before{display:none}.flow .flow-list li:first-child .contents{padding-top:25px}.flow .flow-list li:nth-child(6),.flow .flow-list li:nth-child(10){margin-top:26px}.after-service{display:block;position:relative;margin-bottom:40px}.after-service .as-txt{display:none}.after-service .as-img{position:static;width:100%;height:30vw;right:0;background-position:center right}.after-service .txt-box{padding:25px 20px;width:100%}.after-service .txt-box img{width:40px;height:auto}.after-service .txt-box .box-ttl{font-size:22px;font-weight:700;margin:4px 0 0 7px}.after-service .txt-box .txt{font-size:16px;font-weight:700;margin:19px 0 16px;line-height:26px}.after-service .txt-box .btn{border-radius:8px;padding:8px 0 6px;width:100%;font-weight:700;max-width:350px;display:block;margin:0 auto}.after-service .txt-box .btn:hover{background:#fff}}
/*# sourceMappingURL=reform.css.map */