/*
 * For Dolphin Mail Form CSS File
 *
 * Dolphin CSS File $Id: MailForm.css 1 2023-10-04 09:50:02Z t-yasuka $ 
 */

@media (min-width: 0px) and (max-width: 499px) {
	.MailContact {
		width: 100%;
	}
	.inquiry_form {
		font-size: 10px;
	}
	.inquiry_form_title {
		width: 30%;
	}
	.inquiry_form_input {
		width: 70%;
	}
	.inquiry_form th,
	td {
		font-size: 10px;
	}
	.inquiry_short input {
		font-size: 10px;
	}
	.inquiry_input input {
		font-size: 10px;
		/* width: 215px; */
		width: 98%;
	}
	.inquiry_input textarea {
		font-size: 10px;
		/* width: 215px; */
		width: 95%;
	}
	.inquiry_sub_title {
		width: 120px;
	}

	.inquiry_sub_body {
		width: 40px;
	}

	.inquiry_sub_unit {
		width: 20px;
	}

}

@media (min-width: 500px) and (max-width: 899px) {
	.MailContact {
		width: 100%;
	}
	.inquiry_form {
		font-size: calc(10px + 0.5vw);
	}
	.inquiry_form_title {
		width: 40%;
	}
	.inquiry_form_input {
		width: 60%;
	}

	.inquiry_form th,
	td {
		font-size: calc(10px + 0.5vw);
	}
	.inquiry_short input {
		font-size: calc(10px + 0.5vw);
	}
	.inquiry_input input {
		font-size: calc(10px + 0.5vw);
		/* width: 335px; */
		width: 98%;
	}
	.inquiry_input textarea {
		font-size: calc(10px + 0.5vw);
		/* width: 325px; */
		width: 98%;
	}
	.inquiry_sub_title {
		width: 180px;
	}

	.inquiry_sub_body {
		width: 130px;
	}

	.inquiry_sub_unit {
		width: 35px;
	}

}

@media (min-width: 900px) {
	.MailContact {
		width: 80%px;
	}
	.inquiry_form {
		font-size: 20px;
	}
	.inquiry_form_title {
		width: 40%;
	}
	.inquiry_form_input {
		width: 60%;
	}
	.inquiry_form th, td {
		font-size: 14px;
	}
	.inquiry_short input {
		font-size: 14px;
	}
	.inquiry_input input {
		font-size: 14px;
		/* width: 335px; */
		width: 98%;
	}
	.inquiry_input textarea {
		font-size: 14px;
		/* width: 325px; */
		width: 98%;
	}
	.inquiry_sub_title {
		width: 180px;
	}

	.inquiry_sub_body {
		width: 130px;
	}

	.inquiry_sub_unit {
		width: 35px;
	}
}

.MailContact {
	/* width: 540px; */
	/*	margin: 0 auto; */
	margin-left: auto;
	margin-right: auto;
}

.MailContact h1 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 26px;
}

.MailContact h2 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 20px;

}

.ContactContent p {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width:95%;
	font-size: 16px;
    line-height:20px;
    text-indent: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
}

.inquiry_tb {
	table-layout: fixed;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.inquiry_tb tr td {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	font-size: 16px;
	padding: 0px;
}


.inquiry_form {
	table-layout: fixed;
	background-color: #ffffff;
	/* width: 540px; */
	/* width: 100%; */
	/*	auto:init; */
	/*	border:solid 1px #0A2171; */
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS UI Gothic", "sans-serif";
	font-weight: 500;
	font-size: 16px;
	border-collapse: collapse;
	/*	border-spacing: 0px 5px;*/
}

/*
.inquiry_form th, tr td {
	padding: 5px;
}
*/

.contact_key {
	/* width: 20px; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-Right: 2px;
	padding-left: 5px;
	text-align: center;
	border-top: solid 1px #0A2171;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #0A2171;
	/*	border-right:solid 1px #0A2171; */
	color: #ffffff;
	background-color: #0A2171;
}

.contact_key_b {
	/* width: 20px; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-Right: 2px;
	padding-left: 5px;
	text-align: center;
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #4F9A6C;
	border-left: solid 1px #4F9A6C;
	/*	border-right:solid 1px #0A2171; */
	color: #ffffff;
	background-color: #4F9A6C;
}

.inquiry_title_full {
	text-align: center;
	padding: 5px;
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #4F9A6C;
	color: #ffffff;
	background-color: #4F9A6C;

}

.inquiry_title {
	/* width: 180px; */
	/* min-width: 150px; */
	text-align: left;
	/*	font-size:10px; */
	padding: 5px;
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #ffffff;
	/*	border-left:solid 1px #0A2171; */
	border-right: solid 1px #4F9A6C;
	color: #ffffff;
	background-color: #4F9A6C;

}

.inquiry_title_b {
	/* width: 180px; */
	/* min-width: 150px; */
	text-align: left;
	/*	font-size:10px; */
	padding: 5px;
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #4F9A6C;
	/*	border-left:solid 1px #0A2171; */
	border-right: solid 1px #4F9A6C;
	color: #ffffff;
	background-color: #4F9A6C;

}

.inquiry_input {
	/*	width: 335px; */
	text-align: left;
	/*	font-size:12px; */
	padding: 5px;
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #4F9A6C;
	border-left: solid 1px #4F9A6C;
	border-right: solid 1px #4F9A6C;
}

.inquiry_input input {
	/* font-size: 12px; */
	/* width: 335px; */
	margin: 0px;
	padding: 0px;
	/*	border:solid 1px red; */
}

.inquiry_checkbox {
	/* width: 335px; */
	text-align: left;
	padding: 5px;
	/*	font-size:12px; */
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #4F9A6C;
	border-left: solid 1px #4F9A6C;
	border-right: solid 1px #4F9A6C;

}

.inquiry_short {
	/* width: 330px; */
	text-align: left;
	/*	font-size:12px; */
	border-top: solid 1px #4F9A6C;
	border-bottom: solid 1px #4F9A6C;
	border-left: solid 1px #4F9A6C;
	border-right: solid 1px #4F9A6C;

}

.inquiry_short td {
	margin: 0;
	padding: 0;
}


.inquiry_short input {
	/* font-size: 12px; */
	/* width: 145px; */
	margin: 0px;
	padding: 0px;
	/*	border:solid 1px red; */
}

.inquiry_sub_table {
	border-collapse: collapse;
}

.inquiry_sub_table td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.inquiry_sub_separator {
	/* padding-top: 5px; */
	border-top: 1px dotted #4F9A6C;
	border-bottom: 1px dotted #4F9A6C;
}