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

/*main {
	width: 100%;
	margin-left: -220px;
}
*/
.home {
	font-size: 0;
}

.home .package {
	width: 730px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.home .box {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px 20px;
	padding: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
}

.home p.text {
	width: 690px;
	height: 340px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/home/top_image01.jpg) no-repeat;
}
.home .grave img {
	width: 325px;
	height: 150px;
}
.home .original {
	background-color: #556B2F;
}
.home .original h2 img {
	width: 690px;
	height: 40px;
}
.home .original ul li {
	display: inline-block;
	vertical-align: top;
}
.home .original ul li:nth-child(2n) {
	margin: 0 0 0 10px;
}
.home .original ul li img {
	width: 340px;
	height: 150px;
}
.home .facebook {
	display: block;
	text-align: center;
	width: 690px;
	height: 470px;
}
.home .about {
	width: 690px;
	height: auto;
	font-size: 0;
}
.home .about address {
	display: inline-block;
	vertical-align: top;
	width: 340px;
	height: 240px;
}
.home .about address a {
	position: absolute;
	display: block;
	width: 340px;
	height: 240px;
}
.home .about address h2 img {
	width: 340px;
	height: 36px;
}
.home .about address ul img {
	width: 340px;
	height: auto;
}
.home .about address .btn img {
	width: 340px;
	height: 35px;
}
.home .about .map {
	display: inline-block;
	vertical-align: top;
	width: 340px;
	height: 240px;
	margin: 0 0 0 10px;
}
.home .about .map a {
	position: absolute;
	display: block;
	width: 340px;
	height: 240px;
}
.home .about .map figure img {
	width: 340px;
	height: 205px;
}
.home .about .map .btn img {
	width: 340px;
	height: 35px;
}

/* pc */
@media screen and (min-width: 988px) {
	
	.home a:hover {
		opacity: 0.75;
	}
	.home .about address a:hover, .home .about .map a:hover {
		background-color: rgba(255,255,255,0.25);
	}
	
}

/* tablet sp */
@media print, screen and (max-width: 987px) {
	
	.home .package {
		display: block;
		width: 100%;
		text-align: center;	
	}
	.home .box {
		display: block;
		width: auto;
		margin: 0 20px 20px;
	}
	
	.home p.text {
		width: auto;
		height: 250px;
		background: url(../img/home/top_image_sp.jpg) no-repeat;
		background-position: left;
		background-size: cover;
	}
	.home .grave img {
		width: 100%;
		height: auto;
	}
	.home .original h2 {
		position: relative;
		width: 100%;
		height: 40px;
		overflow: hidden;
	}
	.home .original h2 img {
		position: absolute;
    	left: 50%;
		margin-left: -345px;
	}
	.home .original ul li {
		display: block;
	}
	.home .original ul li:nth-child(2n) {
		margin: 10px 0 0 0;
	}
	.home .original ul li img {
		width: 100%;
		height: auto;
	}
	.home .facebook {
		width: auto;
		height: auto;
	}
	.home .about {
		width: auto;
		height: auto;
	}
	.home .about address {
		display: block;
		margin: auto;
	}
	.home .about address h2 img {
		width: 100%;
		height: auto;
	}
	.home .about address ul img {
		width: 100%;
		height: auto;
	}
	.home .about address .btn img {
		width: 100%;
		height: auto;
	}
	.home .about .map {
		display: block;
		margin: 10px auto 0;
	}
	.home .about .map figure img {
		width: 100%;
		height: auto;
	}
	.home .about .map .btn img {
		width: 100%;
		height: auto;
	}

}

/* sp */
@media print, screen and (max-width: 767px) {
	
	main {
		width: auto;
		margin-left: 0;
	}
	
	/*facebook*/
	.fb-page {
		width: 100%;
	}
	.fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fb_iframe_widget span{
		max-width: 100% !important;
	}
	.fbcomments,
	.fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fbcomments iframe[style],
	.fb_iframe_widget span{
		max-width: 100% !important;
	}
	
	.home .about {
		overflow: hidden;
	}
	.home .about address {
		width: 100%;
		height: auto;
	}
	.home .about address a {
		width: 100%;
		height: 0;
		padding-top: 70.59%;
	}
	.home .about address h2 img {
		width: 100%;
		height: auto;
	}
	.home .about address ul img {
		width: 100%;
		height: auto;
	}
	.home .about address .btn img {
		width: 100%;
		height: auto;
	}
	.home .about .map {
		width: 100%;
		height: auto;
		margin: 10px 0 0;
	}
	.home .about .map a {
		width: 100%;
		height: 0;
		padding-top: 70.59%;
	}
	.home .about .map figure img {
		width: 100%;
		height: auto;
	}
	.home .about .map .btn img {
		width: 100%;
		height: auto;
	}
	
}

/* sp */
@media screen and (max-width: 400px) {
	
	.home p.text {
		height: 125px;
	}
	
}