@charset "UTF-8";

/* 須藤石材 */
#headline{
	padding-bottom:25px;
}
#headline h3{
	font-size:1.8rem;
}
#headline p{
	padding-top:10px;
}
#headline p.second{
	padding-top:0;
}
@media (min-width: 1200px) {
	#headline h3{
		font-size:2.0rem;
	}
}

#sudo-outline{
	padding-top:25px;
}
#sudo-outline p{
	font-size:1.3rem;
	line-height:160%;
}

#sudo-intro{
	text-align:center;
	padding-top:40px;
}
#sudo-intro h4 img{
	width:250px;
	height:auto;
}
#sudo-intro h5{
	font-size:1.7rem;
	padding:10px 0;
}
@media (min-width: 568px) {
	#sudo-intro h4 img{
		width:300px;
	}
}
@media (min-width: 768px) {
	#sudo-intro p{
		text-align:center;
	}
}
@media (min-width: 1200px) {
	#sudo-intro h4 img{
		width:350px;
	}
}

.sudo-detail{
	text-align:center;
}
.sudo-detail h3{
	font-size:1.8rem;
	padding-bottom:15px;
}
.sudo-detail h3.blunch{
	letter-spacing:-0.05em;
}
.sudo-detail h3.license{
	letter-spacing:-0.19em;
}
@media (min-width: 375px) {
	.sudo-detail h3.blunch{
		letter-spacing:0;
	}
	.sudo-detail h3.license{
		letter-spacing:-0.05em;
	}
}
@media (min-width: 414px) {
	.sudo-detail h3.license{
		letter-spacing:0;
	}
}
@media (min-width: 568px) {
	.building{
		margin:0 15%;
		width:70%;
	}
}
@media (min-width: 768px) {
	.sudo-detail h3.maintenance{
		letter-spacing:-0.05em;
	}
	.sudo-detail p{
		text-align:center;
	}
	.building{
		margin:0 20%;
		width:60%;
	}
}
@media (min-width: 812px) {
	.sudo-detail h3.maintenance{
		letter-spacing:0;
	}
}
@media (min-width: 1024px) {
	.building{
		margin:0 25%;
		width:50%;
	}
}
@media (min-width: 1200px) {
	.sudo-detail h3{
		font-size:2.0rem;
	}
}

#directions{
	text-align:left;
	padding:0 15px;
	margin:30px 0;
	border-left:2px solid #000;
	border-right:2px solid #000;
}
#directions ol{
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:5px;
}
#directions ol:first-child{
	padding-top:0;
}
#directions ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:1.25em;
	font-size:1.4rem;
}
#directions ol li span{
	position:absolute;
	left:0;
	margin:0;
}
#directions dl dt{
  	line-height: 20px;
	font-size:1.3rem;
	padding:5px 0 0;
}
#directions dl dd{
  	line-height:20px;
	font-size:1.3rem;
	text-align:right;
	background:url(../cemetery-guide/img/dotted-border.png) repeat-x 0 10px;
	padding:0 0 5px;
	margin:0 0 0 30px;
}
#directions dl dd span{
	background:#FFF;
	padding:0 0 0 7px;
}
#directions dl dd span.white{
	color:#FFF;
	padding:0;
}
.iryo{
	letter-spacing:-0.1em;
}
#directions p{
	line-height:20px;
	font-size:1.3rem;
}
@media (min-width: 375px){
	.iryo{
		letter-spacing:0;
	}
}
@media (min-width: 568px){
	#directions dl{
		background:url(../cemetery-guide/img/dotted-border.png) repeat-x 0 13px;
		height:26px;
	}
	#directions dl dt{
  		float:left;
  		padding:0 7px 0 0;
  		line-height:26px;
  		background-color:#FFF;
	}
	#directions dl dd{
  		float:right;
  		padding:0 0 0 7px;
  		line-height:26px;
  		background-color:#FFF;
		background:none;
		margin:0;
	}
}
@media (min-width: 768px){
	#directions{
		padding:0 35px;
		margin:35px 0;
	}
}
@media (min-width: 1200px) {
	#directions dl{
		background: url(../cemetery-guide/img/dotted-border.png) repeat-x 0 15px;
		height:30px;
	}
	#directions dl dt,
	#directions dl dd,
	#directions p{
		font-size:1.4rem;
		line-height:30px;
	}
}