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

/* heading reset */
h2{
	font-size: 1.3rem;
	margin-bottom: 0;
	padding: 0;
	min-height: inherit;
	background: none;
}

h3{
	border-left: none;
	padding: 0;
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: normal;
}

h3{
	border-left: none;
	padding: 0;
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: normal;
}

h2.indexTitle{
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0;
	min-height: inherit;
	background: none;
	text-align: center;
}
h2.indexTitle_e{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0;
	min-height: inherit;
	background: none;
	text-align: center;
}

/* index-tile */
.index-tile{
	position: relative;
	overflow: hidden;
}

/*.tile01 { 
	float: left;
	margin-right: 10px;
	position: relative; 
	height: 210px; 
	width: 210px;
}
.tile02 { 
	float: left;
	position: relative;
	height: 215px;
	width: 330px;
}
.tile03 { position:relative; height:210px; width:210px; margin-bottom: 10px;}
.tile04 { position:relative; height:267px; width:369px; margin-bottom: 10px;}
.tile05 { position:relative; height:180px; width:369px; }*/

#tile01 img, #tile02 img, #tile03 img, #tile04 img, #tile05 img, #tile06 img, #tile07 img, #tile08 img { position:absolute; left:0; top: 0; }


/* index-tile提案------------------------------------------------ */
.targetArea{ position: relative; height: 460px;}
.index-tile p.copy2{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 3.6rem;
	background: rgba(50,50,50,1);
	padding: 8px 0;
	z-index: 999;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.7);
	margin-top: 20px;
}
.target{
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
}

.targetvideo{
	text-align: center;
	margin-bottom: 0;
}
.targetvideo video{
	margin: 0;
	padding: 0;
}
.targetvideo p{
	font-size: 1.2rem;
	margin: 0 0 0 565px;
}

#tile01{ margin-left: -602px; height:210px; width:210px;}
#tile02{ margin-left: -737px; top: 220px; height:210px; width:345px;}
#tile03{ margin-left: 392px; height:210px; width:210px;}
#tile04{ margin-left: 392px; top: 220px; height:210px; width:345px;}

#tile05{ margin-left: -957px; height:210px; width:345px;}
#tile06{ margin-left: -957px; top: 220px; height:210px; width:210px;}
#tile07{ margin-left: 747px; height:210px; width:345px;}
#tile08{ margin-left: 612px; top: 220px; height:210px; width:210px;}

/* index-tile提案ここまで------------------------------------------------ */

/* index-movie */
.index-movie{
	padding-top: 40px;
}
.index-movie .movie{ }

/* index-field */
.index-field{
	position: relative;
}
.index-field h2.indexTitle{
	width: 200px;
	height: 200px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 139px;
	right: 50%;
	left: 50%;
	margin-left: -100px;
}
.index-field h2.indexTitle span{
	margin-top: 80px;
	display: inline-block;
}

.index-field .field > li{
	width: 480px;
	float: left;
	padding: 30px 0;
	min-height: 179px;
}
.bt01{
	background-color: transparent;
	color: #333;
	text-align: left;
	display: inline-block;
	width: 100%;
	padding: 0;
	text-decoration: none;
	margin-top: 10px;
	transition: background 0.15s ease 0s;
}
.index-field .field > li:nth-child(2n-1){
	margin-right: 120px;
}
.index-field .field > li h3{
	margin-bottom: 10px;
	font-size: 3.2rem;
	text-align: center;
	border-left: none;
	padding: 0;
	font-weight: normal;
	text-shadow: 2px 1px 1px rgba(255, 255, 255, 0.9);
}
.index-field .field > li h3_e{
	margin-bottom: 10px;
	font-size: 2rem;
	text-align: center;
	border-left: none;
	padding: 0;
	font-weight: normal;
	text-shadow: 2px 1px 1px rgba(255, 255, 255, 0.9);
}
.index-field .field > li ul{
	background-color: rgba(255,255,255,0.7);
	padding: 15px;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;*/
	
}
.index-field .field > li ul li:nth-child(2n-1){
	margin-right: 10px;
}
.index-field .field > li ul li{
	margin-bottom: 2px;
	display: list-item;
	list-style: disc inside;
	float: left;
	width: 210px;
	font-size: 1.4rem;
}

/*.index-field .field > li.energy{  background: url(/engineering/images/indexfield_img001b.gif) left top no-repeat;}
.index-field .field > li.plant{ background: url(/engineering/images/indexfield_img002b.gif) right top no-repeat;}
.index-field .field > li.soil{ background: url(/engineering/images/indexfield_img003b.gif) left top no-repeat;}
.index-field .field > li.solution{ background: url(/engineering/images/indexfield_img004b.gif) right top no-repeat;}*/

