@charset "utf-8";

.mainImage{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height:0;
	padding-top: 24.12%;
	background-image: url("../img/memorial/main.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 0;
}


/* memorial */
#memorial{
	position: relative;
	margin: -5% auto 0 auto;
	padding: 0 auto;
	background-image: url("../img/common/bg.jpg");
	background-size: contain;
	background-position: 0 0;
	background-color: #ffffff;
}
#memorial .contents-inner{
	padding: 0;
}

#memorial h2{
	position: relative;
	margin: 0 auto 5% auto;
	display: block;
	width: 80%;
	height:0;
	padding: 0 0 20% 0;
}
#memorial .intoro {
	width: 95%;
	margin: 2% auto;
	text-align: left;
}
#memorial ul .ph {
	margin: 0 auto;
}
#memorial ul li　.ph {
	position: relative;
	margin: 2% auto;
	padding: 0 2%;
	letter-spacing: normal;
	text-align: left;
}
.ordercharttl {
	margin: 10% auto 0 auto;
	font-size: .20rem;
	font-weight: bold;
	color:#4694d1; 
	text-align: center;
}
.info dl {
	margin: 2% auto;
	width: 90%;
}
.info dt {
	text-align: left;
	font-size: .20rem;
	font-weight: bold;
}
.info dd {
	text-align: left;
	margin: 2% 0 7% 5%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2%;
}
/* flow */
#flow{
	position: relative;
	margin: 0 auto;
	padding-top: 8%;
	box-shadow:0px 12px 16px -10px rgba(0,0,0,0.3) inset;
	background-color: #efeedf;
}
#flow .contents-inner{
	padding: 0;
}
.etc {
	width: 90%;
	background-color: #ffffff;
	margin: 5% auto 10% auto;
	padding: 2%;
}
/* service */
#service{
	position: relative;
	margin: 0 auto;
	padding-top: 8%;
	box-shadow:0px 12px 16px -10px rgba(0,0,0,0.3) inset;
	background-color: #efefef;
}
#service .contents-inner{
	padding: 0;
}
.com {
	font-size: .22rem;
	color:#4694d1;
	width: 50%;
	margin: 4% auto;
	padding: 3% 0;
	text-align: center;
	border: 1px solid #4694d1;
}
.cometc {
	font-size: .18rem;
	margin: 2% auto 10% auto;
	text-align: center;
}
.amount {
	font-size: .20rem;
	font-weight: bold;
	color:#4694d1;
}
.consultation {
	border: 3px dotted #4694d1;
	width: 90%;
	padding: 3%;
	margin: 0 0 8% 0;
	text-align: center;
}
.concom {
	font-size: .20rem;
	color:#4694d1;
}
/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	
	/* memorial */
	#memorial{padding-top: 0;margin: 0 auto;}
	#memorial .contents-inner{
		margin: 0 auto;
		padding: 10px 0;
	}
	#memorial h2{
		margin: 0 0 30px 0;
		width: 100%;
		background-size: contain;
	}
	.intoro {
	width: 90%;
	margin: 2% auto;
	text-align: left;
	line-height: 200%;
	}
	.ph li {
		display: inline-block;
		width: 430px;
		vertical-align: top;
		background-position: 90% 50%;
		padding: 0 10px;
	}
	.info {
	width: 600px;
	margin: 0 auto;
	}
	
	/* flow */
	#flow{padding-top: 0;margin: 0 auto;}
	#flow .contents-inner{
		margin: 0 auto;
		padding: 10px 0;
	}
	
	/* service */
	#service{padding-top: 0;margin: 0 auto;}
	#service .contents-inner{
		margin: 0 auto;
		padding: 10px 0;
	}
	.com {
		width:300px;
		padding: 20px 0;
	}
	.consultation {
	width: 400px;
		margin: 0 auto 100px auto;
}

}