@charset "utf-8";
/* CSS Document */

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

   service
 
=================================================================================== */
.service {
	width:100%;
	position: relative;
	background:url(/contract/images/service_bg.jpg) no-repeat center center;
	background-size: cover;
	padding:7% 0;
	}

.service .figure {
	position: relative;
	display:block;
	text-align:center;
	margin:auto;
	}

.service .serviceImg1 {
	width:25%;
	position:absolute;
	top:0;
	left:2%;
	}

.service .serviceImg2 {
	width:17%;
	position:absolute;
	top: 25%;
    left: 0;
	}

.service .serviceImg3 {
	width:17%;
	position:absolute;
	left:2%;
	bottom: 3%;
	}

.service .serviceImg4 {
	width:17%;
	position:absolute;
	top:0;
	right:0;
	}

.service .serviceImg5 {
	width:29%;
	position:absolute;
	right:-2%;
	bottom:0;
	}

/* 全国展開マップ */
.areaMap h3 {
	font-size:1.250em;
	text-align: center;
	}

.areaMap .areaMapInner {
	display:block;
	text-align:center;
	margin:auto;
    max-width: 840px;
	}

.areaMap .areaMapInner .caption{
	text-align:right;
	}



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

.service .figure, .areaMap .areaMapInner {
	width:70%;
	}

.service .serviceImg2 {
	top: 20%;
	}
}


@media only screen and (max-width: 480px) {
.service {
	background:url( none);
	padding:0 0 7%;
	}
	
.service .figure {
	width:90%;
	margin:auto;
	}

.areaMap .areaMapInner {
	width:100%;
	}

.service .serviceImg1, .service .serviceImg2, .service .serviceImg3, .service .serviceImg4, .service .serviceImg5 {
	display:none;
	}
}