@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */
#wrapper{
	min-width:1000px;
	overflow:hidden;
}
#header{
	width:100%;
	min-width:1000px;
	padding:10px 0;
	background:rgba(255, 255, 255, 0.15);
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
	box-sizing:content-box;
}
#header h1{
	margin:0 0 0 34px;
	float:left;
}
#header .head-info{
	padding:0;
	float:right;
}
#header .head-info p{
	float:left;
	margin:0 10px 0 0;
	padding:5px 0 0;
}

#header .head-info ul{
	float:left;
}
#header .head-info ul li{
	float:left;
}

#content .mv{
	position:relative;
}
#content .mv figure img{
	width:100%;
	height:auto;
}
#content .mv h2{
	position:absolute;
	top:150px;
	left:8.6%;
}
@media screen and (max-width: 1460px){
	#content .mv{
		width:1000px;
		margin:0 auto;
	}
	#content .mv figure img{
		width:1460px;
		margin:0 0 0 -230px;
	}
	#content .mv h2{
		left:15px;
	}
}

#content .bnr{
	padding:30px 10px 40px;
	text-align:center;
}

.inner{
	width:1000px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:content-box;
	text-align:center;
}

.contact{
	background:#821b29;
}
.contact ul{
	padding:0 0 50px;
}
.contact ul li{
	width:494px;
	float:left;
}
.contact ul li + li{
	float:right;
}
.contact ul li p{
	margin:0 0 30px;
}

.contact .info{
	padding:1px 0 0;
	background:#942534;
}
.contact .info figure{
	margin:-24px 0 42px;
}
.contact .dev{
	width:620px;
	margin:0 auto;
}
.contact .dev a{
	text-decoration:none;
}
.contact .dev dl{
	width:220px;
	float:left;
	color:#fff;
}
.contact .dev dl dd{
	font-size:167%;
	font-weight:bold;
}
.contact .txt{
	margin:15px 0 0 20px;
	padding:0 0 40px;
	float:left;
	color:#fff;
}
.contact .txt a{
	color:#fff;
	background:#821b29;
	font-size:100%;
}
.contact .txt a:hover{
	text-decoration:underline;
}
/*
.contact .txt a:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 1em 0 0;
	background:url(../images/ico_arrow.png) no-repeat;
	background-size:100% auto;
	vertical-align:middle;
}
*/
#main .fig img{
	width:100%;
	height:auto;
}

#life{
	padding:70px 0 60px;
	text-align:center;
	background:url(../images/bg_care.jpg) no-repeat 50% top;
}
#access{
	padding:70px 0 20px;
	text-align:center;
	background:#f2eee1 url(../images/bg_leaf.jpg) no-repeat 50% 0;
	background-size:100% auto;
}




#access figure{
	margin:0 0 30px;
}
#footer{
	border-bottom:solid 33px #640d19;
}
#pagetop{
	position:fixed;
	right:2%;
	bottom:65px;
}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	#wrapper img{
		width:100%;
		height:auto;
	}
	#wrapper{
		min-width:100%;
		overflow:hidden;
	}
	#header{
		width:100%;
		min-width:100%;
		padding:5px 0;
	}
	#header h1{
		width:50px;
		margin:5px 0 0 10px;
		float:left;
	}
	#header .head-info{
		widtth:200px;
		padding:0;
	}
	#header .head-info p{
		display:none;
	}
	
	#header .head-info ul li{
		width:100px;
	}
	
	#content .mv{
		width:auto;
		margin:0 -19%;
	}
	#content .mv figure img{
		width:100%;
		margin:0;
	}
	#content .mv h2{
		left:15px;
	}
	#content .mv h2{
		width:30%;
		position:absolute;
		top:60px;
		left:16%;
	}

	#content .bnr{
		padding:15px 10px 30px;
	}
	
	.inner{
		width:auto;
		padding:0 10px;
	}
	.contact ul{
		width:80%;
		margin:0 auto;
		padding:0 0 15px;
	}
	.contact ul li{
		width:100%;
		float:none;
	}
	.contact ul li + li{
		float:none;
		margin:15px 0 0;
	}
	.contact ul li p{
		margin:0 0 5px;
	}
	
	.contact .info{
		padding:1px 0 0;
		background:#942534;
	}
	.contact .info figure{
		margin:-4% 0 15px;
	}
	.contact .dev{
		width:100%;
		margin:15px auto 0;
	}
	.contact .dev dl{
		width:100%;
		float:none;
	}
	.contact .dev dl dt{
		font-size:84%;
	}
	.contact .dev dl dd{
		font-size:134%;
	}
	.contact .txt{
		margin:10px 0 0;
		padding:0 0 15px;
		float:none;
		font-size: 84%;
	}
	
	#life{
		padding:20px 10px;
		background:none;
	}
	#access{
		padding:20px 10px 0;
	}
	
	
	
	
	#access figure{
		margin:0;
	}
	#footer{
		border-bottom:solid 15px #640d19;
	}
	#pagetop{
		width:40px;
		position:fixed;
		right:2%;
		bottom:1%;
	}
	




}