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

トップページ　#home

-----------------------------------------------------------------------------  ***/
#home #wrapper #cont #main .visual{
	background:url(../../img/img_bg01.jpg) 0% no-repeat fixed;
/*	background-size:cover;
	height:819px*/
}
#home #wrapper #cont #main .visual{
	background:url(../../img/img_bg01.jpg) 0% no-repeat fixed;
	background-size:cover;
	width:100%;
	height:819px
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .visual{
		background:url(../../img/img_bg_sp01.jpg) 50% 0% no-repeat fixed;
		background-size:180%;
		height:690px
	}
}
#home #wrapper #cont #main .visual h2{
	padding:242px 0 0;
	text-align:center;
	margin:0 0 57px;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .visual h2{
		padding:180px 15px 0;
	}
	#home #wrapper #cont #main .visual h2 img{
		max-width:100%;
		height:auto;
	}
}
#home #wrapper #cont #main .visual .btn a{
	display:block;
	width:240px;
	margin:0 auto 246px;
	color:#FFF;
	background:url(../img/icon_img01.png) no-repeat scroll right 3px bottom 3px;
	background-size:13px 13px;
	border:3px solid #FFF; 
	padding:15px 0;
	text-align:center;
	font-size:1.167em;
	font-weight:bold;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .visual .btn a{
		margin:0 auto 190px;
	}
}
#home #wrapper #cont #main .visual p{
	text-align:center;
}

#home #wrapper #cont #main .visual .btn a {
	display: inline-block;
	width:240px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
#home #wrapper #cont #main .visual .btn a::before,
#home #wrapper #cont #main .visual .btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#home #wrapper #cont #main .visual .btn a,
#home #wrapper #cont #main .visual .btn a::before,
#home #wrapper #cont #main .visual .btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#home #wrapper #cont #main .visual .btn a {
	position: relative;
	z-index: 2;
	border:3px solid #FFF; 
	color:#FFF;
	line-height: 20px;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#home #wrapper #cont #main .visual .btn a:hover {
	color: #333;
}
#home #wrapper #cont #main .visual .btn a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFEA00;
	border:3px solid #FFEA00; 
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
}
#home #wrapper #cont #main .visual .btn a:hover::after {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 1;
}

