@charset "utf-8";
/* CSS Document */
form{ text-align: center;}
input{ width: 100%; padding: 10px; margin: 0 0 20px; font-size: 110%; text-align: left; box-sizing: border-box;}
textarea{ width: 100%; padding: 10px; font-size: 130%; text-align: left; box-sizing: border-box; line-height: 160%;}
form a{ text-align: center; margin: 0 auto;}
p.formBtn{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; box-sizing: border-box; width: 100%; text-align: center;}
input[type='submit']{ background: #0d82b0; width: 45%; padding: 10px 20px; border: none; color: #FFF; margin: 30px 10px 0; text-align: center; letter-spacing: 10px; -webkit-appearance: none; border-radius: 0; box-sizing: border-box;}
input[type='button']{ background: #0d82b0; width: 45%; padding: 10px 20px; border: none; color: #FFF; margin: 30px 10px 0; text-align: center; letter-spacing: 10px; -webkit-appearance: none; border-radius: 0; box-sizing: border-box;}

input[type='submit']:hover{ opacity: 0.7; cursor: pointer;}
input[type='button']:hover{ opacity: 0.7; cursor: pointer;}

#formSpace{ text-align: center; margin: 0 0 100px;}

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:50px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	text-align:left;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:640px) {
#formWrap {
	width:100%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
	text-align:left;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}

@media screen and (max-width: 640px) {
p.formBtn{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap;}
input[type='submit']{ background: #0d82b0; width: 80%; padding: 10px 20px; border: none; color: #FFF; margin: 30px auto 0; text-align: center; letter-spacing: 10px; -webkit-appearance: none; border-radius: 0; box-sizing: border-box;}
input[type='button']{ background: #0d82b0; width: 80%; padding: 10px 20px; border: none; color: #FFF; margin: 30px auto 0; text-align: center; letter-spacing: 10px; -webkit-appearance: none; border-radius: 0; box-sizing: border-box;}
}