@charset "UTF-8";
/******************************************************************

Stylesheet: contact-page

******************************************************************/

/* ==================== */
/* お問い合わせページ */
/* ==================== */
.form-parts {
	display: flex;
}
.form-parts > label {
	width: 20%;
	text-align: right;
	margin-right: 3rem;
}

.form-lead {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 50px;
}

.form-attention {
	margin: 50px 0;
	font-size: 1.4rem;
	line-height: 2;
}

/* MW WP Form */
.mwform-checkbox-field-text {
	font-weight: 700;
}
.agree {
	margin-top: 30px;
	font-weight: 700;
}

.form-section {
	margin: 0 auto;
  max-width: 1200px;
	padding: 60px 120px 80px;
}

.kojin-data {
	height: 300px;
	overflow-y: scroll;
	padding: 30px;
	border: 1px solid #e9e9e9;
	width: 80%;
	margin: 0 auto;
}

/* 必須ラベル */
.mast {
	color: #fff;
	font-weight: 700;
	background-color: #C60018;
	padding: 3px;
	margin-left: 5px;
	border-radius: 3px;
}


@media only screen and (max-width: 860px) {
	.form-section {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 100px;
	}
	.form-lead {
		width: 100%;
	}
	.form-parts {
		flex-direction: column;
	}
	.form-parts > label {
		text-align: left;
		width: 100%;
	}
	.kojin-data {
		width: 100%;
	}

	/* MW WP Form が出力するクラス */
	.mw_wp_form .horizontal-item,
	.mw_wp_form .horizontal-item + .horizontal-item {
		margin-left: 20px !important;
	}
}


/* ==================== */
/* お問い合わせページ:完了 */
/* ==================== */
.form-ok-section {
	margin: 0 auto;
  max-width: 1200px;
	padding: 60px 120px 80px;
}

.send-ok {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}

.send-msg {
	font-size: 1.6rem;
	margin-bottom: 1em;
	line-height: 2;
	margin-bottom: 50px;
}

.send-page-top {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}

@media only screen and (max-width: 860px) {
	.form-ok-section {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 100px;
	}
}


/* ==================== */
/* お問い合わせページ:エラーメッセージ */
/* ==================== */
.mw_wp_form .error-message {
	display: none;
}
.mw_wp_form_error .error-message {
	display: block;
	text-align: center;
	color: #C60018;
	font-size: 1.8rem;
	font-weight: 700;
}

.mw_wp_form .message {
	display: block;
}
.mw_wp_form_error .message {
	display: none;
}
.mw_wp_form .preview-message {
	display: none;
}
.mw_wp_form.mw_wp_form_preview .preview-message {
	display: block;
	text-align: center;
	color: #C60018;
	font-size: 1.8rem;
	font-weight: 700;
}
.mw_wp_form.mw_wp_form_preview .message {
	display: none;
}