@charset "utf-8";


#inc02{width:100%;padding:18rem 5rem;background:url(/index/include/include02/bg.jpg) no-repeat center/cover}
#inc02 .inner{max-width:150rem;width:100%;margin:0 auto;}
#inc02 .inner .tit_box{width:55rem;float:left;position: sticky;top:13rem;}
#inc02 .inner .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:#fff;font-family:'Poppins'}
#inc02 .inner .tit_box .tit{margin-bottom:1.5rem;font-size:5rem;line-height:120%;color:#fff}
#inc02 .inner .tit_box .txt{font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.8)}
#inc02 .inner .tit_box .tel_num{width:28rem;height:7rem;margin-top:3rem;border-radius:7rem;background:rgba(0,0,0,.1);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:1.5rem;}
#inc02 .inner .tit_box .tel_num .icon{width:4.5rem;height:4.5rem;border-radius:4.5rem;background:linear-gradient(128deg,rgba(245, 153, 17, 1) 0%, rgba(247, 202, 2, 1) 100%);box-shadow: 0 1rem 1rem rgba(0, 0, 0, .1);display:flex;align-items: center;justify-content: center;}
#inc02 .inner .tit_box .tel_num .icon img{width:2rem}
#inc02 .inner .tit_box .tel_num .num{font-size:2.4rem;font-weight:700;color:#fff;font-family:'Poppins'}

#inc02 .inner .form_box{width:calc(100% - 55rem);float:right}
#inc02 .inner .from_list{display:flex;flex-wrap:wrap;gap:3rem 2rem}
#inc02 .inner .from_list .input_box{width:calc(50% - 1rem)}
#inc02 .inner .from_list .input_box_full{width:100%}
#inc02 .inner .input_box .box_tit{margin-bottom:2rem;font-size:2rem;font-weight:700;color:#fff}
#inc02 .inner .input_box .inq_info{width:100%;height:5.5rem;border-radius:.5rem;border:0;background:rgba(0,0,0,.15);padding:0 2rem;font-size:1.6rem;font-weight:500;color:#fff}
#inc02 .inner .input_box .inq_info::placeholder{color:rgba(255,255,255,.6)}
#inc02 .inner .input_box .input_cont{height:25rem;padding:2rem;resize: none;}

.agree{margin-top:2rem;display:flex;flex-wrap:wrap;align-items: center;gap:2rem}
.agree .checkbox_input{position: absolute;opacity: 0;pointer-events: none;}
.agree .checkbox_label{padding-left:2.6rem;font-size:1.5rem;color:rgba(255,255,255,.8);line-height: 150%;position: relative;cursor:pointer;}
.agree .checkbox_label:before{content:'';display:block;width:20px;height:20px;border-radius:3px;box-sizing:border-box;border:1px solid rgba(255,255,255,.8);position:absolute;left:0;top:1px;}
input[type="checkbox"]:checked + .checkbox_label:before{background:#fff url('/index/include/include02/check.png') no-repeat center/100% auto; border-color:#fff;}

.agree .privacy_btn{font-size:1.5rem;font-weight:500;color:#fff;text-decoration:underline;cursor:pointer}

#inc02 .form_btn{display:block;max-width:31rem;width:100%;height:6rem;border-radius:6rem;border:0;margin:5rem auto 0;background:#fff;font-size:1.7rem;font-weight:500;color:#222;transition:all .3s}
#inc02 .form_btn:hover{background:#000;color:#fff}


#inc02 .form_box .radio_list{display:flex;flex-wrap:wrap;gap:1rem}
#inc02 .form_box .radio_list p{width:calc((100% - 4rem) / 5)}

#inc02 .radio_list input[type=radio]{position: absolute;opacity: 0;pointer-events: none;}
#inc02 .radio_list input[type=radio]+label{width:100%;height:6rem;width:100%;padding:0 1rem;border-radius:.5rem;background: rgba(0, 0, 0, .15);font-size:1.6rem;font-weight:500;line-height:120%;color:#fff;text-align:center;cursor:pointer;    display: flex;align-items: center;justify-content: center;}
#inc02 .radio_list input[type=radio]:checked+label{background:#fff;color:#222}


@media(max-width:1280px){
	#inc02{padding:15rem 3rem}
	#inc02 .inner .tit_box{width:40rem}
	#inc02 .inner .tit_box .tit{font-size:4.7rem}
	#inc02 .inner .form_box{width:calc(100% - 40rem)}
	
}
@media(max-width:1024px){
	#inc02{padding:13rem 2rem}
	#inc02 .inner .tit_box{width:100%;margin-bottom:5rem;text-align:center;position:unset}
	#inc02 .inner .tit_box .tit{font-size:4.4rem}
	#inc02 .inner .tit_box .tel_num{margin:2rem auto 0}
	
	#inc02 .inner .form_box{width:100%}
	
}
@media(max-width:767px){
	#inc02{padding:10rem 2rem}
	#inc02 .inner .tit_box .tit{font-size:4.1rem}
	#inc02 .inner .from_list{gap:2rem}
	#inc02 .inner .input_box .box_tit{font-size:1.8rem;margin-bottom:1.5rem}
}
@media(max-width:480px){
	#inc02{padding:9rem 2rem}
	#inc02 .inner .tit_box .tit{font-size:3.8rem}
	#inc02 .inner .tit_box .txt br{display:none}
	#inc02 .inner .from_list .input_box{width:100%}
	
	#inc02 .form_box .radio_list p{width:calc((100% - 2rem) / 3)}
	
}
@media(max-width:320px){
	#inc02{padding:8rem 1.5rem}
	#inc02 .inner .tit_box .tit{font-size:3.5rem}
}