@charset "utf-8";
/* contact.css
*************************/
#contact { position:relative; }
.sp_title { display:none; }
#main_content {
width:100%;
max-width:960px;
}
#main_content .grid_field-unit {
letter-spacing:0;
}
#main_content .lead {
font-size:15px;
line-height:1.5em;
margin:0 0 60px;
}
#main_content  h3 {
width:100%;
padding:0 0 15px;
margin: 0 0 60px;
border-bottom:3px solid #ccc;
position:relative;
}
#main_content #col1 { margin:0 0 70px; }
#main_content #col1 .grid_unit { width:49%; }

#main_content #col2 .box {
	padding:0 0 15px;
	margin:0 0 15px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content #col2 .box .title p {
	line-height:20px;
	height:20px;
	padding:5px 20px;
	vertical-align:top;
}
#main_content #col2 .box .title p span.icon {
	display:inline-block;
	margin-left:10px;
	padding:0;
}
#main_content #col2 .forms p input{
	width:50%;
	height:20px;
	border:none;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	background:#f0f0f0;
}
#main_content #col2 .forms textarea {
	width:95%;
	height:18em;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-bottom:none;
	border-right:none;
	background:#f0f0f0;
}
#main_content #col2 .forms p input.w100 { width:95%; }
#main_content #col2 .forms p input.w50 { width:50%; }
#main_content #col2 .forms p input.w20 { width:20%; }
#main_content #col2 .forms p input.w10 { width:10%; }

#main_content #col2 .privacy { text-align: center; }
#main_content #col2 .privacy textarea {
	padding:5%;
	width:80%;
	height:120px;
	margin:20px auto;
	border:solid 1px #ccc;
}
#main_content #col2 p.btn,#main_content #col2 p.btn01,#main_content #col2 p.btn02 {text-align:center;}
#main_content #col2 p.alert { color:#ff0101; font-weight:bold; margin:0 0 5px; }
#bottom_content { display:none; }
.alert {display:none;}
@media only screen and (max-width:960px) {
#side_content { display:none; }
#main_content #col1 { margin:0 0 40px; }
#main_content #col1 .tel {
	width:100%;
	margin:0 0 20px;
}
}
@media only screen and (max-width:640px) {
	.pc_title { display:none; }
	.sp_title { display:block; }

	#main_content #col2 .box .title,
	#main_content #col2 .box .forms {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	#main_content #col2 .box .title p {
		padding-left:0;
		padding-right:0;
	}
	#main_content #col2 p.btn01,#main_content #col2 p.btn02 {
		width:100%;
		margin:0 0 20px;
	}
}