@charset "utf-8";

body{
	background:none;
	background-color:#16182f;
	}
header{
	position:relative;
	z-index:20;
	}
header div h1 img{
	float:left;
	}
header div h1 a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#slider{
	top:0px;
	z-index:1;
	position:fixed;
	width:100%;
	}  
.slide{
	position:absolute;
	width:100%;
	display:block;
	height:900px;
	z-index:1;
	}
#slide1{
	background:url(../img/home/bgslide1.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#slide2{
	background:url(../img/home/bgslide2.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#slide3{
	background:url(../img/home/bgslide3.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#slide4{
	background:url(../img/home/bgslide4.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#slide5{
	background:url(../img/home/bgslide5.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}
#slide6{
	background:url(../img/home/bgslide6.jpg) no-repeat center bottom;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	zoom:1;
	}

/*#sec1-bg{
	height:610px;
	padding-top:65px;
	z-index:9;
	position:relative;
	}*/
#sec1-bg {
    height: 227px;
    padding-top: 90px;
    z-index: 9;
    position: relative;
}
#sec1-bg #th50box{
	width:960px;
	margin:0 auto;
	height:405px;
	overflow:hidden;
	zoom:1;
	}
#sec1-bg #th50box .th50btm{
	float:right;
	margin-top:100px;
	}
#sec1{
	width:980px;
	overflow:hidden;
	zoom:1;
	margin:0 auto;
	padding:40px 0 0 10px;
	}
#sec1 hgroup{
	overflow:hidden;
	zoom:1;
	float:left;
	width:400px;
	}
#sec1 hgroup h2{
	float:left;
	margin-right:20px;
	font-size:28px;
	color:#FFF;
	text-shadow:1px 1px 3px rgba(45,39,39,0.9);
	}
#sec1 hgroup h3{
	font-size:14px;
	font-weight:100;
	color:#FFF;
	margin-top:6px;
	text-shadow:1px 1px 2px rgba(45,39,39,0.9);
	}
#sec1 .box1{
	overflow:hidden;
	zoom:1;
	float:right;
	width:555px;
	}
#sec1 .box1 h3{
	font-size:18px;
	float:left;
	margin:0px 20px 20px 0;
	}
#sec1 .box1 h3 a{
	width:153px;
	height:35px;
	color:#FFF;
	display:block;
	background-position:left top;
	padding:15px 0 0 12px;
	background-repeat:no-repeat;
	}
#sec1 .box1 h3 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#sec1 #section1{
	background-image:url(../img/home/s1.png);
	}
#sec1 #section2{
	background-image:url(../img/home/s2.png);
	}
#sec1 #section3{
	background-image:url(../img/home/s3.png);
	}
#sec1 #section4{
	background-image:url(../img/home/s4.png);
	}
#sec1 #section5{
	background-image:url(../img/home/s5.png);
	}
#sec1 #section6{
	background-image:url(../img/home/s6.png);
	}


#contents-bg{
	background:url(../img/common/bg1080.gif) repeat-y center top;
	position:relative;
	z-index:9;
	}
#sec2{
	overflow:hidden;
	zoom:1;
	}
#contents-bg{
	padding-top:60px;
	}
#contents hgroup{
	overflow:hidden;
	zoom:1;
	padding-bottom:5px;
	border-bottom:1px solid #C8C8C8;
	}
#contents hgroup h2{
	float:left;
	margin-right:20px;
	font-size:28px;
	}
#contents hgroup h3{
	font-size:14px;
	font-weight:100;
	color:#A0A0A0;
	margin-top:6px;
	float:left;
	}
#contents hgroup h4{
	font-weight:100;
	font-size:14px;
	float:right;
	background:url(../img/common/yaji1.gif) no-repeat left center;
	padding-left:10px;
	margin-top:6px;
	}
#contents hgroup h4 a{
	color:#646464;
	}
#contents hgroup h4 a:hover{
	color:#999999;
	}
#sec2 article{
	width:310px;
	float:left;
	overflow:hidden;
	zoom:1;
	padding:15px 5px 15px 5px;
	border-bottom:1px dotted #C8C8C8;
	}
#sec2 article img{
	float:left;
	margin-right:10px;
	}
#sec2 article a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#sec2 article h6{
	font-weight:100;
	width:205px;
	float:left;
	}
#sec2 article h6 time{
	font-size:14px;
	color:#A0A0A0;
	padding-right:8px;
	}