#home #wrapper #cont #main .business{
	background:url(../../img/img_bg02.jpg) 0% no-repeat fixed;
	background-size:cover;
	height:678px
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .business{
		background:url(../../img/img_bg_sp02.jpg) 0% no-repeat fixed;
		background-size:100% auto;
		height:530px
	}
}
#home #wrapper #cont #main .business h2{
	width:711px;
	text-align:center;
	margin:0 auto 50px;
	padding:200px 0 40px;
	border-bottom:1px solid #FFF;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .business h2{
		width:auto;
		text-align:center;
		margin:0 15px 30px;
		padding:100px 0 20px;
	}
	#home #wrapper #cont #main .business h2 img{
		max-width:100%;
		height:auto;
	}
}
#home #wrapper #cont #main .business p{
	width:711px;
	margin:0 auto 20px;
	color:#FFF;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .business p{
		width:auto;
		margin:0 15px 20px;
		color:#FFF;
	}
}
#home #wrapper #cont #main .service h2{
	padding:50px 0 15px;
	width:1000px;
	margin:0 auto 30px;
	color:#000;
	border-bottom:1px solid #000;
	font-size:4em;
	line-height:1;
	font-weight:bold;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .service h2{
		padding:50px 0 15px;
		margin:0 15px 30px;
		width:auto;
		text-align:center;
	}
}
#home #wrapper #cont #main .service h2 .sub{
	font-size:1rem;
	font-weight:normal;
	margin:0 0 0 20px;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .service h2 .sub{
		margin:0;
		display:block;
		padding:10px 0 0;
	}
}
#home #wrapper #cont #main .service .inner ul{
	width:1000px;
	margin:0 auto 75px;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .service .inner ul{
		width:auto;
		margin:0 15px 50px;
	}
}
#home #wrapper #cont #main .service .inner ul li{
	float:left;
	margin:0 20px 0 0;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .service .inner ul li{
		float:left;
		margin:0 0 15px;
		width:48%;
	}
	#home #wrapper #cont #main .service .inner ul li img{
		max-width:100%;
		height:auto;
	}
	#home #wrapper #cont #main .service .inner ul li:nth-child(even){
		float:right;
		margin:0 0 15px;
	}
}
#home #wrapper #cont #main .service .inner ul li:last-child{
	margin:0;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .service .inner ul li:last-child{
		margin:0 0 15px;
	}
}
#home #wrapper #cont #main .service .inner ul li .btn a{
	display:block;
	background:url(../img/icon_img01.png) no-repeat scroll right 3px bottom 3px #000;
	background-size:13px 13px;
	color:#FFF;
	font-size:1.167em;
	padding:10px 0;
	text-align:center;
}
#home #wrapper #cont #main .service .inner ul li .btn a:hover{
	text-decoration:none;
}
#home #wrapper #cont #main .news{
	background:url(../../img/img_bg03.jpg) 0% no-repeat fixed;
	background-size:cover;
	height:411px;
	padding:55px 0;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .news{
		background:url(../../img/img_bg_sp03.jpg) 50% 0% no-repeat fixed;
		background-size:180%;
		height:auto;
	}
}
#home #wrapper #cont #main .news .inner .main{
	background:#EEEEEE;
	height:411px;
	float:left;
	width:40%;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .news .inner .main{
		height:auto;
		float:none;
		width:auto;
		padding:30px 0;
	}
}
#home #wrapper #cont #main .news .inner .main h2{
	font-size:4em;
	text-align:center;
	font-weight:bold;
	line-height:1.2;
	padding:113px 0 0;
	margin:0 0 50px;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .news .inner .main h2{
		padding:0;
		margin:0 0 20px;
	}
}
#home #wrapper #cont #main .news .inner .main h2 .sub{
	font-size:1rem;
	font-weight:normal;
	display:block;
}
#home #wrapper #cont #main .news .inner .main .btn a{
	width:236px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	color:#FFF;
	background:url(../img/icon_img01.png) no-repeat scroll right 3px bottom 3px #000;
	background-size:13px 13px;
}
#home #wrapper #cont #main .news .inner .main .btn a:hover{
	text-decoration:none;
}
#home #wrapper #cont #main .news .inner .cont{
	background:#FFF;
	height:411px;
	float:right;
	width:60%;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .news .inner .cont{
		height:auto;
		float:none;
		width:auto;
		padding:30px 15px;
	}
}
#home #wrapper #cont #main .news .inner .cont dl{
	width:524px;
	padding:60px 0 0 90px;
}
@media screen and (max-width: 600px) {
	#home #wrapper #cont #main .news .inner .cont dl{
		width:auto;
		padding:0;
	}
}
#home #wrapper #cont #main .news .inner .cont dl dd{
	color:#666;
}
#home #wrapper #cont #main .news .inner .cont dl dt{
	font-size:1.087em;
	padding:0 0 5px;
	margin:0 0 15px;
	border-bottom:1px solid #CCC;
}
/*** ------------------------------------------------------------------------------

会社案内　#company

-----------------------------------------------------------------------------  ***/
#company #wrapper #cont #main .visual .visual-cont{
	background:url(../../company/img/company_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#company #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#company #wrapper #cont #main .visual .visual-cont h2{
	width:194px;
	height:77px;
	background:url(../../company/img/company_img03.png) no-repeat scroll;
	left:43%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#company #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#company #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../company/img/company_img02.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#company #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#company #wrapper #cont #main section .inner dl dt{
	font-size:1.167em;
	font-weight:bold;
	color:#649D0E;
	float:left;
	clear:left;
	width:250px;
}
@media screen and (max-width: 600px) {
	#company #wrapper #cont #main section .inner dl dt{
		float:none;
		clear:none;
		width:auto;
		margin:0 0 15px;
	}
}
#company #wrapper #cont #main section .inner dl dd{
	font-size:1.087em;
	padding:0 0 15px 250px;
	margin:0 0 15px;
	border-bottom:1px solid #CCC;
}
@media screen and (max-width: 600px) {
	#company #wrapper #cont #main section .inner dl dd{
		padding:0 0 15px;
	}
}
#company #wrapper #cont #main section .inner dl dd ul li{
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	#company #wrapper #cont #main section .inner dl dd ul li{
		width:auto;
		float:none;
	}
	#company #wrapper #cont #main section .inner dl dd iframe{
		width:100%;
	}
}
#company #wrapper #cont #main section .inner dl dd ul .act{
	width:100%;
}
#company #wrapper #cont #main section .inner.enkaku dl dt{
	font-weight:normal;
	color:#000;
}
/*** ------------------------------------------------------------------------------

ガス製造・販売　#gas

-----------------------------------------------------------------------------  ***/
#gas #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#gas #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#gas #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#gas #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#gas #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/gas_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#gas #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#gas #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#gas #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#gas #wrapper #cont #main section .inner ul li{
	font-size:1.167em;
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	#gas #wrapper #cont #main section .inner ul li{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

