@charset "utf-8";
/* CSS Document */
div#tomimebox {
	width:100%;
	background: url(../images/topimg.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}
/* 処分種類（水色) */
div.box01 {
	width:100%;
	background: #A6DBF6;
}
	div.box01 div.center {
		width:90%;
		margin: 0 auto;
		padding: 20px 0;
	}
		div.box01 div.center img.box01img {
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
/* 見積り */
div.mitsumoribox {
	width:100%;
	background: #1A4A9E;
}
	div.mitsumoribox div.center {
		width:90%;
		margin: 0 auto;
		padding: 20px 0;
	}
		div.mitsumoribox div.center img.message {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		div.mitsumoribox div.center a {
			display: block;
			width:28.89vw;
			max-width: 320px;
			min-width: 160px;
			margin: 0px auto 0 auto;
		}
			div.mitsumoribox div.center a img { width:100%;}
/* 熊本エリアの強み */
div.tsuyomibox {
	width:100%;
	background: url(../images/tsuyomibgsp.png);
}
	div.tsuyomibox div.center {
		width:90%;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
	}
		div.tsuyomibox div.center img.tsuyomititle {
			display: block;
			margin: 0 auto 10px auto;
			max-width: 100%;
		}
		div.tsuyomibox div.center img.tsuyomi01 {
			display: inline-block;
			max-width:31%;
			margin-left: 1%;
		}
		div.tsuyomibox div.center img.tsuyomi02 {
			display: inline-block;
			max-width:31%;
			margin-left: 1%;
		}
		div.tsuyomibox div.center img.tsuyomi03 {
			display: inline-block;
			max-width:31%;
			margin-left: 1%;
		}
/* 気になる回収料金の目安 */
div.pricebox {
	width:100%;
}
	div.pricebox div.center {
		width:100%;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
	}
		div.pricebox div.center img.pricetitle {
			display: block;
			margin: 0 auto 10px auto;
			max-width: 90%;
		}
		div.pricebox div.center div.pricebox02 {
			margin: 30px auto;
		}
			div.pricebox div.center div.pricebox02 img {
				display: inline-block;
				max-width:44%;
				margin-left: 1%;
			}
/* 遺品整理 */
div.ihinbox {
	width:100%;
	background: url(../images/ihinbg01.png) repeat-x;
	background-size: cover;
	background-position: center center;
	box-sizing: border-box;
	padding: 20px 0;
}
	div.ihinbox div.center {
		width:100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 20px 20px 20px 90px;
		position: relative;
		background: url(../images/ihintitle.png) no-repeat, url(../images/ihinbg02.png);
		background-size: 60px 60px;
		background-position: left 10px top 20px;
	}
		div.ihinbox div.center h3 {
			line-height: 25px;
			letter-spacing: 2px;
			font-size: 14px;
			font-weight: normal;
		}
		div.ihinbox div.center p {
			line-height: 20px;
			letter-spacing: 1px;
			font-size: 12px;
		}
/* よくある質問 */
div.faqbox {
	width:100%;
	padding-bottom: 20px;
}
	div.faqbox h2 {
		width:100%;
		background: #BCE1E9;
		box-sizing: border-box;
		padding: 20px 0;
		text-align: center;
	}
		div.faqbox h2 img {
			height:15px;
		}
	div.faqbox div.center {
		width:96%;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
		div.faqbox div.center p {
			width:100%;
			line-height: 20px;
			box-sizing: border-box;
			padding-left: 90px;
			padding: 20px 20px 20px 60px;
		}
		div.faqbox div.center p.quest {
			font-size: 14px;
			font-weight: bold;
			color: #55B0DE;
			background: url(../images/faq_q.png) no-repeat, #fff;
			background-position: left 20px top 20px;
		}
		div.faqbox div.center p.answer {
			font-size: 12px;
			background: url(../images/faq_a.png) no-repeat, url(../images/answerbg.png);
			background-position: left 20px top 21px;
		}
	div.faqbox a.contactbtn {
		display: block;
		width:96%;
		max-width: 741px;
		margin: 30px auto 0 auto;
	}
		div.faqbox a.contactbtn img { width:100%;}
/* 対象エリア */
div.areabox {
	width:100%;
	background: #55B0DE;
}
	div.areabox div.center {
		width:90%;
		margin: 0 auto;
		/*background: url(../images/kumamoto.png) no-repeat;
		background-size: contain;
		background-position: top 30px right;*/
		box-sizing: border-box;
		padding: 40px 0;
	}
		div.areabox div.center h2 {
			display: block;
			width:196px;
			height:27px;
		}
			div.areabox div.center h2 img { width:100%;}
		div.areabox div.center img.areamessage {
			display: block;
			max-width: 100%;
			margin-top: 20px;			
		}
		div.areabox div.center ul {
			list-style: none;
			margin-top: 20px;
			margin-left: 20px;
		}
			div.areabox div.center ul li {
				display: block;
				width:130px;
				line-height: 25px;
				float: left;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
			}