@charset "utf-8";
#self_inq{width:100%;margin-top:10rem;padding:7rem 5rem;background:#f7f7f7;overflow:hidden}
#self_inq .inq_inner{max-width:150rem;width:100%;height:70rem;border-radius:3rem;background:#fff;margin:0 auto;overflow:hidden;display:flex}
#self_inq .left_box{width:55rem;height:100%;padding:5rem;text-align:center;background: url(/way_page/img/box_bg.jpg) repeat;overflow:hidden;position:relative;display: flex;align-items: center;justify-content: space-between;flex-direction: column;align-content: center;flex-wrap: wrap;}
#self_inq .left_box:before {content: '';width: 22rem;height: 22rem;background: url(/way_page/img/mark.png) no-repeat center / cover;position: absolute;bottom: -3rem;right: -3rem;opacity: .1;}
#self_inq .left_box .logo{max-width:25rem;width:100%;margin:0 auto 5rem;}
#self_inq .left_box .logo img{width:100%}
#self_inq .left_box .form_tit{margin-bottom:1rem;font-size:3rem;font-weight:700;letter-spacing:-.1rem;color:#222}
#self_inq .left_box .txt{margin-bottom:3rem;font-size:1.7rem;line-height:150%;color:#666;}
#self_inq .tel_box .tit{display:inline-block;margin-bottom:2rem;padding:1.2rem 3rem;border-radius:5rem;background:var(--pt-color);font-size:1.6rem;font-weight:700;color:#fff}
#self_inq .tel_box .tel{font-size:3rem;font-weight:700;line-height:110%;color:#222;font-family:'Poppins'}

#step_form_area{width:calc(100% - 55rem);height:100%}
#step_form_area form{display:block;width:100%;height:100%}