産業ガスとは　#industrial

-----------------------------------------------------------------------------  ***/
#industrial #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#industrial #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#industrial #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/gas_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#industrial #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#industrial #wrapper #cont #main section .inner.bunseki{
	position:relative;
}
#industrial #wrapper #cont #main section .inner.bunseki .san-img{
	text-align:center;
	margin:0 0 220px;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.bunseki .san-img{
		margin:0 0 20px;
	}
	#industrial #wrapper #cont #main section .inner.bunseki .san-img img{
		width:30%;
		height:auto;
	}
}
#industrial #wrapper #cont #main section .inner.bunseki .item.sec01{
	width:380px;
	padding:10px;
	background:#EFEFEF;
	position:absolute;
	top:128px;
	left:0;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.bunseki .item.sec01{
		width:auto;
		position:static;
		margin:0 0 20px;
	}
}
#industrial #wrapper #cont #main section .inner.bunseki .item.sec02{
	width:380px;
	padding:10px;
	background:#EFEFEF;
	position:absolute;
	top:130px;
	right:0;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.bunseki .item.sec02{
		width:auto;
		position:static;
		margin:0 0 20px;
	}
}
#industrial #wrapper #cont #main section .inner.bunseki .item.sec03{
	width:380px;
	padding:10px;
	background:#EFEFEF;
	position:absolute;
	top:330px;
	right:0;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.bunseki .item.sec03{
		width:auto;
		position:static;
		margin:0 0 20px;
	}
}
#industrial #wrapper #cont #main section .inner.bunseki .item.sec04{
	width:380px;
	padding:10px;
	background:#EFEFEF;
	position:absolute;
	top:552px;
	left:0;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.bunseki .item.sec04{
		width:auto;
		position:static;
		margin:0 0 20px;
	}
}
#industrial #wrapper #cont #main section .inner.bunseki .item h4{
	color:#649D0E;
	font-weight:bold;
	font-size:1.167em;
}
#industrial #wrapper #cont #main section .inner.bunseki .item dl dt{
	font-weight:bold;
}
#industrial #wrapper #cont #main section .inner.bunseki .item dl dd{
	margin:0 0 15px;
}
#industrial #wrapper #cont #main section .inner.elect h4{
	font-size:1.500em;
	font-weight:bold;
	color:#649D0E;
	margin:0 0 20px;
}
#industrial #wrapper #cont #main section .inner.elect .img{
	float:right;
	margin:0 300px 0 0;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner.elect .img{
		float:none;
		text-align:center;
		margin:0 0 20px;
	}
}
#industrial #wrapper #cont #main section .inner ul{
	float:left;
	width:200px;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner ul{
		float:none;
		width:auto;
	}
	#industrial #wrapper #cont #main section .inner ul li{
		float:left;
		width:49%;
	}
	#industrial #wrapper #cont #main section .inner ul li:last-child{
		float:right;
	}
}
#industrial #wrapper #cont #main section .inner .item{
	float:right;
	width:768px;
}
@media screen and (max-width: 600px) {
	#industrial #wrapper #cont #main section .inner .item{
		float:none;
		width:auto;
	}
}
#industrial #wrapper #cont #main section .inner ul li span{
	display:block;
	padding:5px 0 0;
	margin:0 0 20px;
	text-align:center;
}
#industrial #wrapper #cont #main section .inner .item .box h4{
	font-size:1.500em;
	font-weight:bold;
	color:#649D0E;
	margin:0 0 20px;
}
/*** ------------------------------------------------------------------------------

産業機器・工具　#machine

-----------------------------------------------------------------------------  ***/
#machine #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#machine #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#machine #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#machine #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#machine #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/gas_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#machine #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#machine #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#machine #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#machine #wrapper #cont #main section .inner ul li{
	font-size:1.167em;
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	#machine #wrapper #cont #main section .inner ul li{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

