@charset "utf-8";

/* ==================================================================
	graveclose.css
=================================================================== */
.contents .main > section .accent{
	margin-bottom:25px;
}



.contents .main > section{
	margin-bottom:-25px;
}

.contents .main > section p{
	font-size:116%;
}

/* ==================================================================
	2016/9/14追記
=================================================================== */

#graveclose .f-l{
	font-size:180%;
}
#graveclose .indent-1 {
	margin-bottom: 4%;
}
#graveclose .box01{
	border:#1A885E 3px solid;
	border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
	background:url(../../../images/graveclose/img01.jpg) no-repeat left;
	padding:25px 25px 15px 180px;
	height:190px;
	margin-bottom:55px;
}
	#graveclose .box01 ul{
		overflow:hidden;
		margin:15px 0 20px 0;
	}
	#graveclose .box01 li{
		float:left;
		margin-right:20px;
		font-size:200%;
		font-weight:bold;
	}
	#graveclose .box01 p{
		color:#FF0000;
		font-size:340%;
		font-weight:bold;
		text-align:center;
		line-height:1.2em;
	}

#graveclose dl.cost01{
	background:url(../../../images/graveclose/img02.gif) no-repeat left;
	background-size:7%;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding:30px 0 70px 100px;
	height:60px;
}
	#graveclose dl.cost01 dt{
		font-size:180%;
		float:left;
		font-weight:bold;
		padding:8px 0 0 0;
		width:120px;
	}
	#graveclose dl.cost01 dt:after {
	  font-weight:normal;
	  font-size:90%;
	  margin:0 10px;
	}
	#graveclose dl.cost01 dd{
		float:left;
		font-size:250%;
		margin-right:0;
		font-weight:bold;
		width:240px;
	}

#graveclose dl.cost02{
	background:url(../../../images/graveclose/img03.gif) no-repeat left;
	background-size:7%;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding:30px 0 70px 100px;
	height:60px;
}
	#graveclose dl.cost02 dt{
		font-size:180%;
		float:left;
		font-weight:bold;
		width:120px;
		padding:8px 0 0 0;
	}
	#graveclose dl.cost02 dt:after {
	
	  font-weight:normal;
	  font-size:90%;
	  margin:0 10px;
	}
	#graveclose dl.cost02 dd{
		float:left;
		font-size:250%;
		margin-right:0;
		font-weight:bold;
		width:240px;
	}

#graveclose dl.cost03{
	background:url(../../../images/graveclose/img04.gif) no-repeat left;
	background-size:7%;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding:30px 0 70px 100px;
	height:60px;
}

	#graveclose dl.cost03 dt{
		font-size:180%;
		float:left;
		font-weight:bold;
		width:120px;
		padding:8px 0 0 0;
	}
	
	#graveclose dl.cost03 dt:after {
	
	  font-weight:normal;
	  font-size:90%;
	  margin:0 10px;
	}
	
	#graveclose dl.cost03 dd{
		float:left;
		font-size:250%;
		margin-right:0;
		font-weight:bold;
		width:240px;
	}
	#graveclose dl.cost03 dd.txt-no{
		font-size: 116%;
		font-weight:normal;
	}

#graveclose dl.cost04{
	background:url(../../../images/graveclose/img12.gif) no-repeat left;
	background-size:7%;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding:30px 0 70px 100px;
	height:60px;
}
	#graveclose dl.cost04 dt{
		font-size:140%;
		float:left;
		font-weight:bold;
		width:120px;
		line-height:1.2em;
		padding:0px 0 0 0;
	}
	#graveclose dl.cost04 dt:after {
	
	  font-weight:normal;
	  font-size:90%;
	  margin:0 10px;
	}
	#graveclose dl.cost04 dd{
		float:left;
		font-size:120%;
		margin-right:0;
		font-weight:bold;
		width:240px;
	}
	#graveclose dl.cost04 dd:last-child{
		margin-top:20px;
	}

#graveclose dl.cost05{
	background:url(../../../images/graveclose/img13.gif) no-repeat left;
	background-size:7%;
	overflow:hidden;
	border-bottom:1px solid #000;
	padding:30px 0 70px 100px;
	height:60px;
	margin-bottom:4%;
}
	#graveclose dl.cost05 dt{
		font-size:180%;
		float:left;
		font-weight:bold;
		width:120px;
		padding:8px 0 0 0;
	}
	#graveclose dl.cost05 dt:after {
	
	  font-weight:normal;
	  font-size:90%;
	  margin:0 10px;
	}
	#graveclose dl.cost05 dd{
		float:left;
		font-size:250%;
		margin-right:0;
		font-weight:bold;
		width:240px;
	}
	#graveclose dl.cost05 dd.txt-no{
		font-size:90%;
		font-weight:normal;
	}