.step_box{width:100%;height:100%}
.first_cover{width:100%;height:100%;padding:10rem 2rem;text-align:center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.first_cover .s_tit{margin-bottom:1rem;font-size:2rem;font-weight:700;color:#222}
.first_cover .tit{margin-bottom:1rem;font-size:5rem;font-weight:800;line-height:120%;color:#222;word-break:keep-all}
.first_cover .tit span{color:var(--pt-color)}
.first_cover .txt{font-size:1.8rem;font-weight:500;line-height:150%;color:#666}
.first_cover .txt span{font-weight:700;color:#bf977c}
.first_cover .first_btn{width:25rem;height:5.5rem;margin-top:5rem;border-radius:5rem;background:var(--pt-color);font-size:1.7rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;display: flex;align-items: center;justify-content: center;gap: 1rem;}
.first_cover .first_btn img{width:2rem}
.first_cover .first_btn:hover{background:#66584f;gap:2rem}

.step_content{width:100%;height:100%;padding:5rem;position:relative}
.step_content .form_box{width:100%;height:calc(100% - 5rem)}
.step_content .step_status{height:10rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap}
.step_content .step_status .step{width:calc((100% - 12.5rem) / 6);text-align:center}
.step_content .step_status .arr{width:2.5rem;height:2.5rem;margin-top:2rem;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center}
.step_content .step_status .arr img{opacity:.3}
.step_content .step_status .num{width:8rem;height:3rem;margin:0 auto 1rem;border-radius:3rem;background:#f7f7f7;font-size:1.2rem;font-weight:700;color:#999;display: flex;align-items: center;justify-content: center;font-family:'Poppins'}
.step_content .step_status .step_tit{font-size:1.8rem;font-weight:700;color:#999}
.step_content .step_status li.on .num{background:var(--pt-color);color:#fff}
.step_content .step_status li.on .step_tit{color:#222}

.step_content .cont_area{width:100%;height:calc(100% - 10rem)}


.step_content .step_btn_wrap{display:flex;flex-wrap:wrap;justify-content: space-between;gap:1rem}
.step_content .step_btn_wrap .right_btn{display:flex;flex-wrap:wrap;gap:1rem}
.step_content .step_btn_wrap .step_btn{width:14rem;height:5rem;border-radius:5rem;background:#f7f7f7;cursor:pointer;font-size:1.6rem;font-weight:700;color:#333;display:flex;align-items: center;justify-content: center;gap:1rem}
.step_content .step_btn_wrap .step_btn .icon{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:rgba(0,0,0,.1);display:flex;align-items: center;justify-content: center;}
.step_content .step_btn_wrap .step_prev{background:#cac5c5;color:#fff}
.step_content .step_btn_wrap .step_next{background:var(--pt-color);color:#fff}

.step_content .step_btn_wrap .step_btn_done{border:0;background:#5f5752;color:#fff}

.step_content .cont_area{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.step_content .cont_area .q_tit_box{width:100%;margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.step_content .cont_area .q_tit_box .q{width:4.5rem;height:4.5rem;border-radius:5rem;background:var(--pt-color);font-size:1.6rem;font-weight:700;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content: center;font-family:'Poppins'}
.step_content .cont_area .q_tit_box .q_tit{width:calc(100% - 7rem);font-size:2.2rem;font-weight:700;line-height:130%;color:#222}
.step_content .cont_area .q_tit_box .q_tit em{font-size:1.8rem;font-style:normal;font-weight:500;color:#666}

.step_content .input_list{width:100%}
.step_content .input_list li{width:100%}
.step_content .input_list .page_input{width:100%;height:5rem;border-radius:.5rem;border:1px solid #ddd;padding:0 2rem;font-size:1.8rem;font-weight:500;color:#222}
.step_content .input_list .page_input.page_input_right{text-align:right}
.step_content .input_list li.input_flex_box{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.step_content .input_list li.input_flex_box .page_input{width:calc(100% - 3rem)}
.step_content .input_list li.input_flex_box span{width:2rem;font-size:1.7rem;font-weight:700;text-align:right;color:#222}

.step_content .input_list li.input_flex_box2{display:flex;flex-wrap:wrap;align-items:center}
.step_content .input_list li.input_flex_box2 .input_tit{width:10rem;font-size:1.8rem;font-weight:700;color:#222}
.step_content .input_list li.input_flex_box2 .page_input{width:calc(100% - 10rem)}

.input_list li + li{margin-top:.5rem}
.input_list li input[type="checkbox"]{display:none;}
.input_list li input[type="checkbox"]+label{display:block;width:100%;padding:1.2rem 3rem;border-radius:.5rem;border:1px solid #ddd;font-size:1.7rem;font-weight:500;color:#333;position:relative;cursor:pointer}
.input_list li input[type="checkbox"]+label:before{content:'';width:2rem;height:2rem;background:url(/way_page/img/chk.png) no-repeat center/cover;position:absolute;top:50%;right:2rem;transform:translateY(-50%);filter: grayscale(1);opacity:.5}
.input_list li input[type="checkbox"]:checked+label{border-color:var(--pt-color);background:#f7f7f7}
.input_list li input[type="checkbox"]:checked+label:before{filter:grayscale(0);opacity:1}


.step_content .agree{width:100%;margin-top:2rem;display:flex;flex-wrap:wrap;align-items: center;gap:2rem}
.step_content .agree .checkbox_input{display:none;}
.step_content .agree .checkbox_label{padding-left:2.6rem;font-size:1.5rem;color:#666;line-height: 150%;position: relative;cursor:pointer;}
.step_content .agree .checkbox_label:before{content:'';display:block;width:20px;height:20px;border-radius:3px;box-sizing:border-box;border:1px solid rgba(0,0,0,.3);position:absolute;left:0;top:1px;}
.step_content .agree input[type="checkbox"]:checked + .checkbox_label:before{background:var(--pt-color) url('/way_page/img/check.png') no-repeat center/100% auto; border-color:var(--pt-color);}
.step_content .agree .privacy_btn{font-size:1.5rem;font-weight:500;color:#222;text-decoration:underline;cursor:pointer}


#form_done{width:100%;margin-top:10rem;padding:7rem 5rem;background:#f7f7f7}
#form_done .done_page{max-width:100rem;width:100%;margin:0 auto;padding:10rem 5rem;border-radius:3rem;background:#fff;text-align:center}
#form_done .tit{margin-bottom:1rem;font-size:4rem;font-weight:700;color:#222}
#form_done .txt{font-size:1.7rem;line-height:150%;color:#666}
#form_done .chk_list{width:100%;margin:2rem auto;display:flex;flex-wrap:wrap;gap:1rem}
#form_done .chk_list li{width:calc((100% - 2rem) / 3);padding:1.5rem 2rem;border-radius:1rem;background:#f7f7f7}
#form_done .chk_list li .icon{display:block;width:2rem;margin:0 auto 1rem}
#form_done .chk_list li .icon img{display:block;width:100%}
#form_done .chk_list li .txt{width:calc(100% - 3rem);margin-top: -3px;font-size:1.7rem;font-weight:500;line-height:150%;color:#333}
#form_done .btn_area{max-width:50rem;width:100%;margin:3rem auto 0;display:flex;gap:1rem}
#form_done .btn_area li{width:calc(50% - .5rem);height:5rem}
#form_done .btn_area li a{width:100%;height:100%;border-radius:5rem;font-size:1.7rem;font-weight:500;color:#fff;display:flex;flex-wrap:wrap;align-items: center;justify-content: center;transition:all .3s}
#form_done .btn_area li a:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#form_done .btn_area li.link01 a{background:var(--pt-color)}
#form_done .btn_area li.link02 a{background:#504a46}


@media(max-width:1400px){
	#self_inq .left_box{width:45rem}
	#step_form_area{width:calc(100% - 45rem)}
}
@media(max-width:1280px){
	#self_inq{width:100%;padding:5rem 3rem;margin-top:8rem;}

	#self_inq .left_box{width:30rem}
	#step_form_area{width:calc(100% - 30rem)}
	
	#self_inq .left_box .form_tit{font-size:2.7rem}

	.first_cover .tit{font-size:4.7rem}
	
	.step_content{padding:3rem}
	
	#form_done{margin-top:8rem}
	#form_done .tit{font-size:3.7rem}
}

@media(max-width:1024px){
	#self_inq .inq_inner{height:auto;flex-wrap:wrap}
	#self_inq .left_box{width:100%}
	#self_inq .left_box .logo{display:none}
	#self_inq .left_box .txt{margin-bottom:0}
	#self_inq .tel_box{display:none}
	#step_form_area{width:100%}
	
	.first_cover .tit{font-size:4.4rem}
	.step_content .cont_area{height:auto;padding:5rem 0}
	
	.step_content .step_status{max-width:50rem;width:100%;margin:0 auto}
	.step_content .step_status{height:auto;padding-bottom:2rem;flex-wrap:wrap;align-items: center;justify-content: center;gap:1rem 0}
	
	.step_content .step_status .step{width:calc((100% - 5rem) / 3)}
	.step_content .step_status .arr{margin:0}
	
	#form_done .tit{font-size:3.4rem}
	
	
}
@media(max-width:767px){
	.step_content .step_status .arr:nth-child(6){display:none}
	.step_content .step_btn_wrap{align-items: center;flex-direction: column-reverse;}
	
	.step_content .cont_area .q_tit_box .q{width:4rem;height:4rem}
	.step_content .cont_area .q_tit_box .q_tit{font-size:2rem}
	
	.first_cover .tit{font-size:4.1rem}
	
	#form_done{margin-top:7rem;padding:5rem 2rem}
	
	#form_done .done_page{padding:5rem 3rem}
	#form_done .tit{font-size:3.1rem}
	#form_done .chk_list li{width:100%}
	
	#form_done .txt br{display:none}
}
	
@media(max-width:480px){
	.step_content .cont_area .q_tit_box{gap:1rem}
	.step_content .cont_area .q_tit_box .q{width:3rem;height:3rem}
	.step_content .cont_area .q_tit_box .q_tit{width:calc(100% - 4rem)}
	
	#self_inq .left_box .txt{display:none}
	.step_content .step_status .step{width:calc((100% - 4rem) / 3)}
	.step_content .step_status .arr{width:2rem;height:2rem}
	.step_content .step_status .step_tit{font-size:1.6rem}
	
	.first_cover .tit{font-size:3.8rem}
	.step_content .step_btn_wrap .right_btn{width:100%}
	.step_content .step_btn_wrap .step_btn{width:calc(50% - 1rem)}
	
	.step_content .input_list li.input_flex_box2 .page_input{font-size:1.6rem}
	.step_content .input_list li.input_flex_box2 .input_tit{width:7rem}
	.step_content .input_list li.input_flex_box2 .page_input {width: calc(100% - 7rem);}
	
	
}
@media(max-width:320px){
}