@charset "utf-8";


/* all
-------------------------------------------------------------------*/
body {
	width: 100%;
	font-size: 100%;
	text-align: center;
}
.sitewrap {
	width: 1200px;
	min-width:1200px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width:760px) {
.sitewrap {
	width: 100%;
	min-width:0;
}

}


/* header
-------------------------------------------------------------------*/
header { 
	background:#fff;
}
header h1,
header .h1{
	float:left;
	width: 256px;
	padding: 10px 0;
}
header nav{
	float:right;
	width: 888px;
}
header nav ul {
}
header nav ul li{ 
	float:left;
	width:148px;
	line-height:1;
	padding:20px 5px;
	box-sizing:border-box;
}
header nav ul li a{ 
	display:block;
	padding:10px 5px;
	text-align:center;
	font-size:14px;
	transition: background-color 1s, color 1s;
}
header nav ul li a:hover,
header nav ul li a.current{
	background:#FFF100;
	text-decoration:none;
}
header{
	position:fixed;
	width:100%;
	top:0;
	left:0; right:0;
	z-index:9999;
	background:#fff;	
}
#SpMenu{  display:none;}
@media screen and (max-width:760px) {
header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 500;
	/* border-bottom: solid 1px #ccc; */
}
header .sitewrap{
	padding: 6px 6px 6px;
	position:relative;
}
#SpMenu{
	display:block;
	position: absolute;
	top: 0;
	right:0;
	z-index: 550;
}
#SpMenu .close,
#SpMenu.active .open{ 
	display:none;
}
#SpMenu.active .close{ 
	display: block;
}
header h1,
header .h1{
	width: 128px;
	padding:0;
}
header nav{
	float:none;
	width:220px;
	display:none;
	position:fixed;
	top: 40px;
	right:0;
	background:#fff;
	border: solid 8px #FFF100;
	z-index:600;
	padding: 10px;
	box-shadow: -1px 2px 3px rgba(0,0,0,0.3);
}
header nav ul li{
	float:none;
	width:auto;
	padding: 0;
}
header nav ul li+li{
	border-top: solid 4px #FFF100;

}
header nav ul li a{
	display:block;
	line-height: 1.6;
	padding: 10px 10px;
	text-align:left;
	font-size:13px;
	position:relative;
	transition: none;
}
header nav ul li a:hover{ 
	transition: none;
}

header nav ul li:nth-child(3) a{ line-height:1.6;}

}

/* contents
-------------------------------------------------------------------*/

main{
	display: block;
	padding-top: 76px;
}

#commons .visula{
	background:url(../img/common/bg_common.jpg) no-repeat top center;
	background-size:100%;
	min-width:1100px;
}
#commons .visula .sitewrap{ padding-bottom:21.5%;}
#commons .visula h1,
#commons .visula .h1{
	position: absolute;
	top:50%;
	left:50%;
	z-index:200;
	font-size:40px;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	font-weight:bold;
    margin-left: -2em;
	margin-top:-0.5em;
	line-height:1em;
	color:#fff;
	
}
#commons .visula h1 br{ display:none;}
.common_nav{ 
	background:#F4F4F4;
	margin-bottom:70px;
}
.common_nav ul{
	text-align:center;
	margin:0 auto;
	display: table;
}
.common_nav ul li{display: table-cell;vertical-align: middle;text-align: center;}
.common_nav ul li a{
	display: block;
	font-size:16px;
	font-weight:bold;
	color:#777777;
	padding:20px 30px;
}
.common_nav ul li a br{ display:none;}
.common_nav ul li a:hover,
.common_nav ul li a.active{
	background:#1F1F1F;
	color:#fff;
	text-decoration:none;
}


@media screen and (max-width:760px) {
	main{
		padding-top: 40px;
	}
	#commons .visula{ 	background-size:cover; min-width:inherit;}
	#commons .visula .sitewrap{ padding-bottom:40%;}
	#commons .visula h1{ font-size:32px;}
	.common_nav { margin-bottom:10px;}
	.common_nav ul { 
		display:table;
		width: 100%;
		padding:0
	}
	.common_nav ul li{ width:50%; }
	.env_csr .common_nav ul li,
	.service .common_nav ul li,
	.used .common_nav ul li,
	.rental .common_nav ul li{width:33.3%;}
	.about .common_nav ul li{ width:25%;}
	.common_nav ul li a{
		font-size:14px;
		padding: 18px 0;
		text-align:center;
		width:100%;
	}
	.common_nav ul li a.long{
		line-height: 18px;
		padding: 10px 0;
	}
	.common_nav ul li a br{ display:inline;}
	.common_nav ul li a:hover,


	.common_nav ul li a.active{
		background:#1F1F1F;
		color:#fff;
		text-decoration:none;
	}
	.common_nav ul li a span {
		text-align: center;
		display: block;
		width: 6em;
		margin: 0 auto;
	}
	.common_nav ul:after{ content:none;}
}
@media screen and (max-width:360px) {
	.common_nav ul li a{
		font-size:12px;
	}
}

/* footer
-------------------------------------------------------------------*/
#pageTop {
    position: fixed;
    bottom: 15px;
    right: 5%;
    width: 102px;
    z-index: 999;
}
footer{
	background:#000;
	color:#fff;
	font-size:12px;
	padding:15px 0 20px;
}
footer p.text{
	font-size:12px;
	margin-bottom:15px;
}
.page_link {
	margin-top: -76px;
	padding-top: 76px!important;
	display: block;
}
@media screen and (max-width:760px) {
	#pageTop {
		width: 51px;
		right: 5px;
		bottom: 5px;
	}
	footer{
		font-size:11px;
		padding:15px 10px 20px;
	}
	footer p.text{
		font-size:11px;
		margin-bottom:15px;
	}

	.page_link {
		margin-top: -40px;
		padding-top: 40px!important;
		display: block;
	}
}