@charset "utf-8";
/* CSS Document */

:root {
	--contact-width: 1080px;
}

.contact_preface {
}
.contact_preface .contact_preface_bigtext {
}
.contact_preface .contact_preface_smalltext {
}

#Form {
}
#Form .from_items {
}
#Form .from_item {
}
#Form .from_question {
}
#Form .from_question_inn {
}
#Form .required {
	color: #fff;
	background: var(--secondary-color);
	border-radius: 100px;
}
#Form .from_answer {
}
#Form input[type='text'],
#Form textarea {
	width: 100%;
}

.from_btn {
}
.from_btn_forward,
.from_btn_back {
	display: block;
	text-align: center;
	border-radius: 100px !important;
	background-color: #fff !important;
}
.from_btn_forward {
	color: var(--secondary-color) !important;
	border: 1px solid var(--secondary-color) !important;
}
.from_btn_back {
	color: #555;
	border: 1px solid #555;
}


/* --------------------------------------------------
PC
-------------------------------------------------- */
@media screen and (min-width: 768px) {

	.contact_preface {
		width: var(--contact-width);
		margin: 0 auto 35px;
	}
	.contact_preface .contact_preface_bigtext {
		font-size: 18px;
		text-align: center;
		margin-bottom: 30px;
	}
	.contact_preface .contact_preface_smalltext {
		font-size: 15px;
		text-align: center;
	}

	#Form {
		width: var(--contact-width);
		margin: 0 auto;
	}
	#Form .from_items {
		margin-bottom: 50px;
	}
	#Form .from_item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #ccc;
		padding: 20px 70px;
	}
	#Form .from_question {
		width: 20%;
	}
	#Form .from_question_inn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: bold;
	}
	#Form .required {
		font-size: 13px;
		margin-left: 10px;
		padding: 4px 12px;
	}
	#Form .from_answer {
		width: 75%;
	}
	#Form textarea {
		min-height: 160px;
	}

	.from_btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.from_btn_forward,
	.from_btn_back {
		width: 250px;
		font-size: 16px !important;
		margin: 0 10px;
		padding: 18px 0;
	}
	.from_btn_forward {
	}
	.from_btn_back {
	}
}


/* --------------------------------------------------
スマホ
-------------------------------------------------- */
@media all and (max-width: 767px) {

	.contact_preface {
		margin-bottom: 5vw;
		padding: 0 5vw;
	}
	.contact_preface .contact_preface_bigtext {
		font-size: 4vw;
		margin-bottom: 3.75vw;
	}
	.contact_preface .contact_preface_smalltext {
		font-size: 3.5vw;
	}

	#Form {
	}
	#Form .from_items {
		margin-bottom: 10vw;
		padding: 0 5vw;
	}
	#Form .from_item {
		border-bottom: 1px solid #ccc;
		padding: 5vw 2.5vw;
	}
	#Form .from_question {
		margin-bottom: 1.5vw;
	}
	#Form .from_question_inn {
		display: flex;
		align-items: center;
		font-weight: bold;
	}
	#Form .required {
		font-size: 2.5vw;
		margin-left: 2vw;
		padding: 1vw 3vw;
	}
	#Form .from_answer {
	}
	#Form textarea {
		min-height: 160px;
	}

	.from_btn {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.from_btn_forward,
	.from_btn_back {
		width: 60vw;
		font-size: 3.5vw !important;
		padding: 3.5vw 0;
	}
	.from_btn_forward {
	}
	.from_btn_back {
		margin-bottom: 3.5vw;
	}

}


/* --------------------------------------------------
complete
-------------------------------------------------- */
.complete {
}
.complete .complete_title {
	color: var(--secondary-color);
	text-align: center;
}
.complete .complete_text {
	text-align: center;
}

/* PC
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.complete {
	}
	.complete .complete_title {
		font-size: 30px;
	}
	.complete .complete_text {
		font-size: 16px;
		line-height: 1.9;
		margin-bottom: 100px;
		padding: 30px 120px;
	}
}

/* スマホ
-------------------------------------------------- */
@media all and (max-width: 767px) {
	.complete {
	}
	.complete .complete_title {
		font-size: 5.5vw;
		font-weight: bold;
		margin-bottom: 4.0vw;
	}
	.complete .complete_text {
		font-size: 3.5vw;
		line-height: 1.9;
		margin-bottom: 7.5vw;
		padding: 0 5vw;
	}
}