@charset "UTF-8";
/* CSS Document */

#contents{
	width: 100%;
	text-align: center;
	margin: 100px auto 100px;
}
#contents h3{
	font-size: 1em;
	padding-bottom: 10px;
}
#contents span{
	color: #835161;
}


#contents p{
	line-height: 2em;
	padding-bottom: 30px;
	
}

#concept p{
	padding-bottom: 20px;
}

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	text-align: left;
}
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;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
	
@media screen and (max-width:768px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
	
table.formTable{
		margin-bottom: 10px;
	}
	
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:95%;
	padding:5px;
	font-size:110%;
	display:block;
	border: 1px solid #ccc;
	
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:30px;
	border: 1px solid #ccc;
}
input placeholder{
		color: #707070;
		font-size: 2em;
	}	

	
}