@charset "UTF-8";

/* --- ヒーローエリア ---*/
section.hero_contact {
	background: url(../img/hero_contact.jpg) no-repeat center center;
}

/* --- CONTACT-FORM ---*/
section.contact_form {
	padding: 90px 30px 70px;
}

section.contact_form h2 {
	letter-spacing: 0.6em;
}

section.contact_form p.catch,
section.contact_form p.caution,
section.contact_form dl,
section.contact_form small {
	font-size: 14px;
}

section.contact_form p.catch {
	margin-bottom: 45px;
}

section.contact_form p.caution {
	margin-bottom: 40px;
}

section.contact_form small {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 0px;
}

section.contact_form dl {
	margin-bottom: 10px;
}

section.contact_form dl.last {
	margin-bottom: 20px;
}

section.contact_form dl span {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
}

section.contact_form dl dt {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

section.contact_form dl span.item {
	margin-right: 10px;
}

section.contact_form dl span.req {
	background: #f39800;
	color: #ffffff;
	padding: 3px 10px;
	white-space: nowrap;
}

section.contact_form dl input,
section.contact_form dl textarea {
	background: #ffeccf;
	border: 0;
	width: 100%;
}

section.contact_form dl input {
	font-size: 14px;
	height: 30px;
}

section.contact_form dl textarea {
	font-size: 14px;
	height: 120px;
}

section.contact_form div.submit-area {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
}
section.contact_form div.submit-area small,
section.contact_form div.submit-area div.btn {
	text-align: center;
}

section.contact_form div.submit-area input.submit-btn {
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	background: #f39800;
	color: #ffffff;
	border: none;
	margin-bottom: 25px;
	padding: 6px 30px;
	cursor: pointer;
}

img.add {
	display: block;
	width: 100%;
	max-width: 183px;
	height: auto;
}

/* デスクトップ用 */
@media(min-width:1067px) {
	/* --- CONTACT-FORM ---*/
	section.contact_form {
	padding: 70px 0px 100px;
	}
	section.contact_form h2 {
	letter-spacing: 1em;
	}
	section.contact_form p.catch {
	font-size: 13px;
	}
	section.contact_form dl.company_last {
	margin-bottom: 30px;
	}
	section.contact_form dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	section.contact_form dl.last {
	margin-bottom: 25px;
	}
	section.contact_form dl dt {
	justify-content: space-between;
	flex: 0 0 280px;
	}
	section.contact_form dl dd {
	flex: 0 0 580px;
	}
	section.contact_form div.submit-area {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	}
	section.contact_form div.submit-area small,
	section.contact_form div.submit-area div.btn {
	text-align: left;
	}
	section.contact_form div.submit-area input.submit-btn {
	font-size: 14px;
	}
}