@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホ用（@media screen and (max-width: 767px) {} ）
********************************************************************
--------------------------------------------------------------------*/

.contact_box{
	max-width: 1280px;
	width: 90%;
	margin: 50px auto 0;
	padding-bottom: 120px;
	border-bottom: #bcc1ca 1px solid;
}
@media screen and (max-width: 767px) {
	.contact_box{
		margin-top: 30px;
		padding-bottom: 0;
		border-bottom: none;
	}
}

.contact_box .heading_4{
	margin-bottom: 40px;
}

.contact_box .form_box{
	max-width: 900px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.contact_box .form_box.confirm .text_1{
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	color: #0f1f3f;
}
@media screen and (max-width: 767px) {
	.contact_box .form_box.confirm .text_1{
		font-size: 4.26vw;
		font-weight: 500;
	}
}

.contact_box .form_box .submit_box{
	margin-top: 40px;
}
@media screen and (max-width: 767px) {
	.contact_box .form_box .submit_box{
		margin-top: 25px;
	}
}

/*--- 送信完了 ---*/
.contact_box.complete{
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.contact_box.complete{
		margin-top: 40px;
	}
}

.contact_box.complete .text_1{
	text-align: center;
	font-size: 26px;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.contact_box.complete .text_1{
		font-size: 4.26vw;
		font-weight: 500;
	}
}

.contact_box.complete .text_2{
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.contact_box.complete .text_2{
		text-align: left;
		font-size: 3.99vw;
	}
}

.contact_box.complete .prev_1{
	margin-top: 80px;
}