@charset "UTF-8";

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
/* 	line-height:120%;
	font-size:90%; */
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#formWrap h1 {
    margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-left: 20px;
	border-left: solid 20px #9A9A9A;
	/* border-top: solid 20px #9A9A9A;
	border-right: solid 20px #9A9A9A;
	border-bottom: solid 20px #9A9A9A; */

	font-size: 28px;
    font-weight: normal
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
	#formWrap {
		width:95%;
		margin:0 auto;
	}
	table.formTable th, table.formTable td {
		width:auto;
		display:block;
	}
	table.formTable th {
		margin-top:5px;
		border-bottom:0;
	}
	input[type="text"], textarea {
		width:80%;
		padding:5px;
		font-size:110%;
		display:block;
	}
	input[type="submit"], input[type="reset"], input[type="button"] {
		display:block;
		width:100%;
		height:40px;
	}
}