OA・FA　#oa

-----------------------------------------------------------------------------  ***/
#oa #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#oa #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#oa #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#oa #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#oa #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/oa_img01.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#oa #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#oa #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#oa #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#oa #wrapper #cont #main section .inner .item{
	width:490px;
	float:right;
}
@media screen and (max-width: 600px) {
	#oa #wrapper #cont #main section .inner .item{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

空調・冷凍機器　#air

-----------------------------------------------------------------------------  ***/
#air #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#air #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#air #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#air #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#air #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/oa_img01.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#air #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#air #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#air #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#air #wrapper #cont #main section .inner .item{
	width:490px;
	float:right;
}
@media screen and (max-width: 600px) {
	#air #wrapper #cont #main section .inner .item{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

住宅機器　#house

-----------------------------------------------------------------------------  ***/
#house #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/gas_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#house #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#house #wrapper #cont #main .visual .visual-cont h2{
	width:142px;
	height:77px;
	background:url(../../service/img/gas_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#house #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#house #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/house_img01.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#house #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#house #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#house #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#house #wrapper #cont #main section .inner .item{
	width:490px;
	float:right;
}
@media screen and (max-width: 600px) {
	#house #wrapper #cont #main section .inner .item{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

環境活動　#eco

-----------------------------------------------------------------------------  ***/
#eco #wrapper #cont #main .visual .visual-cont{
	background:url(../../service/img/eco_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#eco #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#eco #wrapper #cont #main .visual .visual-cont h2{
	width:156px;
	height:78px;
	background:url(../../service/img/eco_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#eco #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#eco #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../service/img/eco_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#eco #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#eco #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#eco #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#eco #wrapper #cont #main section .inner .item{
	width:490px;
	float:right;
}
@media screen and (max-width: 600px) {
	#eco #wrapper #cont #main section .inner .item{
		width:auto;
		float:none;
	}
}
/*** ------------------------------------------------------------------------------

新着情報　#news,#topics

-----------------------------------------------------------------------------  ***/
#news #wrapper #cont #main .visual .visual-cont,
#topics #wrapper #cont #main .visual .visual-cont{
	background:url(../../img/news_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#news #wrapper #cont #main .visual .visual-cont,
	#topics #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#news #wrapper #cont #main .visual .visual-cont h2,
#topics #wrapper #cont #main .visual .visual-cont h2{
	width:156px;
	height:78px;
	background:url(../../img/news_img02.png) no-repeat scroll;
	left:49%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#news #wrapper #cont #main .visual .visual-cont h2,
	#topics #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#news #wrapper #cont #main section h2,
#topics #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../img/news_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#news #wrapper #cont #main section .inner p .font,
#topics #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#news #wrapper #cont #main section .inner .img,
#topics #wrapper #cont #main section .inner .img{
	float:left;
	margin:0 30px 30px 0;
}
@media screen and (max-width: 600px) {
	#news #wrapper #cont #main section .inner .img,
	#topics #wrapper #cont #main section .inner .img{
		float:none;
		margin:0 0 30px;
	}
}
#news #wrapper #cont #main section .inner .item,
#topics #wrapper #cont #main section .inner .item{
	width:490px;
	float:right;
}
@media screen and (max-width: 600px) {
	#news #wrapper #cont #main section .inner .item,
	#topics #wrapper #cont #main section .inner .item{
		width:auto;
		float:none;
	}
}
#news #wrapper #cont #main section .inner p.date,
#topics #wrapper #cont #main section .inner p.date{
	text-align:right;
	margin:0;
}
#pager{
	position:relative;
	line-height:25px;
	height:25px;
	text-align: center;
	width:1000px;
	padding:10px 0 0;
	margin:0 auto 40px;
}
@media screen and (max-width: 600px) {
	#pager{
		width:auto;
	}
}
#pager .nav-prev{
	position:absolute;
	left:10px;
	top:10px;
}
#pager .nav-next{
	position:absolute;
	right:10px;
	top:10px;
}
#pager a{
	font-size:1em;
	padding:5px 10px;
	background:#FFF;
	border: 1px solid #5F9734;
	color:#5F9734;
	margin:0 2px;
}
#pager a:hover{
	background:#5F9734;
	text-decoration:none;
	color:#FFF;
}
/*** ------------------------------------------------------------------------------

採用情報　#recruit

-----------------------------------------------------------------------------  ***/
#recruit #wrapper #cont #main .visual .visual-cont{
	background:url(../../img/recruit_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#recruit #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#recruit #wrapper #cont #main .visual .visual-cont h2{
	width:194px;
	height:77px;
	background:url(../../img/recruit_img02.png) no-repeat scroll;
	left:43%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#recruit #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#recruit #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../img/recruit_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#recruit #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#recruit #wrapper #cont #main section .inner dl dt{
	font-size:1.167em;
	font-weight:bold;
	color:#649D0E;
	float:left;
	clear:left;
	width:250px;
}
@media screen and (max-width: 600px) {
	#recruit #wrapper #cont #main section .inner dl dt{
		float:none;
		clear:none;
		width:auto;
		margin:0 0 15px;
	}
}
#recruit #wrapper #cont #main section .inner dl dd{
	font-size:1.087em;
	padding:0 0 15px 250px;
	margin:0 0 15px;
	border-bottom:1px solid #CCC;
}
@media screen and (max-width: 600px) {
	#recruit #wrapper #cont #main section .inner dl dd{
		padding:0 0 15px;
	}
}
#recruit #wrapper #cont #main section .inner dl dd ul li{
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	#recruit #wrapper #cont #main section .inner dl dd ul li{
		width:auto;
		float:none;
	}
	#recruit #wrapper #cont #main section .inner dl dd iframe{
		width:100%;
	}
}
#recruit #wrapper #cont #main section .inner dl dd ul .act{
	width:100%;
}
#recruit #wrapper #cont #main section .inner.enkaku dl dt{
	font-weight:normal;
	color:#000;
}
/*** ------------------------------------------------------------------------------

お問い合わせ　#contact

-----------------------------------------------------------------------------  ***/
#contact #wrapper #cont #main .visual .visual-cont{
	background:url(../../img/inquiry_img01.jpg) no-repeat scroll;
	height:150px;
	background-size:cover;
	position:relative;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main .visual .visual-cont{
		height:50px;
		background-size:180%;
	}
}
#contact #wrapper #cont #main .visual .visual-cont h2{
	width:194px;
	height:77px;
	background:url(../../img/inquiry_img02.png) no-repeat scroll;
	left:43%;
	top:25%;
	z-index:0;
	position:absolute;
	text-indent:-9999px;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main .visual .visual-cont h2{
		width:auto;
		height:auto;
		background:none;
		position:static;
		text-indent:0px;
		text-align:center;
		color:#FFF;
		margin:-36px 0 0;
		padding:0;
		font-size:1.333em;
	}
}
#contact #wrapper #cont #main section h2{
	font-size:2.500em;
	color:#649D0E;
	background:url(../../img/inquiry_img03.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 40px;
}
#contact #wrapper #cont #main section .inner p .font{
	font-family:'Yu Mincho';
	font-size:1.583em;
	margin:0 0 20px;
	display:block;
}
#contact #wrapper #cont #main section .inner dl dt{
	font-size:1.167em;
	font-weight:bold;
	color:#649D0E;
	float:left;
	clear:left;
	width:260px;
	text-align:right;
	color:#333;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner dl dt{
		text-align:left;
	}
}
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(1):after,
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(4):after,
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(5):after,
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(6):after,
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(7):after{
	content:'必須';
	padding:7px 15px;
	background:#639E12;
	color:#FFF;
	font-weight:bold;
	margin:0 0 0 15px;
	border-radius:5px;
}
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(2):after,
#contact #wrapper #cont #main section .inner dl dt:nth-of-type(3):after{
	content:'　';
	margin:0 0 0 60px;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner dl dt{
		float:none;
		clear:none;
		width:auto;
		margin:0 0 15px;
	}
}
#contact #wrapper #cont #main section .inner dl dd{
	font-size:1.087em;
	padding:0 0 15px 300px;
	margin:0 0 15px;
	border-bottom:1px solid #CCC;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner dl dd{
		padding:0 0 15px;
	}
}
#contact #wrapper #cont #main section .inner dl dd span input{
	padding:3px 10px;
	border-radius:5px;
	border:1px solid #CCC;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner dl dd span input{
		width:90%;
	}
}
#contact #wrapper #cont #main section .inner dl dd span textarea{
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
}
#contact #wrapper #cont #main section .inner .submit{
	text-align:center;
}
#contact #wrapper #cont #main section .inner .submit .wpcf7-form-control.wpcf7-submit{
	padding:15px;
	background:#639E12;
	color:#FFF;
	font-weight:bold;
	margin:0 auto;
	border-radius:5px;
	border:0;
	font-size:1.5em;
	width:200px;
	cursor:pointer;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner .submit .wpcf7-form-control.wpcf7-submit{
		width:60%;
	}
}
#contact #wrapper #cont #main section .inner dl dd ul li{
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	#contact #wrapper #cont #main section .inner dl dd ul li{
		width:auto;
		float:none;
	}
	#contact #wrapper #cont #main section .inner dl dd iframe{
		width:100%;
	}
}
#contact #wrapper #cont #main section .inner dl dd ul .act{
	width:100%;
}
#contact #wrapper #cont #main section .inner.enkaku dl dt{
	font-weight:normal;
	color:#000;
}

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

