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

common

----------------------------------------------------------------------------*/


section,dl,dt,dd,ul,li{
	box-sizing: border-box;
}
section,
footer{
	clear: both;
	position: relative;
	top: 0;
	left: 0;
}
.bubble{
	position: absolute;
}
.container{
	width: 960px;
	margin: 0 auto 0 11%;
	position: relative;
	top: 0;
	left: 0;
}
.container:after{
	content: "";
	clear: both;
	display: block;
}
.fl-item{
	float: left;
}
p,dt,dd{
	font-size: 16px;
}
.sp-only{
	display: none;
}
.pc-only{
	display: block;
}

/*----------------------------------------------------------------------------

nav

----------------------------------------------------------------------------*/
.openbt{
	width: 30px;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 4;
	display:none;
	cursor:pointer;
}


nav{
	width: 235px;
	background-color: rgba(255,255,255,0.6);
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	padding-top: 130px;
	z-index: 5;
	font-size: 16px;
	box-shadow: 31px 9px 90px rgba(47,189,223,1);


}
.page-cnt_ch{
	position: absolute;
	top: 53px;
	right: 181px;
}
.page-cnt_noch{
	position: absolute;
	top: 23px;
	right: 113px;
}

.closebt{
	position:absolute;
	width:30px;
	top:30px;
	right:30px;
	cursor:pointer;

}

nav ul{
	width: 163px;
	text-align: center;
	margin: 0 auto;
}
nav ul li{
	margin-bottom: 27px;
}
nav ul li a{
	color: #333333;
}
nav ul li:hover a{
	color: #2fbddf;
}
.underbar{
	width: 100px;
	border-bottom: 1px solid #999999;
	margin: 0 auto 20px;
}
#logo{
	margin: 0 auto;
	width: 110px;
	margin-top: 110px;
}
/*----------------------------------------------------------------------------

first-view

----------------------------------------------------------------------------*/
#first-view{
	background: url('../images/first-view_bg.png') no-repeat;
	background-size: cover;
	width: 100%;
	height: 800px;
	background-origin:border-box;
	min-width:1400px;
}
#first-view img{
	width: 100%;
}
.first-view-content{
	width: 574px;
	margin: 0 auto 0 29%;
}
.first-view-content h1{
	padding-top: 303px;
}

.first-view_scr{
	width: 70px;
	margin: 85px auto 0;
}
.bubble.bbb1{
	top: -90px;
	left: 40px;
}


/*----------------------------------------------------------------------------

made

----------------------------------------------------------------------------*/
#made .container{
	background: url('../images/made_bg.png') no-repeat;
	background-size: 44%;
	background-position: 0;
	padding: 152px 0;
	margin-top: 150px;
	margin-bottom: 150px;
}
.made-content{
	width: 485px;
	float: right;
}
.made-content p{
	line-height: 2em;
}
.bbb2{
	top: -244px;
	left: -227px;
}
.bbb3{
	bottom: -200px;
	right: -138px;
	z-index: 3;
}

/*----------------------------------------------------------------------------

life

----------------------------------------------------------------------------*/
#life{
	background-color: #EAF8FC;
	padding: 100px 0;
	min-width:1400px;
}
#life .container{
	background: url('../images/life_bg.png') no-repeat;
	background-size: 49%;
	background-position: 100% 90px;

}
.life-content{
	width: 450px;
}
.life-content p{
	margin-top: 16px;
	line-height: 1.7emem;
}
.life-content_box{
	margin-top: 40px;
}
.life-content_box-img img{
	width: 100%;
}
.life-content_box-img{
	width: 100%;
	margin-bottom: 18px;
}
.life-content_box-title{
	font-weight: bold;
}

.bbb4{
	bottom: -75px;
	left: -256px;
}

.minh_clock{
	min-height:600px;
}


/*----------------------------------------------------------------------------

energy

----------------------------------------------------------------------------*/
#energy{
	padding: 130px 0;
}
#energy .container h2,
#energy .container p{
	text-align: center;
}
#energy .container p{
	line-height: 2em;
	margin-top: 20px;
}
.energy-graph{
	margin-top: 30px;
}
.energy-graph img{
	width: 100%;
}

.bbb6{
	top: -100px;
	left: -319px;
}
.bbb7{
	top: 234px;
	right: -108px;
}
/*----------------------------------------------------------------------------

noise

----------------------------------------------------------------------------*/
#noise{
	background: url('../images/noise_bg.jpg') no-repeat;
	background-size: cover;
	padding: 134px 0;
	min-width:1400px;
}
.noise-bg{
	width: 400px;
	position: absolute;
	top: -40px;

	right: -98px;


}
.noise-content{
	width: 640px;
}
.noise-content p{
	margin-top: 30px;
	line-height: 2em;
}
.noise-box_img img{
	width: 100%;
}
.noise-box{
	margin-top: 50px;
}
.noise-box_txt-box{
	width: 390px;
	margin-top: 23px;
	margin-left: 23px;
}
.noise-box_title{
	font-weight: bold;
	color: #2FBDDF;
}
.noise-box_txt{
	font-weight: bold;
	color: #2FBDDF;
}
.bbb15{
	top: -138px;
	left: -211px;
}
.bbb13{
	 left: -270px;
	top: -202px;
}

