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

h1{
 width: 710px;
	height: 58px;
	text-indent:-9999px;
	outline: 0;
 margin-bottom:40px;}
.tit-technology{
	background: url(../images/tit-tec-technology.gif) no-repeat;}
.tit-3D{
  background: url(../images/tit-tec-3D.gif) no-repeat;}
.tit-saving{
 background: url(../images/tit-tec-energy_saving.gif) no-repeat;}
.tit-reliability{
 background: url(../images/tit-tec-reliability.gif) no-repeat;}
.tit-producing{
 background: url(../images/tit-tec-producing_technology.gif) no-repeat;}
.tit-product{
 background: url(../images/tit-tec-product_technology.gif) no-repeat;}

section h2{
 margin-bottom:30px;
 height:39px;
 text-indent:-9999px;}
h2#tec3D01{
 background:url(../images/3D/technology-3D-tit01.gif) no-repeat;}
h2#tec3D02{
 background:url(../images/3D/technology-3D-tit02.gif) no-repeat;}
h2#tec3D03{
 background:url(../images/3D/technology-3D-tit03.gif) no-repeat;}
h2#Saving01{
 background:url(../images/saveing/technology-energy_saving-tit01-01.gif) no-repeat;}
h2#Saving02{
 background:url(../images/saveing/technology-energy_saving-tit02-01.gif) no-repeat;}
h2#Saving03{
 background:url(../images/saveing/technology-energy_saving-tit03-01.gif) no-repeat;}
h2#Saving04{
 background:url(../images/saveing/technology-energy_saving-tit04-01.gif) no-repeat;}
 
h2#Relia01{
 background:url(../images/reliability/technology-reliability-tit01-01.gif) no-repeat;}
h2#Relia02{
 background:url(../images/reliability/technology-reliability-tit02-01.gif) no-repeat;}
h2#Relia03{
 background:url(../images/reliability/technology-reliability-tit03-01.gif) no-repeat;}
h2#Relia04{
 background:url(../images/reliability/technology-reliability-tit04-01.gif) no-repeat;}
h2#Relia05{
 background:url(../images/reliability/technology-reliability-tit05-01.gif) no-repeat;}

h2#Producing01{
 background:url(../images/producing/technology-producing-technology-tit01-01.gif) no-repeat;}
h2#Producing02{
 background:url(../images/producing/technology-producing-technology-tit02-01.gif) no-repeat;}
h2#Producing03{
 background:url(../images/producing/technology-producing-technology-tit03-01.gif) no-repeat;}
h2#Producing04{
 background:url(../images/producing/technology-producing-technology-tit04-01.gif) no-repeat;}
 
h2#Product01{
 background:url(../images/product/technology-product-technology-tit01-01.gif) no-repeat;}
h2#Product02{
 background:url(../images/product/technology-product-technology-tit02-01.gif) no-repeat;}

.title-height {
 margin-bottom:18px;
}
.title-height2 {
 margin-bottom:16px;
}
article h3{
 clear:both;
 float:none;}
article p{
  font-size:1.2em;
  line-height:180%;
 }
 
article section{
 margin-bottom:50px;
 clear:both;
 float:none;}

.txtarea {
}
		.txtarea h3 {
   padding-bottom:20px;
  }

.detailTxt{
  width:380px;
  float:left;}
  .detailTxt h3{
   padding-bottom:20px;}
  .detailTxt p{
   font-size:1.2em;
   line-height:180%;
}
   
.img2Float{
  padding:30px 0 0 0;
  float:none;
  clear:both;}
 .img2Float li{
  width:345px;}
 .img2Float h3{
  margin-bottom:12px;}
  .img2Float .noli{
   margin-bottom:20px;}
 .img2Float .noli.left{
  margin-right:17px;}
 .img2Float a.txtLink{
  background: url(../../../images/common/icon-arrow3.gif) no-repeat;
  padding-left:20px;
  font-size: 1.2em;
  margin-top: 12px;
  display: inline-block;}

.noticeArea{
  background-color:#F9F9f9;
  padding: 30px 10px 10px 10px;
  float:none;
  clear:both;
  margin-top:30px;
 }
 .noticeArea h3{
  margin-left:10px;}
 .noticeArea ul{
   margin-top:5px;
  }
 .noticeArea li{
   text-align:center;
   width:210px;
   float:left;
   margin:10px;
   _margin:10px 10px 10px 5px;
   font-size:1.2em;
   line-height:160%;}
 .noticeArea li img{
  margin-bottom:10px;}

.fR{
 float: right;}
.fL{
 float:left;}
.marginB30{
 margin-bottom:30px;}
.marginB10{
 margin-bottom:10px;}
.img-txt{
 margin-top: 10px;
}

ul.oilList {
 margin-top:20px;
 font-size: 1.2em;
 line-height: 180%;
}
ul.oilList li {
 background: url(../../../images/common/icon-list.gif) no-repeat left 0.5em;
 padding-left: 15px;
 margin-bottom:5px;
}

.detailTable {
 margin-top:	50px;}
 .detailTable h3 {
  margin-bottom:	20px;}
 .detailTable table {
  width: 710px;
  border: 1px solid #EEE;
  border-right:none;
  border-bottom:none;}
  .detailTable table th,
  .detailTable table td {
   padding: 5px;
   font-size: 1.2em;
   line-height: 150%;
   text-align: center;
   border-right: 1px solid #EEE;
   border-bottom: 1px solid #EEE;}
  .detailTable table th {
   background-color:#F9F9F9;
   font-weight: bold;}
   .detailTable table td.point {
    background-color: #D4E6F6;
   }
 .detailTable p {
  font-size: 1.0em;
  margin-top: 15px;
 }
 /*--------------------------------------------------------------
3D
--------------------------------------------------------------*/
.tec3D h1 + div{
	margin: 0 0 40px 0;
}

.ani-Wrap h3 + img{
	width: 710px;
	height: auto;
}

.Complete-Wrap li img{
	margin: 0 0 10px 0;
}

.Complete-Wrap li p{
	color: #555;
}

.Txt-Wrap p{
	background-color: #f9f9f9;
	padding: 20px;
}

/*--------------------------------------------------------------
energy-saving
--------------------------------------------------------------*/
.Saving04-wrap{
  margin: 0;
}

.Saving04-item{
  display: flex;
  column-gap: 10px;
  padding: 30px 0 0 0;
}
.Saving04-item li{
  width: calc((100% - 30px)/4);
}
.Saving04-item li figure{
  position: relative;
  overflow: hidden;
  height: 150px;
  margin: 0 0 10px 0;
}
.Saving04-item li figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 200px;
  margin-top: -100px;
  margin-left: -133px;
   
}
.Saving04-item li h3{
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px 0;
}
.Saving04-item li p{
  font-size: 1.2rem;
  line-height: 2.1rem;
  text-align: center;
  padding: 0 10px;
}