採用情報　#recruit-demo

-----------------------------------------------------------------------------  ***/
#recruit-demo #wrapper #cont #main .visual .visual-cont{
    background:url(../../img/recruit_img01.jpg) no-repeat scroll;
    height:150px;
    background-size:cover;
    position:relative;
}
@media screen and (max-width: 600px) {
    #recruit-demo #wrapper #cont #main .visual .visual-cont{
        height:50px;
        background-size:180%;
    }
}
#recruit-demo #wrapper #cont #main .visual .visual-cont h2{
    width:194px;
    height:77px;
    background:url(../../img/recruit_img02.png) no-repeat scroll;
    left:43%;
    top:25%;
    z-index:0;
    position:absolute;
    text-indent:-9999px;
}
@media screen and (max-width: 600px) {
    #recruit-demo #wrapper #cont #main .visual .visual-cont h2{
        width:auto;
        height:auto;
        background:none;
        position:static;
        text-indent:0px;
        text-align:center;
        color:#FFF;
        margin:-36px 0 0;
        padding:0;
        font-size:1.333em;
    }
}
#recruit-demo #wrapper #cont #main section h2{
    font-size:2.500em;
    color:#649D0E;
    background:url(../../img/recruit_img03.png) no-repeat scroll left center;
    padding:0 0 0 50px;
    margin:0 0 40px;
}
#recruit-demo #wrapper #cont #main section .inner p .font{
    font-family:'Yu Mincho';
    font-size:1.583em;
    margin:0 0 20px;
    display:block;
}
#recruit-demo #wrapper #cont #main section .inner dl dt{
    font-size:1.167em;
    font-weight:bold;
    color:#649D0E;
    float:left;
    clear:left;
    width:250px;
}
@media screen and (max-width: 600px) {
    #recruit-demo #wrapper #cont #main section .inner dl dt{
        float:none;
        clear:none;
        width:auto;
        margin:0 0 15px;
    }
}
#recruit-demo #wrapper #cont #main section .inner dl dd{
    font-size:1.087em;
    padding:0 0 15px 250px;
    margin:0 0 15px;
    border-bottom:1px solid #CCC;
}
@media screen and (max-width: 600px) {
    #recruit-demo #wrapper #cont #main section .inner dl dd{
        padding:0 0 15px;
    }
}
#recruit-demo #wrapper #cont #main section .inner dl dd ul li{
    width:33%;
    float:left;
}
@media screen and (max-width: 600px) {
    #recruit-demo #wrapper #cont #main section .inner dl dd ul li{
        width:auto;
        float:none;
    }
    #recruit-demo #wrapper #cont #main section .inner dl dd iframe{
        width:100%;
    }
}
#recruit-demo #wrapper #cont #main section .inner dl dd ul .act{
    width:100%;
}
#recruit-demo #wrapper #cont #main section .inner.enkaku dl dt{
    font-weight:normal;
    color:#000;
}