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

 /*	 メンテナンスサービス
----------------------------------------------------------------------------*/
.mainte_940 {
	width:940px;
	margin: 50px  auto;}
	
.mainte_comm_box {
	width:774px;
	text-align:left;
	font-size:16px;
	line-height:28px;
	margin:60px auto;
	}
.mainte_comm_box2 {
	width:590px;
	text-align:left;
	font-size:20px;
	line-height:35px;
	margin:60px auto;
	padding:20px 65px;
	background-image:url(../img/mainte/comm_back.png);
	}
.mainte_text_s {
	width:576px;
	text-align:left;
	font-size:16px;
	line-height:28px;
	margin:60px auto;
	}
.mainte_inqu {
	width:536px;
	text-align:left;
	font-size:16px;
	line-height:20px;
	margin:60px auto;
	padding:20px 35px;
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
	}
.mainte_inqu_bt {
	width:178px;
	float:right;
	margin:20px 0;
	}
.mainte_inqu_tel {
	width:300px;
	margin: 0;
	}
.mainte_sample {
	width:786px;
	margin:20px auto;
	}
.mainte_sample_in {
	width:335px;
	float:left;
	margin: 0 0 30px 0  ;
	font-size:14px;
	line-height:19px;
	color:#fff;
	text-align:left;}
.mainte_sample_in img {
	margin-bottom:10px;
	border:1px solid #fff;
	}
.mainte_sample_arrow {
	background-image:url(../img/mainte/arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:44px;
	height:258px;
	float:left;
	margin:0 6px ;
	}
.clear_mainte{clear: both;  margin-bottom:  50px ;}

    
/* ====================横幅960px以下================================ */
/* ============================================================= */

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

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

 /*	 メンテナンスサービス
----------------------------------------------------------------------------*/
.mainte_940 {
	width: 94%;
	margin:  3%;}
	
.mainte_comm_box {
	width: 94%;
	margin:  3%;
	text-align:left;
	font-size:16px;
	line-height:28px;
	}
.mainte_comm_box2 {
	width: 86%;
	margin:  3% 5%;
	text-align:left;
	font-size:20px;
	line-height:35px;
	padding:5% 2%;
	background-image:url(../img/mainte/comm_back.png);
	}
.mainte_comm_box2 p {
	padding-left:1em;
	text-indent:-1em;
	}
.mainte_text_s {
	width: 80%;
	margin:  3% 10%;
	text-align:left;
	font-size:16px;
	line-height:28px;
	}
.mainte_inqu {
	width: 90%;
	margin:  3%;
	text-align:center;
	font-size:16px;
	line-height:28px;
	padding:2%;
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	}
.mainte_inqu_bt {
	width:60%;
	float:right;
	margin:2% 20% 3% 20%;
	}
.mainte_inqu_tel {
	width:90%;
	margin:0% 5%;
	}
.mainte_sample {
	width:90%;
	margin:4% 5% 20% 5%;
	}
.mainte_sample_in {
	width:100%;
	float:left;
	margin: 0 0 0 0;
	font-size:16px;
	line-height:19px;
	color:#fff;
	text-align:left;}
.mainte_sample_in img {
	margin-bottom:2%;
	border:1px solid #fff;
	}
.mainte_sample_arrow {
	background-image:url(../img/mainte/arrow.png);
	background-position:center center;
	background-repeat:no-repeat;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	width:100%;
	height:60px;
	float:left;
	margin:0  ;
	}

	
}