.mtop20px{
	margin-top:15px;
}

/*----------------------------------------------------------------------------

structure

----------------------------------------------------------------------------*/
#structure h2 img{
	margin: 0 auto;
}
#structure{
	padding-top: 100px;
}
#structure .container{
	background: url('../images/stracture_bg.png') no-repeat;
	background-size: 56%;
	background-position: 52% 100%;
	padding-bottom: 490px;
	margin-bottom: 250px;
}
.structure-item{
	position: absolute;
}
.structure-item.item1{
	top: 146px;
	left: 90px;
}
.structure-item.item2{
	top: 138px;
	right: 147px;
}
.structure-item.item3{
	top: 360px;
	left: 5px;
}
.structure-item.item4{
	bottom: 46px;
	right: 55px;
}
.structure-item.item5{
	bottom: -140px;
	left: 356px;
}
.bbb12{
	right: -60px;
	bottom: -251px;
}
/*----------------------------------------------------------------------------

sp

----------------------------------------------------------------------------*/
#sp{
	background-color: #F2F2F2;
	padding: 55px 0;
	min-width:1400px;
}
#sp h2{
	text-align: center;
	margin-bottom: 20px;
}
#sp .sp-graph img{
	/*width: 100%;*/
}
#sp .sp-graph img:first-child{
	/*margin-bottom: 40px;*/
}
table{
	border-collapse: collapse;
	margin-bottom: 10px;
	border: 1px solid #2FBDDF;
}

table {
   table-layout: fixed;
   width: 100%;
}

table td{
	text-align: center;
	font-size: 14px;
}
.table-model{
	background-color: #2FBDDF;
	padding-left: 10px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	width: 12%;
	border-bottom: 1px solid #fff;
}
.table-model:last-child{
	border-bottom: 1px solid #2FBDDF;
}
.table-model a{
	color: #fff;
}
.table-cate{
	background-color: #EAF8FC;
}
.row2{
	width: 10%;
}
.row3{
	width: 10%;
}
.row4{
	width: 8%;
}
.row5{
	width: 15%;
}
.row6{
	width: 8%;
}
.row7{
	width: 10%;
}
.row8{
	width: 8%;
}


.bbb9{
	left: -260px;
	top: 23px;
}

/*----------------------------------------------------------------------------

#maintenance

----------------------------------------------------------------------------*/

#maintenance{
	padding: 130px 0;
}

#maintenance h2{
	text-align: center;
}

#maintenance ul{
	margin-top: 70px;
}

#maintenance li{
	position: relative;
	top: 0;
	left: 0;
	width: 480px;
	margin: 0 auto 20px;
}

#maintenance li:after{
	content: '';
	background: url(../images/maintenance-arw.png) no-repeat left center;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
	color: #2FBDDF;
}

#maintenance li.block_mv{
	margin-top: 60px;
}

#maintenance li.block_mv:after{
	content: none;
}

#maintenance li.block_mv p{
	color: #2FBDDF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
	font-size: 18px;
}

#maintenance li.block_mv div{
	width: 100%;
	height: 270px;
}

#maintenance a{
	display: block;
	color: #2FBDDF;
	padding: 35px 30px;
	border: 1px solid #2FBDDF;
}

#maintenance a img{
	padding-right: 10px;
}

.bbb16{
	left: -180px;
	top: -24px;
}

.bbb17{
	right: -76px;
	bottom: -136px;
}

/*----------------------------------------------------------------------------

contact

----------------------------------------------------------------------------*/
#contact{
	padding: 100px 0;
	background-color: #F2F2F2;
	min-width: 1400px;
}
#contact h2{
	text-align: center;
	margin-bottom: 40px;
}
#contact h3{
	margin-bottom: 20px;
}
#contact dl{
	width: 450px;
	height: 190px;
	margin-bottom: 60px;
}
#contact dl:nth-child(1),
#contact dl:nth-child(3){
	margin-right: 60px;
}
#contact dl dt{
	font-weight: bold;
	color: #2FBDDF;
}
#contact dl dd span{
	font-weight: bold;
}
#contact dl dd a{
	color: #999999;
	font-weight: bold;
}

.contact-box1{
	border-bottom: 1px solid #999999;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.contact-box2{
	width: 450px;
	margin-right: 60px;
}

.bbb10{
	top: -54px;
	right: -20px;
}
.bbb11{
	bottom: 0;
	left: -198px;
}
/*----------------------------------------------------------------------------

footer

----------------------------------------------------------------------------*/
footer{
	background-color: #2FBDDF;
	padding: 46px 30px 7px;
	min-width:1340px;
}
.page-top{
	position: absolute;
	top: -34px;
	left: 42%;
}
small{
	color: #fff;
}
.bbb14{
	top: 0;
	right: 18%;
}