@charset "UTF-8";
@media screen and (min-width:769px){
div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 100px auto 50px auto;
	font-family: sans-serif;
	padding:20px;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
	resize:none;


}
}
@media screen and (max-width:768px) and (min-width:481px) {
div#mf_wrapper {
	width: 90%;
	text-align: left;
	margin:5% auto 5% auto;
	font-family: sans-serif;
	padding:3%;
}

div#mf_header h1 {
	font-size:4vw;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size:3.5vw;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding:2%;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 2.5vw;

	padding: 2vw 1vw 2vw 1vw;
}
table.mailform tr th {
	width:100%;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 2vw;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size:2vw;
	color: #999999;
}
table.mailform tr td textarea {
	width:80%;

	resize:none;


}
}
@media screen and (max-width:480px) {
div#mf_wrapper {
	width: 90%;
	text-align: left;
	margin:5% auto 5% auto;
	font-family: sans-serif;
	padding:3%;
}

div#mf_header h1 {
	font-size:4vw;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size:3.5vw;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding:1%;
}
table.mailform {
	width: 70%; margin:0;
}
table.mailform tr		{width:60%!important; }
table.mailform tr th,table.mailform tr td {
	display:block;
	text-align: left;
	font-weight: normal;
	font-size: 2.8vw;
	width:80%  !important; 
	padding: 2vw 1vw 2vw 1vw;

}
/* table.mailform tr th {
	width:70%; */
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 2.2vw;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size:2.2vw;
	color: #999999;
}
table.mailform tr td textarea {
	width:80%;

	resize:none;


}
}