@charset "UTF-8";

#content-head-wrapper,#content-foot-support,#bred-crumb-wrapper,#content-foot-wrapper,.header-company-logo,.menu-control-sp {
  display: none
}

.header-company-logo_og h1 { width: 980px; margin: 20px auto; text-align: center; position: relative; }
.header-company-logo_og p a, .header-company-logo h1 a { display: block; position: relative; z-index: 2; }
.header-company-logo_og p.pg-logo, .header-company-logo h1.pg-logo { top: 50px; }

#gas-jiyuuka .gas-inner {
	width: 860px
	}

.ttl { background-color: #e62320; padding: 10px 0 }
.ttl h2 { 
	width: 450px;
	margin: 20px auto;
	padding: 5px 0;
	color:#FFF;
	font-size: 26px;
	text-align: center;
	position: relative;
	border: 3px solid #fff;
	border-radius: 50px
	}

ul {clear: both}
	
ul li.description {
	width: 80%;
	margin: 20px auto;
	font-size: 24px;
	text-align: left;
	float: left
	}

ul li.description:nth-child(2) {
	width: 20%;
	margin-top: 0
	}

#gas-jiyuuka.gas-detail .gas-contents-area dl dd {
  text-align: center;
}

#gas-jiyuuka.gas-detail .gas-contents-area {
	padding: 50px 0
	}

#gas-jiyuuka.gas-detail .gas-contents-area .gas-btnlist li a:after {
  right: 18px;
  background: url(/ep/gas-jiyuuka/images/3/gas-arrow3.png) no-repeat 0 0;
  background-size: 5px
  }

#gas-jiyuuka.gas-detail .gas-contents-area .gas-btnlist li a {
	background-color: #e62320;
	color: #fff
	}

#gas-jiyuuka.gas-detail .gas-contents-area .gas-btnlist li a:hover {
	background-color: #FFF;
	color: #656d73
	}

#gas-jiyuuka.gas-detail .gas-contents-area dl dd {
	margin-bottom: 30px
	}


#gas-jiyuuka.gas-detail #gas-contents-area1 {
	background-color: #FFF
	}
	
p.select {
	font-size: 16px;
	color: #FF0000;
	text-align: center;
	padding: 40px 0;
	clear: both
	}

h3 {
	text-align: center;
	font-size: 18px;
	margin: 30px 0}

#gas-jiyuuka.gas-detail #gas-contents-area1 li img {
 width: 200px
}

@media screen and (max-width: 768px) {

#content-body-wrapper {
	margin-top: 0
	}

#gas-jiyuuka.gas-detail .gas-contents-area .gas-btnlist {
	box-sizing:border-box
	}

 .header-company-logo_og h1 {width: 100%}
 .header-company-logo_og h1 img {width: auto; height: 34px}
 .header-company-logo_og h1 a {display: inline}

.ttl {
	padding: 10px
	}

 .ttl h2 {
 	width: 100%;
 	font-size: 18px;
 	padding: 5px 0;
 	box-sizing: border-box
 	}

 #gas-jiyuuka.gas-detail .gas-inner ul {
 	padding: 0 20px}
 	
 #gas-jiyuuka.gas-detail .gas-inner ul li.description {
 	font-size: 16px}
 	
ul li.description {
	width: 65%;
	margin: 20px auto;
	font-size: 24px;
	text-align: left;
	float: left
	}

ul li.description:nth-child(2) {
	width: 35%;
	margin-top: 0
	}
#gas-jiyuuka.gas-detail #gas-contents-area1 li img {
 width: 100px
}
}