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

h2{
	color:#009CFF;
	text-align:center;
	font-size:32px;
	font-weight:bold;
}
.btn{
	text-align:center;
}
.btn input[type="submit"] {
	background:#009CFF;
	font-size:16px;
	color:#FFF;
	border:none;
	width:150px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:5px;
	margin-right:5px;
}



/*mb-----------------------------------------------*/
@media screen and (max-width: 768px){
#contact{
	margin-bottom:5%;
}
h2{
	margin-top:5%;
	margin-bottom:5%;
	font-size:21px;
}
p.top{
	margin-bottom:5%;
}
p.top br{
	display:none;
}
iframe{
	width:100%;
}
#contact table{
	width:100%;
	margin-top:6%;
	margin-bottom:3%;
	table-layout:fixed;
}
#contact table th,
#contact table td{
	display:block;
}
#contact table th{
	background:#EEE;
	padding-top:2%;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:2%;
}
#contact table th span.hissu{
	float:right;
	color:#FFF;
	font-size:12px;
	background:#FF5C3A;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
}
#contact table td{
	padding-top:3%;
	padding-bottom:5%;
}
#contact table td input,
#contact table td textarea{
	width:99%;
	border:1px solid #CCC;
}
#contact table td .time span.left{
	float:left;
	margin-top:3%;
	margin-right:5%;
}
#contact table td .time input{
	float:left;
	width:99%;
	margin-top:2%;
	margin-bottom:5%;
}
#contact table td textarea{
	width:99%;
	height:250px;
}
}


/*pc-----------------------------------------------*/
@media screen and (min-width: 769px){
#contact{
	margin-bottom:80px;
}
h2{
	margin-top:50px;
	margin-bottom:30px;
}
p.top{
	text-align:center;
	margin-bottom:50px;
}

#contact table{
	width:100%;
	border-top:1px solid #AAA;
	margin-top:50px;
	margin-bottom:30px;
}
#contact table th,
#contact table td{
	border-bottom:1px solid #AAA;
	padding-top:20px;
	padding-bottom:20px;
}
#contact table th{
	width:250px;
	background:#EEE;
	padding-left:30px;
	padding-right:30px;
	vertical-align:middle;
}
#contact table th span.hissu{
	float:right;
	color:#FFF;
	font-size:12px;
	background:#FF5C3A;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
}
#contact table td{
	padding-left:30px;
}
#contact table td input,
#contact table td textarea{
	width:570px;
	border:1px solid #CCC;
	padding:5px;
}
#contact table td .time span.left{
	float:left;
	margin-top:15px;
	margin-right:20px;
}
#contact table td .time input{
	float:left;
	width:300px;
	margin-top:10px;
}
#contact table td textarea{
	height:250px;
}
}