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


/*  contact-form
----------------------------------------------------*/
body {
	background-color:#e6e6e6;
}
#contact-form,#recruit-form{
	width:100%;
	min-width:300px;
	text-align:center;
	padding:20px 0;
}
#contact-form .container,#recruit-form .container{
	width:300px;
	margin:0 auto;
}

.contact-title{
	font-size:20px;
}
#contact-form .contact-title span{
	background:url(../../img/sp/icon-form.png) no-repeat left center;
	background-size:18px 20px;
	padding-left:25px;
}
#recruit-form .contact-title span{
	background:url(../../img/sp/icon-recruit-form.png) no-repeat left center;
	background-size:17px 20px;
	padding-left:25px;
}
.contact-text,h4{
	padding:15px 0;
	font-size:14px;
}
.contact-subtext{
	font-size:13px;
	color:#ed1c24;
	text-align:left;
	width:300px;
	margin:0 auto;
	padding:5px 0;
}
.line{
	margin:0 auto;
	background:url(../../img/sp/line-sp.png) no-repeat left top;
	width:300px;
	height:4px;
}

input[type=text],textarea{
	padding:2px;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	border:solid 1px #ccc;
	margin:0 0;
	width:300px;
}
.item{
	margin:5px auto;
	width:300px;
	text-align:left;
}
.left{
	width:300px;
}
.right{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
form{
	padding:20px 0;
}
.form-buttons{
	padding:20px 0;
}
form span{
	color:#ed1c24;
}


input[type=submit]{
	border:none;
	display:inline-block;
	margin:10px auto;
	background-color:#f78b43;
	color:#fff;
	padding:4px 30px;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:16px;
	cursor:pointer;
}
input[type=reset],
input[type=button]{
	border:none;
	display:inline-block;
	margin:10px auto;
	background-color:#999999;
	color:#fff;
	padding:4px 30px;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:16px;
	cursor:pointer;
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

p.checkboxarea span{
	color: #000;
	padding-left:4px;
}