@charset "utf-8";

/* ======================================================

	lpのベース

====================================================== */


/* --------------------------------
   □ レイアウト
-------------------------------- */

.contents{
	font-size:112%;
	padding-top: 130px;
}

.contents .area{
	width:1000px;
	margin:0 auto;
}

.contents > section,
.contents > .chapter{
	margin-bottom:50px;
}

.contents > .wide .container{
	width:900px;
	margin:auto;
}

.contents > section .container h2{
	margin-bottom:35px;
}

#footer-info .btn-aji{
	float:none;
	display: none;
}

#footer-info .btn-totop{
	display: block;
	text-align:right;
}
#footer-info .btn-totop img{
	width:80%;
}


/* --------------------------------
   □ menu部分
-------------------------------- */

.contents .consultation{
	overflow: hidden;
	padding:20px 0;
	border-bottom:4px solid #11a58d;
}

.contents .consultation ul.list{
	margin: 0;
}

.contents .consultation ul.list li{
	float: left;
    position: relative;
	display: inline-block;
	margin-right:8px;
}

.contents .consultation ul.list li:last-child{
	float:right;
	margin-right:0;
}

/* --------------------------------
   □ title
-------------------------------- */
.contents h3{
	margin-bottom:25px;
}

.contents h4{
	margin-bottom:15px;
}

.contents h3.normaltitle,
.contents h4.normaltitle,
.contents h5.normaltitle,
.contents h6.normaltitle{
	background:#12a791;
	color:#fff;
	text-shadow:0px 0px 15px #034535 , 0px 0px 15px #034535;
	font-weight:700;
	padding:13px;
	margin-bottom:25px;
	font-size:187%;
	line-height:1.2;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12a791+0,0f9580+100 */
	background: #12a791; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #12a791 0%, #0f9580 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #12a791 0%,#0f9580 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #12a791 0%,#0f9580 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a791', endColorstr='#0f9580',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.contents .normaltitle em{
	color:#fff602;
}

.contents h4.texttitle,
.contents h5.texttitle{
	background: url(../../images/common/title-h5.png) 0 23% no-repeat;
    font-size: 125%;
    padding: 0 35px 18px;
    border-bottom: 2px solid #14694b;
    margin-bottom: 25px;
}

/* --------------------------------
   □ commontxt
-------------------------------- */
dl.commontxt{
	margin-bottom:35px;
}

	dl.commontxt dt{
		color:#2E75B6;
		margin-bottom:25px;
		background:#fffae0;
		padding:20px;
		border-radius:10px;
	}
	
	dl.commontxt dd{
	}

/* --------------------------------
   □ contact
-------------------------------- */
dl.contact{
    margin-bottom: 35px;
}

/* --------------------------------
   □ areaInformation
-------------------------------- */
.areaInformation{
	margin-bottom:35px;
	padding:20px;
	border-radius:10px;
}
	
	.areaInformation dl.text{
		color:#2E75B6;
	}
		
		.areaInformation dl.text dt{
			font-size:122%;
			font-weight:700;
			margin-bottom:8px;
		}
		
		.areaInformation dl.text dt em{
			color:#f01;
		}
		
		.areaInformation dl.text dd{
		}

.areaInformation.correspondingArea{
	background:#fffae0;
}

.areaInformation.cemeteryArea{
	background:#dbfffc;
}


/* --------------------------------
   □ qa
-------------------------------- */
#qa .hQ{
	border-bottom: 1px dotted #cccccc;
    padding: 10px 30px 10px 0;
}

#qa .hQ p{
	padding: 0px 0px 0 37px;
}

.hQ p span{
	color: #1d6e55;
	font-weight:700;
}

#qa .hQ p.q{
	background: url(../../../images/cleaning/q.png) 0 0 no-repeat;
}

#qa .hQ p.a{
	background: url(../../../images/cleaning/a.png) 0 0 no-repeat;
    padding-top: 5px;
}

#qa .hQ p.a span.red{
	display:block;
	color:#f01;
	font-weight:700;
}


/* --------------------------------
   □ normalItemStyle
-------------------------------- */
ul.normalItemStyle{
	overflow: hidden;
	margin-left:-1%;
}
ul.normalItemStyle li{
	float: left;
	width: 32.3%;
	margin:0 0 17px 1%;
}
ul.normalItemStyle li img{
	width: 100%;
}

