@charset "UTF-8";

table.formTable {
	margin: 100px auto 70px;
	text-align: left;
	border: 0;
	width: 70%;
}
.formTable th {
	padding: 10px;
	vertical-align: top;
	width: 30%;
}
.formTable td {
	padding: 10px;
}
.formTable small{
	color: #e59fb4;
}
.formTable input{
	width: 100%;
	border-radius: 0;
	border: solid 1px #707070;
	padding: 3px;
}
.formTable input:focus{
	outline: 1px #F0E7D7 solid;
}
.formTable textarea{
	width: 100%;
	height: 250px;
	border-radius: 0;
	padding: 3px 5px;
}
.formTable textarea:focus{
	outline: 1px #F0E7D7 solid;
}

@media screen and (max-width: 768px) {
	.last td:last-child {
		width: 100%;
	}
	.formTable {
		width: 80%;
	}
	table.formTable {
		width: 90%;
		margin-left: 0px;
	}
	.formTable th,
	.formTable td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
}

.button-wrap{
	text-align: center;
	margin-bottom: 200px;
}
.button{
	background: #F0E7D7;
	border: none;
	border-radius: 30px;
	padding: 16px 30px;
	margin: 0 30px;
}
.button:hover{
	opacity: 0.7;
}
.button-wrap input:focus{
	outline: none;
}

@media screen and (max-width: 768px) {
	
	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="reset"] {
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="reset"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="reset"]::focus {
	  outline-offset: -2px;
	}
	
	.button{
		border-radius: 20px;
		padding: 10px 20px;
		margin: 0 10px;
	}
}