@charset "UTF-8";

/* お墓の引越し・リフォーム */
.contents{
	padding:50px 0 0;
}
.contents h4{
	text-align:center;
	font-size:1.8rem;
	letter-spacing:1px;
	padding:0 0 15px;
	line-height:180%;
}
.number{
	font-size:3.6rem;
}
.contents p{
	padding:0 0 30px;
}
.contents h5.attention{
	background:#333;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	font-size:1.8rem;
}
.contents p.attention{
	padding:10px 0 20px;
}
.contents p.attention-bottom{
	padding:10px 0 0;
}
.pattern-cont{
	padding:0 0 30px;
}
.pattern-cont.bottom{
	padding:0;
}
.pattern-cont h5{
	font-size:1.8rem;
	padding:0 0 5px;
	margin:0 0 13px;
	border-bottom:3px solid #333;
}
.contents ul.pattern{
    position: relative;
    margin:0;
    padding:0
}
.contents ul.pattern li{
    list-style: none;
    list-style-position:outside;
    margin:0;
    padding-left:1.25em;
	padding-bottom :10px;
	line-height:180%;
}
.contents ul.pattern span{
    position: absolute;
    left:0;
    margin:0
}
.pattern-box-right img{
	width:70%;
	margin:0 15%;
}
.procedure-cont h5{
	font-size:1.8rem;
	padding:0 0 5px;
	margin:0 0 13px;
	border-bottom:3px solid #333;
	text-align:center;
}
.procedure-cont p{
	padding:0;
}
.arrow{
	padding:15px 0;
	text-align:center;
}
.arrow img{
	width:auto;
	height:50px;
}
@media (min-width: 568px) {
	.pattern-box{
		float:left;
		width:56%;
	}
	.pattern-box-right{
		float:right;
		width:40%;
		margin:0 0 0 4%;
	}
	.pattern-box-right img{
		width:100%;
		margin:0;
	}
	.procedure-box{
		float:left;
		width:50%;
	}
	.procedure-box-right{
		float:right;
		width:46%;
		margin:0 0 0 4%;
	}
}
@media (min-width: 768px) {
	.pattern-box{
		width:66%;
	}
	.pattern-box-right{
		width:30%;
	}
}
@media (min-width: 769px) {
	.contents h4{
		font-size:2.3rem;
	}
	.number{
		font-size:4.6rem;
	}
	.contents h5.attention{
		font-size:2.0rem;
	}
	.pattern-cont h5{
		font-size:2.0rem;
	}
	.procedure-cont h5{
		font-size:2.0rem;
	}
}
@media (min-width: 938px) {
	.contents p{
		text-align:center;
	}
	.contents h5.attention{
		margin:0 auto;
		width:70%;
	}
	.contents p.attention,
	.contents p.attention-bottom{
		text-align:left;
		margin:0 auto;
		width:70%;
	}
	.pattern-cont{
		margin:0 auto;
		width:70%;
	}
	.procedure-cont{
		margin:0 auto;
		width:70%;
	}
	.procedure-cont p{
		text-align:left;
	}
}


/* お墓のリフォーム */
#reform h3{
	text-align:center;
	font-size:1.8rem;
	letter-spacing:1px;
	padding:0 0 20px;
}
@media (min-width: 769px) {
	#reform h3{
		font-size:2.3rem;
	}
}
@media (min-width: 938px) {
	#reform p{
		text-align:center;
	}
}
@media (min-width: 568px) {
	.reform{
		float:left;
		width:49.5%;
		margin:0 1% 0 0;
	}
	.reform-right{
		float:left;
		width:49.5%;
	}
}