ul.normalItemStyle li dd{
	font-weight: bold;
	border-left: 6px solid #238667;
	padding: 0 0 0 7px;
	margin: 15px 0 5px 0;
}


/* --------------------------------
   □ shoptable
-------------------------------- */
table.shoptable{
	width:100%;
}

table.shoptable tr{
	border-bottom: 1px solid #d4d4d4;
}

table.shoptable th,
table.shoptable td{
	padding: 15px;
}

table.shoptable th{
	vertical-align:top;
}

table.shoptable th span{
	background: #1a885e;
	color: #fff;
	border-radius: 5px;
	display: block;
	padding: 5px;
	text-align: center;
}

/* --------------------------------
   □ last
-------------------------------- */
#last .subsection{
	margin-bottom:30px;
}

#last .contact{
	margin-bottom:35px;
}

#last .division{
	margin-bottom:40px;
}

#last .division dl dt{
	border-left: 6px solid #1a885e;
	padding-left: 10px;
	margin-bottom: 25px;
}

#last .division dl dd ul.list{
	line-height: 2;
	margin-left: 15px;
}



@media only screen and
(max-width : 640px) {

/* --------------------------------
   □ レイアウト
-------------------------------- */

.contents{
	font-size:100%;
	padding-top: 75px;
}

.contents .area {
    width: auto;
} 

.contents > .wide .container{
	width:auto;
}

.contents > section .container h2{
}

.contents > section,
.contents > .chapter{
	padding:0 3%;
	margin-bottom:5%;
}

/* --------------------------------
   □ menu部分
-------------------------------- */
.contents .consultation {
	clear: both;
	padding: 3%;
	margin-bottom:6%;
	box-sizing: border-box;
}

.contents .consultation ul.list li {
	width: 30%;
	margin-bottom: 8px;
}

.contents .consultation ul.list li:nth-child(3n){
	margin-right:0;
}

.contents .consultation ul.list li:last-child {
	width:100%;
	display:block;
}

/* --------------------------------
   □ title
-------------------------------- */
.contents h3{
	margin-bottom:2%;
}

.contents h4{
	margin-bottom:2%;
}

.contents h3.normaltitle,
.contents h4.normaltitle,
.contents h5.normaltitle,
.contents h6.normaltitle{
    font-size: 100%;

	padding:5px;
	margin-bottom:2%;
}


.contents h4.texttitle,
.contents h5.texttitle{
    font-size: 100%;
    padding: 0 25px 5px;
    margin-bottom: 5px;
}

/* --------------------------------
   □ commontxt
-------------------------------- */
dl.commontxt{
}

	dl.commontxt dt{
		padding:2%;
	}

/* --------------------------------
   □ contact
-------------------------------- */
dl.contact{
	margin-bottom:3%;
}

/* --------------------------------
   □ areaInformation
-------------------------------- */
.areaInformation{
	margin-bottom:35px;
	padding:2%;
}
.areaInformation:last-child{
	margin-bottom:0;
}

/* --------------------------------
   □ qa
-------------------------------- */

#qa .hQ p.q {
    background: url(../../../images/cleaning/q.png) 0 50% no-repeat;
    padding: 10px 0 10px 37px;
}


#qa #point ul.pointlist li ul.image li {
	margin-right: 2%;
    width: 32%;
}

/* --------------------------------
   □ normalItemStyle
-------------------------------- */
ul.normalItemStyle{
	margin-left:-2%;
}
ul.normalItemStyle li{
	width: 48%;
	margin:0 0 17px 2%;
}
ul.normalItemStyle li img{
	width: 100%;
	height: auto;
}
ul.normalItemStyle li dt{
	line-height:1.2;
}
ul.normalItemStyle li dd{
	margin-top:5%;
}



/* --------------------------------
   □ shoptable
-------------------------------- */
table.shoptable th,
table.shoptable td{
	padding: 10px;
}


table.shoptable th span{
	width:5em;
}

/* --------------------------------
   □ last
-------------------------------- */
#last .lastchild{
    margin-bottom: 0;
}

}