@charset "utf-8";

.contact-v2-wrapper {position:relative; padding-bottom:200px; overflow:hidden;}

.contact-v2-heading {position:relative; height:780px; text-align:center; color:#fff; background:url("images/top_img.jpg") 50% 100% no-repeat; background-size:cover;}
.contact-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%;}
.contact-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.contact-v2-heading p {font-size:18px; line-height:1.6em; letter-spacing:-.04em;}

.contact-v2-content {padding:0 20px;}

.contact-head {text-align:center; margin-bottom:100px;}
.contact-head h3 {margin-bottom:15px; color:#242424; font-size:36px; font-weight:400; line-height:1.33em; letter-spacing:-.03em;}
.contact-head h3 strong {color:#375aff;}
.contact-head p {color:#454545; font-size:18px; line-height:1.56em; letter-spacing:-.03em;}
.contact-head .underline {position:relative; display:inline-block;}
.contact-head .underline:after {content:""; position:absolute; bottom:2px; left:0; width:0; height:1px; background:#454545; opacity:.7; transition:1.2s;}
.contact-head.aos-animate .underline:after {width:100%; transition-delay:.6s;}

.contact-v2-form {border-top:1px solid #454545; color:#454545; font-size:17px; line-height:1.647em; letter-spacing:-.03em;}
.contact-v2-form .form-group {display:flex; align-items:center; min-height:150px; padding:45px 20px; border-bottom:1px solid #454545;}
.contact-v2-form .form-group .wrap {display:flex; width:100%;}
.contact-v2-form .form-group:first-child .check-wrap {gap:15px 80px;}
.contact-v2-form .title {width:520px;}
.contact-v2-form .title h3 {position:relative; padding-left:50px; color:#242424; font-size:20px; line-height:1.3em; letter-spacing:-.03em;}
.contact-v2-form .title h3 .num {display:flex; justify-content:center; align-items:center; position:absolute; top:-6px; left:0; width:40px; height:40px; background:#375aff; border-radius:50% 0 50% 50%; color:#fff; font-weight:500; text-align:center;}
.contact-v2-form .title p {margin:8px 0 0 50px; color:#686868; font-size:16px; line-height:1.3em; letter-spacing:-.03em;}
.contact-v2-form .content {flex:1 1 auto; min-width:0; width:1%;}
.contact-v2-form .content.type2 {padding-left:0;}
.contact-v2-form .radiobox label:before {width:25px; height:25px; background:#b7b7b7 url("../images/sub/checkbox.png") 50% 50% no-repeat; border:0;}
.contact-v2-form .radiobox input:checked + label:before {background:#4a21ef url("../images/sub/checkbox.png") 50% 50% no-repeat;}
.contact-v2-form .input {display:block; width:100%; height:50px; padding:7px 19px; font-size:17px; letter-spacing:-.03em; border-radius:10px; background-color:#fff;}
.contact-v2-form textarea.input {height:300px; padding:16px 19px;}
.contact-v2-form .input[readonly] {font-weight:500;}
.contact-v2-form .check-wrap {display:flex; flex-wrap:wrap; gap:15px 30px; max-width:700px;}
.contact-v2-form .check-wrap .radiobox {min-width:130px;;}
.contact-v2-form .input-wrap {display:flex; flex-wrap:wrap; margin:-5px;}
.contact-v2-form .input-wrap .col {padding:5px;}
.contact-v2-form .input-wrap .col-1 {width:50%;}
.contact-v2-form .input-wrap .col-2 {width:100%;}
.contact-v2-form .input-wrap + .check-wrap {margin-top:25px;}
.contact-v2-form .input-wrap + .check-wrap .radiobox {min-width:70px;}
.contact-v2-form .agree-box {padding:15px 19px; border:1px solid #ddd; border-radius:10px; color:#686868; font-weight:300; background-color:#fff;}
.contact-v2-form .agree-check {margin-top:12px;}
.contact-v2-form .submit-area {text-align:center; margin-top:100px;}
.contact-v2-form .submit {display:inline-block; width:250px; height:70px; color:#fff; font-size:22px; font-weight:400; line-height:1.3em; letter-spacing:-.03em; background:#375aff; text-align:center; border:0; border-radius:35px;}
.contact-v2-form .submit:before {content:""; display:inline-block; width:31px; height:31px; vertical-align:middle; margin:-.2em 12px 0 0; background:url("../images/sub/icon_submit.png") 50% 50% no-repeat;}


@media (max-width: 1600px) {
	.contact-v2-heading {height:660px;}
	.contact-v2-heading h2 {font-size:85px;}
	.contact-v2-heading p {font-size:16px;}

	.contact-head {margin-bottom:60px;}
	.contact-head h3 {font-size:32px;}
	.contact-head p {font-size:16px;}
}

@media (max-width: 1024px) {
	.contact-v2-wrapper {padding-bottom:100px;}

	.contact-v2-heading {height:580px;}
	.contact-v2-heading h2 {font-size:65px;}
	.contact-v2-heading p {font-size:15px;}

	.contact-head h3 {font-size:26px;}
	.contact-head p {font-size:15px;}

	.contact-v2-form {font-size:16px;}
	.contact-v2-form .form-group {padding:35px 10px;}
	.contact-v2-form .form-group .wrap {display:block;}
	.contact-v2-form .form-group.last {position:relative; padding-bottom:80px;}
	.contact-v2-form .form-group.last .title {margin-bottom:10px;}
	.contact-v2-form .form-group.last .content {margin-left:0;}
	.contact-v2-form .title {display:flex; align-items:center; justify-content:space-between; width:auto; margin-bottom:30px;}
	.contact-v2-form .title h3 {padding-left:44px; font-size:19px;}
	.contact-v2-form .title h3 .num {width:34px; height:34px;}
	.contact-v2-form .title p {margin:0; font-size:14px; text-align:right;}
	.contact-v2-form .content {width:auto; margin-left:44px;}
	.contact-v2-form .input {font-size:16px;}
	.contact-v2-form textarea.input {height:180px;}
	.contact-v2-form .agree-check {margin-top:0; position:absolute; bottom:25px; left:0; width:100%; text-align:center;} 
	.contact-v2-form .submit-area {margin-top:60px;}
	.contact-v2-form .submit {width:220px; height:63px; font-size:18px;}
}

@media (max-width: 900px) {
	.contact-v2-form .check-wrap .radiobox {min-width:110px;}
}

@media (max-width: 760px) {
	.contact-v2-wrapper {padding-bottom:80px;}

	.contact-v2-heading {height:calc(100vh - 190px); background-image:url('images/top_img_m.jpg');}
	.contact-v2-heading h2 {font-size:50px; line-height:1em; margin-bottom:10px;}	
	.contact-v2-heading p {font-size:13px;}

	.contact-v2-content {padding:15px 0 0 0;}

	.contact-head {margin-bottom:40px;}
	.contact-head h3 {font-size:23px;}

	.contact-v2-form {font-size:15px;}
	.contact-v2-form .form-group {padding:35px 0; min-height:auto;}
	.contact-v2-form .form-group:first-child .check-wrap {gap:12px 20px;}
	.contact-v2-form .form-group.last {padding-bottom:60px;}
	.contact-v2-form .form-group.last .title {margin-bottom:10px;}
	.contact-v2-form .title {display:block; margin-bottom:20px;}
	.contact-v2-form .title h3 {padding-left:35px; font-size:18px;}
	.contact-v2-form .title h3 .num {top:-3px; width:28px; height:28px; font-size:14px;}
	.contact-v2-form .title p {margin:8px 0 0 35px; font-size:13px; text-align:left;}
	.contact-v2-form .content {margin-left:10px;}
	.contact-v2-form .input {height:45px; padding:7px 12px; border-radius:8px; font-size:15px;}
	.contact-v2-form textarea.input {padding:10px 12px;}
	.contact-v2-form .check-wrap {gap:12px 20px; padding-top:6px;}
	.contact-v2-form .check-wrap .radiobox {min-width:95px;}
	.contact-v2-form .input-wrap + .check-wrap {margin-top:15px;}
	.contact-v2-form .input-wrap + .check-wrap .radiobox {min-width:auto;}
	.contact-v2-form .input-wrap {margin:-4px;}
	.contact-v2-form .input-wrap .col {width:100% !important; padding:4px;}
	.contact-v2-form .radiobox label:before {width:22px; height:22px; margin-right:5px; background-size:11px auto;}
	.contact-v2-form .agree-box {overflow:auto; height:130px; padding:10px 12px; border-radius:8px; font-size:14px; line-height:1.33em;}
	.contact-v2-form .agree-check {bottom:18px;} 
	.contact-v2-form .submit-area {margin-top:40px;}
	.contact-v2-form .submit {width:170px; height:55px; font-size:18px;}
	.contact-v2-form .submit:before {width:24px; height:24px; background-size:contain; margin-right:8px;}

}