@charset "utf-8";


.mainVisual{
	background: #18365e url(../img/mainvisual_img.png) no-repeat center top;
}

.top-bnr{
	margin-bottom:30px;
}

/* detail 
============================================= */

.detail {
	overflow: hidden;
	padding-top:10px;
	margin-bottom:20px;
}

.detail.box01 {
	background:#d6e7f2 url(../img/box01_bg.png) no-repeat center bottom;
}

.detail.box02 {
	background:#d3deec url(../img/box02_bg.png) no-repeat center bottom;
}

.detail.box03 {
	background:#d1d7df url(../img/box03_bg.png) no-repeat center bottom;
}

.detail.box04 {
	background:#e1e4e7 url(../img/box04_bg.png) no-repeat center bottom;
}

.detail-title{
	margin:0 10px;
	font-size:128.6%;
	font-weight:bold;
	padding:0 0 10px 60px;
	line-height:2.5;
}

.detail.box01 .detail-title{
	background: url(../img/box01_title.png) no-repeat left center;
}

.detail.box02 .detail-title{
	background: url(../img/box02_title.png) no-repeat left center;
}

.detail.box03 .detail-title{
	background: url(../img/box03_title.png) no-repeat left center;
}

.detail.box04 .detail-title{
	background: url(../img/box04_title.png) no-repeat left center;
}

.detail-inner{
	background: url(../img/detail_line.gif) repeat-x center top;
	overflow:hidden;
	margin:0 10px 55px 10px;
	padding:20px 10px 0;
}

.detail .left {
	float: left;
}

.detail .right {
	float: right;
	width:360px;
	line-height:1.8;
}

.detail .right p{
	margin-bottom:20px;
}

.detail .right p:last-child{
	margin-bottom:0;
}

.service-category{
	padding-left:40px;
}
.service-category span{
	font-size:55%;
	padding-left:10px;
	vertical-align: 20%;
}

.service-category.cleaning{
	background: url(../img/category_icon01.png) no-repeat left center;
}

.service-category.security{
	background: url(../img/category_icon02.png) no-repeat left center;
}

.service-category.other{
	background: url(../img/category_icon03.png) no-repeat left center;
}

.section {
	overflow: hidden;
	margin:0 0 20px 0;
	padding:0 0 40px 40px;
	border-bottom: 1px solid #ccc;
}

.section .left {
	float: left;
	width:405px;
}

.section .right {
	float: right;
}

.category-list{
	margin:15px 0;
}

.category-list li{
	display: list-item;
	list-style: url(../img/list_icon01.gif) outside;
	margin-left:20px;
	line-height:1.8;
}

dl.category-list{
	line-height:1.8;
	overflow:hidden;
}

.category-list dt{
	display: list-item;
	list-style: url(../img/list_icon01.gif) inside;
}

.category-list dd{
	padding-left:1em;
}

.certification-box{
	font-size:114.3%;
	font-weight:bold;
	padding:3px 5px;
	border: 2px solid #235c9f;
	margin-bottom:20px;
}

.mt0{
	margin-top:0;
}

.detail .right p.box4-text {
	margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
		.main-contents{
		max-width:750px;
		width:100%;
		margin:0 auto;
	}

}

@media screen and (max-width: 977px) {
		.footer-wrap .container{
		width:90%;
		margin:0 auto;
	}

}

@media screen and (max-width: 792px) {
		.container{
		width:80%;
		margin:0 auto;
	}
	
	.detail-inner{
		max-width:600px;
		
	}
	
	.detail .left,
	.detail .right,
	.section .left,
	.section .right{
		float:none;
	}
	
		.detail .left{
			text-align:center;
		}
	
		.detail .right{
			margin:10px auto 0;
		width:100%;
		}
		
		.section .left{
			width:100%;
			max-width:405px;
		}
.detail .right p.box4-text {
	margin-bottom: 0px;
}
	
}

@media screen and (max-width: 479px) {
	.detail-title{
		line-height:1.5;
	}
	
	.category-list dt{
		float:none;
	}
	
	
}