@charset "UTF-8";
.add-00 {
	position: absolute;
	right: 0px;
	left: 0px;
	margin: 0 auto;
	height: auto;
}

/* index.html */
.sp01-2b {
	position: relative;
	width: 100%;
	margin: 0 0 10% 0;
}
.sp01-2-1b {
	position: relative;
	top: 0%;
	margin: 0% 0 22% 0;
}
.sp01-5b {
	position: relative;
	width: 100%;
	margin: 25% 0 10% 0;
}
.sp01-5-3b {
	position: absolute;
	left: 12%;
	top: -7%;
	z-index: -1;
}
.add-sp0101 {
	position: absolute;
	right: 0px;
	top: 0%;
	margin: -6% 0 0% 0;
}
.add-sp0102 {
	position: absolute;
	width: 37.3%;
	left: 0px;
	top: 0%;
	margin: 37.4% 0 0 5%;
}
.add-sp0103 {
	position: absolute;
	width: 36%;
	right: 0px;
	top: 0%;
	margin: -21.5% 3% 0% 0%;
	z-index: -1;
}
/* sp02_service00_top.html */
.sp02-1-2b {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
}
.sp02-1-3b {
	position: absolute;
	top: 22%;
	left: 0;
	right: 0;
}
.sp02-1-4b {
	width: 92%;
	margin: 7% 4% 0 4%;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #333;
}
.add-sp0201 {
	position: absolute;
	width: 52%;
	left: 0px;
	top: 0%;
	margin: -45.5% 0 0 0%;
}
.add-sp0202 {
	position: absolute;
	width: 49.3%;
	right: 0px;
	top: 0%;
	margin: -63% 0 0 0%;
}
.add-sp02a {
	position: absolute;
	width: 73%;
	right: 0px;
	left: 0px;
	top: 0%;
	margin: -32% auto 0%;
}
/* sp02_service01_gas-q.html */
.add-sp0301 {
	position: absolute;
	width: 37.3%;
	right: 0px;
	bottom: 5px;
}
.add-sp03a {
	text-align: left;
}
.add-sp05a {
	text-align: right;
}
/* sp02_service05_others.html */
.add-sp0701 {
	position: absolute;
	width: 44%;
	left: 0px;
	bottom: 5px;
}
/* sp03_about00_top.html */
.adsp03-1-3 {
	position: absolute;
	top: 0;
	left: 0;
}
.adsp03-1-4 {
	position: absolute;
	top: 31%;
	left: 0;
	right: 0;
}
.adsp03-1-5 {
	width: 92%;
	margin: 0 4% 0 4%;
	padding: 10% 0 3px 0;
	border-bottom: 1px solid #333;
}
.add-sp0801 {
	position: absolute;
	width: 42.6%;
	right: 1%;
	top: 0%;
	margin: -41% 0 0 0%;
}
.adsp03-2-1 {
	padding: 8% 0 6% 0;
	background-color: #d6dee7;
}
.ad-sp03-01 {
	padding: 0% 0 0% 0;
}
.ad-sp03-02 {
	width: 92%;
	margin: 0 4% 4% 4%;
	padding: 3% 0 12px 0;
	border-bottom: 1px solid #333;
}
.ad-sp03-03 {
	margin: 5% 0%;
}
.ad-sp03-04a {
	line-height: 1.7em;
	color: #333333;
	vertical-align: 0px;
	font-weight: 300;
	font-size: 0.875em;
	padding: 0% 4% 0%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.ad-sp03-04b {
	line-height: 1.7em;
	color: #333333;
	vertical-align: 0px;
	font-weight: 300;
	font-size: 0.875em;
	padding: 0% 4% 0%;
	text-align: justify;
	text-justify: inter-ideograph;
	background-color: #d5dde6;
}
.ad-sp03-04b2 {
	padding: 0% 4% 0%;
}
.ad-sp03-04c {
	line-height: 1.7em;
	color: #fff;
	vertical-align: 0px;
	font-weight: 300;
	font-size: 0.875em;
	padding: 0% 4% 7%;
	text-align: justify;
	text-justify: inter-ideograph;
	background-color: #005293;
}
.ad-sp03-04c2 {
	padding: 7% 4% 0%;
}
.ad-sp03-04d {
	line-height: 1.7em;
	color: #fff;
	vertical-align: 0px;
	font-weight: 300;
	font-size: 0.875em;
	padding: 7% 4% 7%;
	text-align: justify;
	text-justify: inter-ideograph;
	background-color: #003579;
}
.ad-sp03-04e {
	line-height: 1.7em;
	color: #333333;
	vertical-align: 0px;
	font-weight: 300;
	font-size: 0.875em;
	padding: 0% 4% 10%;
	text-align: right;
}
.ad-sp03-05 {
	position: absolute;
	width: 58.2%;
	right: 0%;
	top: 0%;
}
.ad-sp03-06 {
	width: 83.7%;
	padding: 35% 0% 10% 16.3%;
	background: linear-gradient(to top, #005293 0%, #005293 79.8%, #fff 79.8%, #fff 92%, #d5dde6 92%, #d5dde6 100%);
}
.ad-sp03-07 {
	background: linear-gradient(to top, #d5dde6 0%, #d5dde6 30%, #fff 30%, #fff 80%, #005293 80%, #005293 100%);
}
.ad-sp03-07 img {
	width: 94.1%;
	padding: 3% 0% 5% 0%;
}
.ad-sp03-08 {
	position: relative;
}
.ad-sp03-09 {
	background: linear-gradient(to top, #d5dde6 0%, #d5dde6 15%, #fff 0%,  #fff 100%);
}
.ad-sp03-10 {
	width: 64.2%;
	margin: 5% 28% 45% 0%;
}
.ad-sp03-11 {
	position: absolute;
	width: 59.8%;
	left: 0%;
	top: 0%;
	margin: 91% 0% 0% 0%;
}
.ad-sp03-12 {
	position: absolute;
	width: 43%;
	right: 0%;
	bottom: 0%;
	margin: 0% 0% -30% 0%;
	z-index: 1;
}
.ad-sp03-13 {
	position: absolute;
	width: 52.6%;
	left: 0%;
	top: 0%;
}
.ad-sp03-14 {
	position: absolute;
	width: 64.2%;
	left: 0%;
	top: 0%;
	padding: 0% 0% 90% 35.8%;
	background: linear-gradient(to top, #fff 0%, #fff 92%, #d5dde6 92%, #d5dde6 100%);
	z-index: -1;
}
.ad-sp03-15 {
	width: 100%;
	margin: 60% 0% 7% 0%;
}
.ad-sp03-16 {
	position: absolute;
	width: 68.1%;
	right: 10%;
	top: 0%;
}
.ad-sp03-17 {
	width: 100%;
	margin: 3% 0% 2% 0%;
}
/* sp04_works.html */
.sp04-1-4b {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	margin: 32% 0 0 0%;
}
.sp04-1-5b {
	width: 92%;
	margin: 23% 4% 0 4%;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #333;
}
.add-sp0901 {
	position: absolute;
	width: 45.4%;
	left: 1%;
	top: 0%;
	margin: -43% 0 0 0%;
}
/* sp05_recruit00_top.html */
.sp0500-4-2ad {
	position: relative;
	width: 100%;
}
.sp0500-4-3ad {
	position: relative;
	width: 100%;
	margin: 15% 0 0 0;
}
.sp0500-4-4ad {
	position: relative;
	width: 100%;
	margin: 15% 0 0 0;
}
.add-sp1001 {
	position: relative;
	margin: 0 0 0% 0;
	padding: 50px 0 0 0; 
	z-index: -2;
	width: 100%;
}
.add-sp1002 {
    position: absolute;
	left: 0%;
	top: 0%;
	width: 40%;
	margin: -8.55% 0% 0% 0%;
	z-index: -1;
}
.add-sp1003 {
    position: absolute;
	right: 0%;
	top: 0%;
	width: 46.6%;
	margin: -14.3% 0% 0% 0%;
	z-index: -1;
}
.add-sp1004 {
    position: absolute;
	left: 0%;
	top: 0%;
	width: 48%;
	margin: -11.2% 0% 0% 0%;
	z-index: -1;
}