@charset "UTF-8";
p,td,th
{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
}
div#mf_wrapper {
	width: 500px;
	text-align: left;
	margin: 0 auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 450px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
	background-color:#F5F5F5;
	font-size:smaller;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	color: #000;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}
@media screen and (max-width: 648px) {
   /* 表示領域が648px以下の場合に適用するスタイル */
div#mf_wrapper {
	width: 90vw;
}
table.mailform {
	width: 90vw;
}
.mf{
	width:50vw;
}
}