#sec2 article h6 a{
	color:#FFF;
	font-size:12px;
	padding:1px 5px;
	border-radius:3px;/* CSS3草案 */
	-webkit-border-radius:3px;/* Safari,Google Chrome用 */
	-moz-border-radius:3px;/* Firefox用 */
	-o-border-radius:3px;
	-ms-border-radius:3px;
	}
/* #sec2 article h6.survey a{
	background-color:#3B91BD;
	}
#sec2 article h6.env a{
	background-color:#1C8F2B;
	}
#sec2 article h6.plan a{
	background-color:#DB870F;
	}
#sec2 article h6.ict a{
	background-color:#142945;
	}
#sec2 article h6.ope a{
	background-color:#806B9C;
	}
#sec2 article h6.r_and_d a{
	background-color:#E0450D;
	}
#sec2 article h6.info a,#sec2 article h6.update a,#sec2 article h6.social a{
	background-color:#A67C52;
	} */
#sec2 article h3{
	font-size:14px;
	margin-top:10px;
	font-weight:100;
	width:190px;
	line-height:1.3;
	float:left;
	}

	#sec2 span.survey a{ /* 調査・計測技術 */
	background-color:#3B91BD;
	}
	#sec2 span.env a{ /* 環境 */
	background-color:#1C8F2B;
	}
	#sec2 span.plan a{ /* 計画・設計 */
	background-color:#DB870F;
	}
	#sec2 span.woman a{ /* 女性活躍 */
	background-color:#dd6f94;
	}
	#sec2 span.worker a{ /* 労働者派遣法（第23条第5項） */
	background-color:#9ea1a3;
	}
	#sec2 span.it a{ /* IT技術 */
	background-color:#142945;
	}
	#sec2 span.ope a{ /* 管理 */
	background-color:#806B9C;
	}
	#sec2 span.r_and_d a{ /* 研究開発 */
	background-color:#E0450D;
	}
	#sec2 span.info a,#sec2 span.update a,#sec2 span.social a{ /* お知らせ、更新情報、社会貢献 */
	background-color:#A67C52;
	}
	#sec2 span.publish a{ /* 一般事業主行動計画の策定、社内周知、公表 */
	background-color:#9ea1a3;
	}
	#sec2 span.improvement a{ /* 職場環境改善推進 */
	background-color:#52a6a6;
	}		

/*WBC191121追加*/
/*スマホサイト用css*/
@media only screen and (max-width: 750px){
	#slider{
		z-index: -9999;
	}
	header div h1{
		width: 85%;
	}
	header div h1 img{
		width: 80%;
	}
	#sec1{
		display: none;
	}
	#sec1-bg{
		height: auto;
		margin-top: 0;
		padding-top: 50px;
	}
	#sec1-bg #th50box{
		width: auto;
		height: auto;
		padding: 30px 10px;
		text-align: right;
	}
	#sec1-bg #th50box img{
		width: 30%;
		display: inline-block;
	}
	#slide1{
		/*background-size: 100%;*/
	}
	#contents-bg{
		padding: 0px;
		width: auto;
	}
	#contents hgroup{
		padding-top: 20px;
	}
	#contents hgroup h2{
		font-size: 22px;
		margin-bottom: 0px;
		margin-right: 30px;
	}
	#contents hgroup h3{
		float: left;
		clear: both;
		display: inline-block;
		margin-top: 5px;
		margin-bottom: 10px;
		width: 50%;
	}
	#contents hgroup h4{
		float: right;
		margin-top: -25px;
		padding-left: 0;
		width: 40%;
	}
	#contents hgroup h4 a{
		display: inline-block;
		background: url(../img/common/head-yaji.gif) no-repeat 94% center;
		padding: 8px 18px 8px 15px;
		border: 1px solid #c8c8c8;
		border-radius: 3px;
		font-size: 12px;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
	#sec2 article{
		width: 100%;
		padding: 15px 0;
	}
	#sec2 article h6,
	#sec2 article h3{
		width: 68%;
	}
	#sec2 article img{
		width: 28%;
	}
	#sec2 article h6 a{
		display: inline-block;
		padding: 3px 5px 2px 5px;
	}
	#sec2 article h6 time{
		padding-right: 5px;
	}
	#contents hgroup h4{
		background: none;
	}
	#sec1-bg #th50box .th50btm{
		margin-top: 0px;
	}
}