@charset "utf-8";
@import url(style.css?v=1);

/* フォーム共通スタイル定義 */
.contact_form,
.form_confirm main,
.form_submit main {
	margin: 0 auto;
	width: 96%;
	max-width: 640px;
}

body {
	background-color: #f1f5ff;
}
/* body.parttime {
	background-color: #fff2f2;
} */

/* @media screen and (min-width: 720px) {
	.header.fulltime {
		background-color: #f1f5ff;
	}

	.header.parttime {
		background-color: #fff2f2;
	}
} */

dl.list-table {
	display: table;
	width: 100%;
	border-collapse: separated;

}
dl.list-table > div {
	margin: 1em 0;
}
dl.list-table dt {
	vertical-align: top;
	padding: 0.2em 0;
}
dl.list-table dd {
	vertical-align: top;
	padding: 0.2em 0;
	margin-left: 0;
}

label.option {
	margin: 0.5em;
}

label.option input,
label.check input {
	display: inline-block;
	vertical-align: middle;
}

label.option p,
label.check p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-top: 2px;	
}

label.check p {
	margin-top: 0;
}

.contact_form input {
	font-family: inherit;
	font-size: normal;
	border-radius: 6px;
	border: 1px solid #383838;
	outline: none;
	height: 28px;
}

.contact_form input[type=text] {
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
}

.contact_form input[type=email] {
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
}

.contact_form input[type=tel] {
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
}

.contact_form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	height: 6em;
	font-family: inherit;
	font-size: normal;
	border: 1px solid #383838;
	border-radius: 8px;
	outline: none;
}

.contact_form em,
.form_confirm em,
.form_submit em {
	text-decoration: none;
	color: red;
	font-style: normal;
}

.contact_form .privacy_title {
	font-weight: bold;
	display: inline-block;
}

.contact_form .privacy_text {
	margin: 0;
}

.contact_form .check input {
	width: 16px;
	height: 16px;
}

/* タイトル */ 
.title_area h1 {
	font-size: 24px;
	margin: 4px 0;
}

/* .title_area .underline {
	display: block;
	margin: 0 auto;
	width: 270px;
	height: 3px;
	background-color: #3c5da8;
} */

.title_area p {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 4px 0;
}

/* 確認画面 */
.form_confirm .list-table {
	max-width: 600px;
	margin: 2em auto;
	display: block;
}

.form_confirm .list-table > div {
	margin: 2em auto;
	display: table;
}

.form_confirm .list-table dt {
	display: table;
	padding: 2px;
}
.form_confirm .list-table dd {
	display: table;
	margin: 0;
	margin-left: 8px;
	padding: 2px;
}

.form_confirm .text-wrapper .list-table div {
	margin: 12px 0;
}

/* ボタン関連 */
.form_button {
	text-align: center;
	font-family: "Yu Gothic Medium", "YuGothicMedium", sans-serif;
}

.form_button button {
	display: inline-block;
	width: 240px;
	padding: 12px;
	margin: 1em 2em;
	font-size: 16px;
	border: none;
	outline: none;
	font-weight: bold;
	border: 1px solid #383838;
	color: #383838;
	background-color: white;
	cursor: pointer;
	transition: all .2s;
}
.form_button button:hover {
	background-color: #383838;
	color: white;
}

.form_index.form_button .submit {
	background-color: white;
}
/* .form_confirm.form_button .submit,
.form_submit.form_button .submit  {
	background-color: #f0f0f0;
} */

.form_button .submit {
	border: 1px solid #3c5da8;
	color: #3c5da8;
}
/* .form_button .submit.parttime {
	border: 1px solid #f34444;
	color: #f34444;
} */

.form_button .submit:hover {
	background-color: #3c5da8;
	color: white;
}
/* .form_button .submit.parttime:hover {
	background-color: #f34444;
	color: white;
} */

/* 登録完了ページ */
.form_submit .title_area {
	margin: 1em auto;
	max-width: 640px;
}

.form_submit .title_area p {
	font-weight: normal;
}

.form_submit .title_area .reply_area {
	margin: 2em 0;
	/* background-color: white; */
	width: 100%;
}

.form_submit .title_area .reply_area p {
	width: 100%;
	margin: 0 auto;
}