@charset "utf-8";

#contact ul li{
	margin-bottom:15px;
	padding-left: 15px;
	background:url(../../img/common/dot.png) no-repeat left 0.4em;
}

#contact td .note{
	margin-top:5px;
	font-size:90%;
	color:#666;
}
#contact form input[type=text],
#contact form input[type=email]{
	padding:5px;
	max-width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contact form textarea{
	padding:5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contact form .frameBtn{
	margin:20px 0 50px 0;
	text-align:center;
}
#contact form .frameBtn input{
	margin:10 auto;
	padding: 5px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

@media screen and (max-width: 979px) {
/*tablet*/
}
@media screen and (max-width: 768px){
/*smart phone*/
}
@media screen and (max-width: 620px) {
/*sp*/
#contact form table,
#contact form table tbody,
#contact form table tr,
#contact form table th,
#contact form table td{
	display:block;
	border:none;
}
#contact form table tr{
	margin-bottom:10px;
}
}
@media screen and (max-width: 480px){
#contact form table td{
	padding:10px 0;
}
}