@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main p {
	margin-bottom: 24px;
	color: #444;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.7;
}

#main .text {
	margin-bottom: 60px;
	font-size: 15px;
}

#main h3 {
	margin-bottom: 20px;
}

#main .h3Ttl {
	margin-bottom: 20px;
}

#main .imgBoxR,
#main .imgBoxL {
	margin-bottom: 40px;
}

#main .imgBoxR .photoBox {
	float: right;
}

#main .imgBoxR .textBox {
	width: 504px;
	float: left;
}

#main .imgBoxR p,
#main .imgBoxL p {
	font-size: 15px;
	line-height: 1.8;
}

#main .imgBoxL .photoBox {
	float: left;
}

#main .imgBoxL .textBox {
	width: 514px;
	float: right;
}

#main .imgBox01 {
	margin-bottom: 60px;
}

#main .imgBox02 {
	margin-bottom: 80px;
}

#main .inner {
	margin-left: 4px;
	width: 990px;
	background: url(../gif/inner_bg02.gif) no-repeat left bottom;
}

#main .inner .subBox {
	padding: 4px 4px 4px 50px;
	background: url(../gif/inner_bg01.gif) no-repeat left top;
}

#main .inner .lBox {
	margin-top: 32px;
	width: 660px;
	float: left;
}

#main .inner .title {
	margin: 0 0 6px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
}

#main .inner p {
	margin: 0 0 0 4px;
	color: #424242;
	font-size: 15px;
	line-height: 1.95;
}

#main .inner .txt01 {
	margin: 2px 0 -3px;
	display: block;
	color: #3a3835;
	font-size: 18px;
	font-weight: bold;
}

#main .inner .txt02 {
	padding-left: 7px;
	color: #333;
	font-size: 13px;
}

#main .inner .contact {
	margin: 0 20px 0 6px;
}

#main .inner .contact .tel {
	margin-left: 0;
	width: 370px;
	float: left;
	color: #000;
	float: left;
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: -2px;
}

#main .inner .contact .tel img {
	margin: -6px 10px 0 0;
	vertical-align: middle;
}

#main .inner .contact .tel .time {
	padding-left: 8px;
	font-size: 12px;
	letter-spacing: 0;
}

#main .inner .contact .link {
	margin-top: -10px;
	float: right;
}

#main .inner .contact .link a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#main .inner .photo {
	float: right;
}

@media all and (min-width: 0) and (max-width: 767px) {
		#pagePath {
		display: none;
	}
	
	#main, .main {
		padding: 0 10px 15px;
	}
	
	#main p {
		font-size: 16px;
		letter-spacing: 0;
	}
	
	#main .text {
		margin-bottom: 28px;
		font-size: 16px;
	}
	
	#main h3 {
		margin-bottom: 22px !important;
	}
	
	#main h3 img {
		height: 21px;
	}
	
	#main .imgBoxR,
	#main .imgBoxL {
		margin-bottom: 20px;
	}
	
	#main .imgBoxR .photoBox,
	#main .imgBoxL .photoBox {
		margin-bottom: 25px;
		float: none;
		text-align: center;
	}
	
	#main .imgBoxR .photoBox img,
	#main .imgBoxL .photoBox img {
		width: 80%;
	}
	
	#main .imgBoxR .textBox,
	#main .imgBoxL .textBox {
		width: auto;
		float: none;
	}
	
	#main .imgBoxR p,
	#main .imgBoxL p {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 1.7;
	}
	
	#main .imgBox02 {
		margin-bottom: 40px;
	}
	
	#main .inner {
		margin: 0 -10px;
		width: auto;
		background: none;
		border: 1px solid #424263;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	#main .inner .subBox {
		padding: 10px;
		background: none;
		border: 1px solid #D9D9E0;
	}
	
	#main .inner .title {
		font-size: 30px;
		clear: both;
	}
	
	#main .inner .lBox {
		margin-top: 0;
		width: 55%;
	}
	
	#main .inner p {
		margin-left: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	
	#main .inner .txt01 {
		margin: 10px 0 0;
		font-size: 16px;
	}
	
	#main .inner .txt02 {
		padding-left: 0;
		font-size: 14px;
	}
	
	#main .inner .photo {
		width: 45%;
	}
	
	#main .inner .photo img {
		width: 100%;
	}
	
	#main .inner .contact {
		margin: 0;
	}
	
	#main .inner .contact .tel {
		width: auto;
		float: none;
		font-size: 20px;
	}
	
	#main .inner .contact .tel img {
		margin-right: 5px;
		width: 15px;
	}
	
	#main .inner .contact .tel .time {
		margin-left: 12px;
		display: block;
		font-size: 14px;
	}
	
	#main .inner .contact .link {
		margin-top: 15px;
		float: none;
	}
	
	#main .inner .contact .link img {
		width: 120px;
	}
}