@charset "utf-8";

html,body {
	margin: 0;
	padding: 0;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

.hissu {
	background-color: #FF7C38;
	color: #ffffff;
	padding: 0 5px;
	font-weight: normal;
	border-radius: 5px;
}
.ninni {
	background-color: #459000;
	color: #ffffff;
	padding: 0 5px;
	font-weight: normal;
	border-radius: 5px;
}
.error {
	color: #ff0000;
}

.button {
	fonr-size: 20px;
	padding: 10px 20px;
	background-color: #FF7C38;
	color: #ffffff;
	font-weight: normal;
	border-radius: 8px !important;
}

table.form_table,
table.form_table2 {
	width: 95%;
	border: 1px solid #999999;
	border-collapse: collapse;
	margin: 0 auto;
}
table.form_table th,
table.form_table td,
table.form_table2 th,
table.form_table2 td {
	border: 1px  solid #999999;
	border-collapse: collapse;
	padding: 5px;
}
table.form_table th,
table.form_table2 th {
	font-weight: bold;
	background-color: #cccccc;
}

input.name {
	width: 70%;
}

input.tel {
	width: 20%;
}

input.zip {
	width: 20%;
}

input.pref {
	width: 25%;
}

input.address1,
input.address2 {
	width: 90%;
}

input.email {
	width: 90%;
}

textarea.comment {
	width: 98%;
	resize: none;
}

table.form_table2 th,
table.form_table2 td {
	display: block;
}

@media (min-width: 768px) {
	table.form_table th {
		width: 25%;
		text-align: left;
	}
	table.form_table td {
		text-align: left;
	}
	
	textarea.comment {
		height: 300px;
	}
}

@media (max-width: 768px)  {
	
	table.form_table th,
	table.form_table2 th {
		display: block;
		text-align: left;
		padding-left: 20px;
	}
	table.form_table td {
		display: block;
	}
	
	textarea.comment {
		height: 150px;
	}
}