.index-field .field > li.energy h3{ color: #1a7acc;}
.index-field .field > li.plant h3{ color: #333;}
.index-field .field > li.soil h3{ color: #038b5c;}
.index-field .field > li.solution h3{ color: #8570b7;}



.field1{
	background: url(/engineering/images/field_bg001.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg002.png) calc(50% + 600px) bottom no-repeat,
	url(/engineering/images/field1_bg001.gif) center top repeat-y; /* Old browsers */
	background: url(/engineering/images/field_bg001.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg002.png) calc(50% + 600px) bottom no-repeat,
	-moz-linear-gradient(left, #cde2f3 0%, #cde2f3 50%, #e3e3e3 50%, #e3e3e3 100%); /* FF3.6-15 */
	background: url(/engineering/images/field_bg001.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg002.png) calc(50% + 600px) bottom no-repeat,
	-webkit-linear-gradient(left, #cde2f3 0%,#cde2f3 50%,#e3e3e3 50%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/engineering/images/field_bg001.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg002.png) calc(50% + 600px) bottom no-repeat,
	linear-gradient(to right, #cde2f3 0%,#cde2f3 50%,#e3e3e3 50%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.field2{
	background: url(/engineering/images/field_bg003.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg004.png) calc(50% + 600px) bottom no-repeat,
	url(/engineering/images/field2_bg001.gif) center top repeat-y; /* Old browsers */
	background: url(/engineering/images/field_bg003.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg004.png) calc(50% + 600px) bottom no-repeat,
	-moz-linear-gradient(left, #bfe9da 0%, #bfe9da 50%, #e6e0f3 50%, #e6e0f3 100%); /* FF3.6-15 */
	background: url(/engineering/images/field_bg003.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg004.png) calc(50% + 600px) bottom no-repeat,
	-webkit-linear-gradient(left, #bfe9da 0%,#bfe9da 50%,#e6e0f3 50%,#e6e0f3 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(/engineering/images/field_bg003.png) calc(50% - 600px) bottom no-repeat,
	url(/engineering/images/field_bg004.png) calc(50% + 600px) bottom no-repeat,
	linear-gradient(to right, #bfe9da 0%,#bfe9da 50%,#e6e0f3 50%,#e6e0f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nowrap{
	white-space:nowrap;
}
	
/* index-solution */
.index-solution{
	padding: 40px 0;
	background: url(/engineering/images/solution_bg002.png) 50% 10% repeat, url(/engineering/images/solution_bg003.png) 50% 10% repeat, url(/engineering/images/solution_bg001.jpg) 50% 10% / cover no-repeat;
	background-attachment: fixed;
	box-shadow: 0 0 6px rgba(0,0,0,0.5) inset;
}
.index-solution h2.indexTitle{
	color: #fff;
	font-size: 3.4rem;
	line-height: 1.1;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.6)
}
.index-solution h2.indexTitle span{
	font-size: 1.5rem;
}

/* index-over */
.index-over{
	background: url(/engineering/images/inner_bg002.gif) no-repeat,  url(/engineering/images/inner_bg001.gif) repeat;
}
.index-over .inner{
	padding: 40px 0 100px 0;
	position: relative;
	height: 680px;
}
.over01, .over02{
	position: absolute;
}
.over01{
	left: 0;
	width: 480px;
	height: 400px;
	padding: 0 20px 20px;
	background-color: rgba(147,205,221,0.9);
	z-index: 1;
}

.over02{
	left: 480px;
	top: 220px;
	width: 565px;
	height: 400px;
	padding: 15px 30px 30px 20px;
	background-color: rgba(219,238,244,0.9);
	z-index: 2;
}

.over01 li{
	margin: 0 0 15px 15px;
}
.over01 li a{
	padding: 10px;
	display: inline-block;
	width: 400px;
	border: 1px solid #001e5f;
	text-align: center;
	color: #001e5f;
	text-decoration: none;
	transition: background 0.15s ease 0s, color 0.15s ease 0s;
}
.over01 li a:hover{
	background: #001e5f;
	color: #fff;
}
.over02 li{
	width: 260px;
	height: 150px;
	border: 1px solid #064454;
	text-align: center;
	float: left;
	position: relative;
	margin: 0 0 15px 15px;
}
.over02 li span{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}
.over02 li a{
	display: block;
	padding: 5%;
	width: 90%;
	height: 83%;
	color: #064454;
	text-decoration: none;
	transition: background 0.15s ease 0s, color 0.15s ease 0s;
}
.over02 li a:hover{
	background: #064454;
	color: #fff;
}

.index-over .over01 h2{
	height: 50px;
	text-align: left;
	color: #001e5f;
	font-size: 3.5rem;
	margin-right: 0;
	margin-left: 15px;
	padding-top: 30px;
}
.index-over .over02 h2{
	height: 50px;
	text-align: right;
	color: #064454;
	font-size: 3.5rem;
	margin-right: 15px;
}

#footer {
	margin-top: 0;
}

/* .over-innerContent */
.over-innerContent{
	padding: 20px 10px;
}
.over-innerContent h3{
	color: #1a7acc;
	text-align: center;
	font-size: 2.3rem;
	margin-bottom: 20px;
	border-bottom: 1px solid #1a7acc;
	padding-bottom: 4px;
}


/* 181005追加 */
.index-field .content_Box {
	width: 100%;
	height: 315px;
}
.index-field .content_Box a li {
	text-decoration: none;
	width: 50%;
}
.index-field .content_Box a li.energy,
.index-field .content_Box a li.plant{
	height: 255px;
}
.index-field .content_Box a li.soil,
.index-field .content_Box a li.solution{
	height: 255px;
}

.index-field .content_Box a li.energy,
.index-field .content_Box a li.plant,
.index-field .content_Box a li.soil,
.index-field .content_Box a li.solution {
	padding: 30px 0;
}
.index-field .content_Box a li.plant,
.index-field .content_Box a li.solution {
	vertical-align: top;
}
.imgOvr{
	position: relative;
	float: left;
}
.index-field .content_Box a li div.list_Box {
	position: absolute;
	width: 480px;
}

.index-field .content_Box a li div.list_Boxe {
	position: absolute;
	width: 550px;
}
.index-field .content_Box a li.energy div.list_Box,
.index-field .content_Box a li.soil div.list_Box  {
	top: 30px;
	right: 6%;
}

.index-field .content_Box a li.plant div.list_Box,
.index-field .content_Box a li.solution div.list_Box  {
	top:30px;
	left: 6%;
}

.index-field .content_Box > a li.energy h3{ color: #1a7acc !important;}
.index-field .content_Box > a li.plant h3{ color: #333 !important;}
.index-field .content_Box > a li.soil h3{ color: #038b5c !important;}
.index-field .content_Box > a li.solution h3{ color: #8570b7 !important;}

/*
.index-field .content_Box a li:hover {
	-webkit-filter: brightness(0.7);
     -moz-filter: brightness(0.7);
     -o-filter: brightness(0.7);
     -ms-filter: brightness(0.7);
     filter: brightness(0.7);
} 
*/

.index-field .content_Box a li.energy:hover {
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity:0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity:0.7;
	zoom:1; /*IE*/
	background: #3a6f9a;
}
.index-field .content_Box a li.plant:hover {
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity:0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity:0.7;
	zoom:1; /*IE*/
	background: #555;
}
.index-field .content_Box a li.soil:hover {
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity:0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity:0.7;
	zoom:1; /*IE*/
	background: #7bbfa6;
}
.index-field .content_Box a li.solution:hover {
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity:0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity:0.7;
	zoom:1; /*IE*/
	background: #9889b7;
}


.index-field .content_Box a > li h3{
	margin-bottom: 10px;
	font-size: 3.2rem;
	text-align: center;
	border-left: none;
	padding: 0;
	font-weight: normal;
	text-shadow: 2px 1px 1px rgba(255, 255, 255, 0.9);
}
.index-field .content_Box a > li ul{
background-color: rgba(255,255,255,0.7);
	padding: 15px;
	color: #333;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;*/	
}

.index-field .content_Box a > li ul li:nth-child(2n-1){
	margin-right: 10px;
}
.index-field .content_Box a > li ul li{
	margin-bottom: 2px;
	display: list-item;
	list-style: disc inside;
	float: left;
	width: 210px;
	font-size: 1.4rem;
}
.energy.imgOvr .list_Box .gyo1 {
	width: 120%;
	transform: scale(0.90, 1);
	margin-left: -10%;
	line-height: 100%;
	margin-bottom: 30px;
	margin-top: 20px;
	text-align: center;
}
.cfix.gyo2   {
	line-height: 130%;
}
.list_Box .cfix.gyo2 .eigo {
	width: 500px;
	margin-left: 20px;
	list-style-position: outside;
}
.targetArea .targetvideo .eigo2 {
	margin-left: 485px;
}
.eigo3 {
	padding-top: 30px;
}