.head-box{width:700px;margin:0 auto;padding:20px 0 20px 30px;background-color:#f2f2f2;font-size:18px;font-weight:bold;text-align:left;border-left:3px solid #f7df17}.head-box .list{display:inssline-block;margin-top:10px;text-align:left}.head-box .list .img{display:inline-block;vertical-align:middle;width:16px;margin-right:10px;line-height:1}.head-box+section{margin-top:40px}.head-box2{margin:0 auto 32px;padding:30px 0 30px 30px;background-color:#f2f2f2;font-size:18px;font-weight:bold;text-align:center;border-left:3px solid #f7df17}.head-box2 .list{display:inssline-block;margin-top:10px;text-align:left;list-style:none;width:65%;margin:10px auto 0}.head-box2 .list li{display:flex;align-items:center}.head-box2 .list .img{display:inline-block;vertical-align:middle;width:16px;margin-right:10px;line-height:1}section:not(:first-of-type){margin-top:30px}section .h3{display:block;padding:20px 0;font-size:26px;font-weight:bold;text-align:center}section .input-table .data.birth .row .col:nth-of-type(1){width:220px}section .input-table .data.birth .row .col:nth-of-type(2){width:130px}section .input-table .data.birth .row .col:nth-of-type(3){width:130px}section .input-table .data.birth .row .col .form-label{width:25px;margin-left:10px;margin-right:10px;text-align:left}section .input-table .data.address .row:not(:first-of-type){margin-top:25px}section .input-table .data.address .row .row-ttl{height:24px;line-height:24px;margin-bottom:5px;font-size:16px;font-weight:bold;position:relative}section .input-table .data.address .row .row-ttl .require{display:inline-block;vertical-align:middle;line-height:1;margin-left:10px;padding:5px 6px;background-color:#e7153f;color:#fff;font-size:12px;font-weight:bold}section .input-table .data.address .link-zip a{display:inline-block;margin-top:5px;padding-left:15px;font-size:14px;text-decoration:underline;position:relative}section .input-table .data.address .link-zip a:hover{color:#105edb}section .input-table .data.address .link-zip a::before{content:'';display:inline-block;width:6px;height:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:1px solid #105edb;border-right:1px solid #105edb;position:absolute;top:0;left:0;bottom:0;margin:auto}section .input-table .data.col3 .row .col{width:auto}section .input-table .data.col3 .row .col .form-label{text-align:center}section .input-table .data.col3 .row .col .form-label+.input-box{margin-left:0}section .input-table .data.provider .row .col{width:30%;margin-bottom:8px;margin-right:16px}section .input-table .data.provider .row .col:last-child label{width:310px}section .input-table .data.hope .row:not(:first-of-type){margin-top:25px}section .input-table .data.hope .row .row-ttl{height:24px;line-height:24px;margin-bottom:5px;font-size:16px;font-weight:bold;position:relative}section .input-table .data.hope .row .row-ttl .require{display:inline-block;vertical-align:middle;line-height:1;margin-left:10px;padding:5px 6px;background-color:#e7153f;color:#fff;font-size:12px;font-weight:bold}section .input-table .data.hope .row .svg{display:inline-block;vertical-align:middle;width:24px;height:24px;margin-left:5px;margin-bottom:5px}section .input-table .data.hope .row .svg svg{fill:#5291f0}section .input-table .data.hope .row .svg svg use:nth-of-type(3),section .input-table .data.hope .row .svg svg use:nth-of-type(5){fill:#c7dbf3}section .input-table .data.option dt{-webkit-flex:0 0 320px;flex:0 0 320px}section .input-table .data.option dt .price{display:inline-block;font-size:14px;font-weight:bold;position:absolute;top:47px;right:70px}section .input-table .data.option .row{height:100%}section .input-table .data.option.lan .require{top:60px}section .input-table .data.option.lan .price{top:56px}section .input-table .data.campaign dt{-webkit-flex:0 0 320px;flex:0 0 320px}section .input-table .data.campaign .row{height:100%}section .input-table .data.campaign.pocket_rental .require{top:65px}section .input-table .data.contactdate .row .col{-webkit-justify-content:flex-start;justify-content:flex-start}section .input-table .data.contactdate .row .col:nth-of-type(2) .form-label{width:60px}section .confirm-table.price-table .data.option dd p{display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:space-between;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}section .confirm-table.price-table .data.option dd p .ttl{display:inline-block;width:200px}section .confirm-table.price-table .data.option dd p .price{display:inline-block;width:200px;padding-right:15px;font-size:16px;text-align:right}section .confirm-table.price-table .data.campaign dd{padding-left:120px}.form-steps{display:flex;justify-content:space-between;align-items:center;margin-top:130px}.form-steps li{display:flex;justify-content:center;align-items:center;flex:1;height:130px;padding-left:24px;background-color:#cecece;position:relative}.form-steps li:first-child{border-radius:6px 0 0 6px}.form-steps li:last-child{border-radius:0 6px 6px 0}.form-steps li .block{display:inline-block;text-align:center}.form-steps li .block .stepnum{display:inline-block;margin-bottom:10px;padding:2px 18px;color:white;font-size:12px;font-weight:bold;border:2px solid white;border-radius:3px}.form-steps li .block .stepttl{display:inline-block;color:#fff;font-size:18px;line-height:1.5}.form-steps li .balloon{display:flex;justify-content:space-between;align-items:center;width:255px;height:90px;padding:5px;background-color:#e7153f;border-radius:45px;box-shadow:0 5px 0 #d4dff0;position:absolute;top:-100px}.form-steps li .balloon::before,.form-steps li .balloon::after{content:'';display:inline-block;width:0;height:0;border:10px solid transparent;position:absolute;top:100%;left:0;right:0;margin-left:auto;margin-right:auto}.form-steps li .balloon::before{border-top:12px solid #d4dff0;margin-top:5px;z-index:2}.form-steps li .balloon::after{border-top:12px solid #e83e62;z-index:3}.form-steps li .balloon .percent{display:block;width:80px;height:80px;padding-top:15px;border-radius:50%;background-color:#fff;color:#e7153f;font-size:13px;font-weight:bold;text-align:center;line-height:1}.form-steps li .balloon .percent em{font-style:normal;font-size:35px;font-weight:bold}.form-steps li .balloon .cashback{display:block;padding-right:26px;color:#fff;font-size:15px;font-weight:bold;line-height:1.5;text-align:left}.form-steps li .balloon .cashback .yellow{color:#f7df17;font-size:22px;line-height:22px}.form-steps li .balloon .cashback em{font-style:normal;font-size:20px;font-weight:bold;line-height:1}.form-steps li:not(:last-child)::after,.form-steps li:not(:last-child) .block::before,.form-steps li:not(:last-child) .block::after{content:'';display:inline-block;position:absolute;top:0;bottom:0;left:100%;margin-top:auto;margin-bottom:auto}.form-steps li:not(:last-child)::after,.form-steps li:not(:last-child) .block::after{width:0;height:0;border:65px solid transparent;border-left-width:24px}.form-steps li:not(:last-child)::after{border-left-color:#cecece;z-index:3}.form-steps li:not(:last-child) .block::before{width:3px;height:130px;background-color:#fff;z-index:2}.form-steps li:not(:last-child) .block::after{border-left-color:#fff;margin-left:3px;z-index:1}.form-steps li.current{background-color:#336fd2}.form-steps li.current::after{border-left-color:#336fd2}.form-steps li.current.step-true+li{background-color:#3877dd}.form-steps li.current.step-true+li::after{border-left-color:#3877dd}.button-wrap #confirm-btn{margin-top:50px}.button-wrap.step1{margin-top:50px}.button-wrap.step2,.button-wrap.step3,.button-wrap.step4,.button-wrap.step5,.button-wrap.step6{position:relative}.button-wrap.step2 #input-btn,.button-wrap.step3 #input-btn,.button-wrap.step4 #input-btn,.button-wrap.step5 #input-btn,.button-wrap.step6 #input-btn{margin:50px auto 0;padding-left:60px}.button-wrap.step2 #back-btn,.button-wrap.step3 #back-btn,.button-wrap.step4 #back-btn,.button-wrap.step5 #back-btn,.button-wrap.step6 #back-btn{position:absolute;top:10px;left:0}#modify-btn{width:100%;margin:20px auto 0}#modify-btn a,#modify-btn button{width:160px;height:50px;border:1px solid #ccc;text-align:center}#modify-btn a .text,#modify-btn button .text{margin-left:0px}.button-wrap #confirm-btn{display:block;height:70px;text-align:center;position:relative}.button-wrap #confirm-btn button,.button-wrap #confirm-btn a{display:inline-block;width:380px;height:70px;line-height:70px;background-color:#cecece;box-shadow:0 5px 0 #9a9a9a;color:#fff;font-size:24px;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;position:relative;top:5px}.button-wrap #confirm-btn button:not(.btn-disable),.button-wrap #confirm-btn a:not(.btn-disable){color:#fff;background-color:#f09008;box-shadow:0 5px 0 #b36c09;top:0}.button-wrap #confirm-btn button:not(.btn-disable)::after,.button-wrap #confirm-btn a:not(.btn-disable)::after{content:'';display:inline-block;width:16px;height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:4px solid #fff;border-right:4px solid #fff;border-radius:5px 0 5px 0;position:absolute;top:26px;right:15px}.button-wrap #confirm-btn button:not(.btn-disable):hover,.button-wrap #confirm-btn a:not(.btn-disable):hover{color:#fff;top:4px;box-shadow:0 1px 0 #b36c09}.button-wrap.step2 #back-btn,.button-wrap.step3 #back-btn,.button-wrap.step4 #back-btn,.button-wrap.step5 #back-btn,.button-wrap.step6 #back-btn{display:block;height:50px;text-align:center;position:absolute;top:0;left:0;bottom:0;margin:auto}.button-wrap.step2 #back-btn button,.button-wrap.step3 #back-btn button,.button-wrap.step4 #back-btn button,.button-wrap.step5 #back-btn button,.button-wrap.step6 #back-btn button,.button-wrap.step2 #back-btn a,.button-wrap.step3 #back-btn a,.button-wrap.step4 #back-btn a,.button-wrap.step5 #back-btn a,.button-wrap.step6 #back-btn a{display:inline-block;width:120px;height:50px;line-height:50px;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:16px;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;position:relative}.button-wrap.step2 #back-btn button::after,.button-wrap.step3 #back-btn button::after,.button-wrap.step4 #back-btn button::after,.button-wrap.step5 #back-btn button::after,.button-wrap.step6 #back-btn button::after,.button-wrap.step2 #back-btn a::after,.button-wrap.step3 #back-btn a::after,.button-wrap.step4 #back-btn a::after,.button-wrap.step5 #back-btn a::after,.button-wrap.step6 #back-btn a::after{content:'';display:inline-block;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-left:2px solid #4788ee;border-bottom:2px solid #4788ee;background-color:#fff;position:absolute;top:21px;left:15px}.button-wrap.step1 #next-btn{display:block;height:70px;margin-top:80px;text-align:center;position:relative}.button-wrap.step1 #next-btn:before{position:absolute;content:'';width:360px;height:50px;top:-50px;left:0;right:0;margin:0 auto;background:url("/img/form/complete/btn-self.png") no-repeat}.button-wrap.step1 #next-btn button,.button-wrap.step1 #next-btn a{display:inline-block;width:380px;height:70px;line-height:70px;background-color:#cecece;box-shadow:0 5px 0 #9a9a9a;color:#fff;font-size:24px;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;position:relative;top:5px}.button-wrap.step1 #next-btn button:not(.btn-disable),.button-wrap.step1 #next-btn a:not(.btn-disable){color:#fff;background-color:#336fd2;box-shadow:0 5px 0 #2558ac;top:0}.button-wrap.step1 #next-btn button:not(.btn-disable)::after,.button-wrap.step1 #next-btn a:not(.btn-disable)::after{content:'';display:inline-block;width:16px;height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:4px solid #fff;border-right:4px solid #fff;position:absolute;top:26px;right:15px}.button-wrap.step1 #next-btn button:not(.btn-disable):hover,.button-wrap.step1 #next-btn a:not(.btn-disable):hover{color:#fff;top:4px;box-shadow:0 1px 0 #2558ac}#modify-btn{display:block;width:300px;height:65px;margin:40px auto;text-align:center;position:relative}#modify-btn button{display:inline-block;width:300px;height:65px;background-color:#fff;border-radius:5px;font-size:15px;font-weight:bold;text-align:left;text-decoration:none;cursor:pointer;outline:none}#modify-btn button.confirm{text-align:center}#modify-btn button.confirm .text{margin-left:0}#modify-btn button svg{display:inline-block;vertical-align:middle;line-height:1;width:25px;height:25px;margin-left:20px;fill:#4788ee}#modify-btn button .text{display:inline-block;vertical-align:middle;line-height:1;margin-left:40px}#modify-btn button:hover{color:#fff;background-color:#4788ee}#modify-btn button:hover svg{fill:#fff}