#graveclose .red{
	color:#FF0000;
}

#graveclose .txt01{
	text-align:center;
	background-color:#FF0000;
	color:#fff;
	padding:10px;
	font-size:19px;
	font-weight: bold;
	margin-bottom:55px;
}
#graveclose .step{
	overflow:hidden;
	background:url(../../../images/graveclose/step_arrow.gif) no-repeat top left;
	margin-bottom:2%;
}
	#graveclose .step dl{
		float:left;
		width:220px;
		margin:0 16px 16px 0;
	}
		#graveclose .step dl:nth-child(3),
		#graveclose .step dl:nth-child(6),
		#graveclose .step dl:nth-child(9){
			margin-right:0;
		}
		
		#graveclose .step dt{
			background-color:#1A885E;
			text-align:center;
			color:#fff;
			padding:5px;
			font-weight:bold;
			font-size:150%;
		}
		#graveclose .step dd{
			background-color:#E4F4EE;
			border:2px solid #1A885E;
			padding:10px;
			text-align:center;
			min-height: 225px;
		}
		
		#graveclose .step dl:nth-child(1) dd,
		#graveclose .step dl:nth-child(2) dd,
		#graveclose .step dl:nth-child(3) dd{
			min-height: 230px;
		}
		
		#graveclose .step dd p{
			text-align:left;
			margin:0 0 5px 0;
			overflow:hidden;
		}
		#graveclose .step dd ul.contact{
			background-color:#FF0000;
			color:#fff;
			margin:10px 0 0 0;
			padding:8px;
			text-align:left;
			font-weight:bold;
			font-size:120%;
			line-height:1em;
		}
		#graveclose .step dd ul.contact li{
			margin-bottom:5px;
		}
		#graveclose .step dd ul.contact li:first-child:before{
			content:url(../../../images/graveclose/icon_tel.png);
		}
		#graveclose .step dd ul.contact li:last-child:before{
			content:url(../../../images/graveclose/icon_mail.png);
		}
		#graveclose .step dd ul.contact li a{
			color:#fff;
			text-decoration:none;
		}
		#graveclose .step dd span{
			text-align:center;
			background-color:#FF0000;
			color:#fff;
			padding:3px;
			font-weight: bold;
			display:block;
			height:15px;
			width:80px;
			margin:0 0 5px 0;
			float:right;
		}
		#graveclose .step dd .mat{
			margin-top:30px;
		}

#graveclose .bnr_blog{
	text-align:center;
	margin-bottom:30px;
}
#graveclose .attention{
	margin-bottom:55px;
}
	#graveclose .attention h4{
		font-weight:bold;
		margin:25px 0 15px 0;
		font-size:150%;
	}
	#graveclose .attention h4 span{
		text-align:center;
		background-color:#FF0000;
		color:#fff;
		font-size:80%;
		padding:3px 10px;
		margin:0 10px 0 0;
		font-weight: bold;
	}
	#graveclose .attention p{
		overflow:hidden;
	}
	#graveclose .attention .mlt{
		margin-left:107px;
	}
#graveclose .mb50{
	margin-bottom:50px;
}
.img_l {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align:left;
}
.img_r {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align:left;
}

@media only screen and
(max-width : 640px) {
 
.contents .main section#graveclose img{
	max-width:100%;
	height: auto;
}
 
.contents .main section#graveclose{
	margin: 0 3% 30px;
}

#graveclose .box01 {
    padding: 3%;
    height: 190px;
    margin-bottom: 6%;
	background-size: 35%;
}

#graveclose .box01 p {
    font-size: 150%;
    float: right;
}

#graveclose .box01 ul {
	margin: 15px auto 15px;
    width: 62%;
    float: right;
    font-size: 82%;
}

#graveclose .f-l {
    font-size: 130%;
}

#graveclose dl.cost01,
#graveclose dl.cost02,
#graveclose dl.cost05{
    background-size: 15%;
    padding: 0px 0 100px 90px;
}
#graveclose dl.cost03{
    background-size: 19%;
    padding: 20px 0 140px 90px;
}

#graveclose dl.cost04{
    background-size: 19%;
    padding: 20px 0 195px 90px;
}

#graveclose dl.cost dt {
    font-size: 150%;
}

#graveclose dl.cost dd {
    font-size: 200%;
}

#graveclose .step {
    background:none;
    margin-bottom: 55px;
}

#graveclose .step dl {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
}

#graveclose .attention .mlt {
    margin-left: 0;
}