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

h2 {
	position: relative;
}
h2:before {
	background: #70add0;/*線の色*/
}

#contactboxInside {
	margin: 0 5%;
}
main input, textarea {
	padding: 2% 2%;
	margin: 3% auto;
	resize: none;
	width: 100%;
	box-sizing: border-box;
}
main input#contact_send {
	display: block;
	width: 100%;
	border-style: none;
	background: #eee;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
main input#contact_send:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	zoom: 1;
}
#contact_form {
	width: 50%;
	margin: 0 auto;
	display: block;
}
input[type="submit"], input[type="button"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
	padding: 2%;
	border-color: #cecece;
	cursor: pointer;
}
#contact_form p {
	font-weight: bold;
}
.menu {
	text-align: center;
	cursor: pointer;
	user-select: none;
}
.text_required {
	color: #cf0e11;
}

@media screen and (max-width: 767px){
	#contact_form {
		width: 100%;
	}
	main input, textarea {
		padding: 2% 3%;
		margin: 5% auto;
	}
}