/* CSS Document */
@charset "UTF-8";
#contact .top {
	/*background-image: url(../img/contact/main.png);*/
}
p{
	text-align: center;
}
#contact form{
	margin-top: 50px;
	width: 100%;
	background-color: #EEEEEE;
}
#contact .form .tit{
	max-width: 1150px;
	width: 90%;
}
#contact form fieldset{
	display: block;
	max-width: 700px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#contact form dl{
	width: 100%;
	margin-bottom: 10px;
}
#contact form dt,
#contact form dd{
	text-align: left;
	width: 100%;
}
#contact form dd{
	background-color: transparent;
}
#contact form input[type="text"]{
	border: none;
	border-radius: 0;
	background-color: #fff;
	width: 100%;
	font-size: 14px;
	font-family: inherit;
	padding: 10px;
}
#contact form textarea{
	border: none;
	border-radius: 0;
	background-color: #fff;
	width: 100%;
	font-family: inherit;
	font-size: 14px;
	padding: 10px;
}
#contact select{
	-moz-appearance: none;
	-webkit-appearance: none;
  	appearance: none;
	border: none;
	border-radius: 0;
	background-color: #fff;
	padding-right: 25px;
	padding-left: 5px;
	height: 25px;
	font-size: 14px;
	font-family: inherit;
	cursor: pointer;
}
#contact .fa{
	position: relative;
}
#contact .fa::after{
	position:absolute;
	top:50%;
	right: 3px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	font-weight: 900;
}
#contact .btn{
	width: 100%;
	text-align: center;
}
#contact .btn li{
	float: none;
	display: inline-block;
}
#contact input[type="submit"],
#contact input[type="reset"],
button#submit,
button#myreset{
	font-family: inherit;
	padding: 10px;
	width: 150px;
	border: 1px solid #a1a2a4;
	background-color: #fff;
	font-size: 14px;
}
/* tb_768
==========================*/
@media screen and (max-width:768px){
}

/* sp_480
==========================*/
@media screen and (max-width:480px){
#contact .btn li {
	margin-bottom: 10px;
}
}