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

/*////////////////////////////

common

///////////////////////////*/
body {
}


* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#gas-jiyuuka {
	color: #000;
}

#gas-jiyuuka .red { color: #d53a30; }
#gas-jiyuuka .blue { color: #004ea2; }
#gas-jiyuuka .yellow { color: #cc6715; }

#gas-jiyuuka sup {
	font-size: 60%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#gas-jiyuuka img {
	width:100%;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

#gas-jiyuuka .txt-shadow1 {
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#gas-jiyuuka .gas-inner {
	max-width: 980px;
	margin: 0 auto;
}


#gas-jiyuuka .gas-box1 {
	background: #f1f8fd;
}

#gas-jiyuuka #gas-content a {
	transition: 0.3s opacity;
	text-decoration: none;
}
#gas-jiyuuka #gas-content a:hover {
	/*filter: alpha(opacity=75);
	-moz-opacity:0.75;*/
	opacity:0.75;
	text-decoration: none;
}


/*.cmn-list1
-----------------------------*/
#gas-jiyuuka ul.cmn-list1 {
	margin-top: 10px;
	text-align: center;
	letter-spacing: -0.4em;
}

#gas-jiyuuka ul.cmn-list1 li {
	display: inline-block;
	margin-right: 50px;
	color: #004ea2;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: normal;
}

#gas-jiyuuka ul.cmn-list1 li:last-of-type {
	margin-right: 0;
}

/*.check1
-----------------------------*/
#gas-jiyuuka .check1 {
	padding-left: 30px;
	background: url(/ep/gas-jiyuuka/images/icon_check1.png) 0 3px no-repeat;
	font-size: 22px;
	font-weight: bold;
}

/*.txt-link1
-----------------------------*/
#gas-jiyuuka .txt-link1 {
	color: #004ea2;
	text-decoration: underline !important;
}

/*.txt-link2
-----------------------------*/
#gas-jiyuuka .txt-link2 {
	color: #d53a30;
	text-decoration: underline !important;
}

/*.btn1
-----------------------------*/
#gas-jiyuuka a.btn1 {
	padding-left: 20px;
	background: url(/ep/gas-jiyuuka/images/icon_arw1.png) 0 center no-repeat;
	color: #d53a30;
	font-size: 24px;
	font-weight: bold;
}

#gas-jiyuuka a.btn1.back {
	background-image: url(/ep/gas-jiyuuka/images/icon_arw12.png);
}

#gas-jiyuuka a.btn1 span {
	padding-bottom: 3px;
	border-bottom: 1px solid #d53a30;
}

/*.btn2
-----------------------------*/
#gas-jiyuuka a.btn2 {
	padding-left: 20px;
	background: url(/ep/gas-jiyuuka/images/icon_arw3.png) 0 center no-repeat;
	color: #004ea2;
	font-size: 16px;
	font-weight: bold;
}

#gas-jiyuuka a.btn2 span {
	padding-bottom: 3px;
	border-bottom: 1px solid #004ea2;
}

/*.btn3
-----------------------------*/
#gas-jiyuuka a.btn3 {
	padding-left: 20px;
	background: url(/ep/gas-jiyuuka/images/icon_arw4.png) 0 center no-repeat;
	color: #e5932e;
	font-size: 16px;
	font-weight: bold;
}

#gas-jiyuuka a.btn3 span {
	padding-bottom: 3px;
	border-bottom: 1px solid #e5932e;
}

/*.btn4
-----------------------------*/
#gas-jiyuuka a.btn4 {
	padding-left: 20px;
	background: url(/ep/gas-jiyuuka/images/icon_arw5.png) 0 center no-repeat;
	color: #53a849;
	font-size: 14px;
	font-weight: bold;
}

#gas-jiyuuka a.btn4 span {
	padding-bottom: 3px;
	border-bottom: 1px solid #53a849;
}

/*.btn5
-----------------------------*/
#gas-jiyuuka a.btn5 {
	padding-left: 20px;
	background: url(/ep/gas-jiyuuka/images/icon_arw13.png) 0 center no-repeat;
	color: #00a0e8;
	font-size: 14px;
	font-weight: bold;
}

#gas-jiyuuka a.btn5 span {
	padding-bottom: 3px;
	border-bottom: 1px solid #00a0e8;
}

/*.btn-ac
-----------------------------*/
#gas-jiyuuka a.btn-ac {
	display: block;
	background-image: url(/ep/gas-jiyuuka/images/btn_ac_open.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#gas-jiyuuka a.btn-ac.close {
	background-image: url(/ep/gas-jiyuuka/images/btn_ac_close.png);
}

/*.attention
-----------------------------*/
#gas-jiyuuka .attention {
	text-align: center;
}

#gas-jiyuuka .attention span {
	display: inline-block;
	padding-left: 30px;
	background: url(/ep/gas-jiyuuka/images/icon_attention.png) 0 center no-repeat;
	color: #d53a30;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#gas-jiyuuka .cap1 {
	font-size: 12px;
	font-weight: bold;
}

#gas-jiyuuka .cap1 span.underline {
	color: #d53a30;
	text-decoration: underline;
}


#gas-jiyuuka .cap2 {
	font-size: 12px;
	line-height: 1.4;
}

#gas-jiyuuka .cap2 span.underline {
	text-decoration: underline;
}

#gas-jiyuuka .cap2 ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#gas-jiyuuka .cap2 .h-txt {
	margin-top: 0.8em;
}

/*.gas-cnv-block1
-----------------------------*/
#gas-jiyuuka .gas-cnv-block1 {}

#gas-jiyuuka .gas-cnv-block1 .gas-inner {
	padding: 60px 30px;
}

#gas-jiyuuka .gas-cnv-block1 .gas-inner .btn-cnv {
	margin: 0 auto;
	max-width: 240px;
}

/*.pic-contact
-----------------------------*/
#gas-jiyuuka .pic-contact {
	margin: 40px auto 0;
	max-width: 240px;
}

#gas-jiyuuka .pic-contact .contact-txt2,
#gas-jiyuuka.gas-plan #gas-content .gas-top-btn .contact-txt2 {
	margin-top: 20px;
	text-align: center
	}

#gas-jiyuuka .pic-contact .tel-sub {
	margin: 5px;
	text-align: center
	}

#gas-jiyuuka.gas-plan #gas-content .gas-top-btn {
	max-width: 600px;
	margin: 50px auto 0 auto
	}

#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li {
	max-width: 240px
}

#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li.btn-try {
	float: left
}

#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li.btn-apply {
	float: right
}

/*////////////////////////////

.clearfix

///////////////////////////*/
#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul:after,
#gas-jiyuuka.gas-plan #gas-content .gas-top-block1 .gas-box1 .gas-inner .gas-top-safety .block1-ttl-area1:after {
    content:" ";
    display:block;
    clear:both;
}



/*.accordion
-----------------------------*/
#gas-jiyuuka .accordion {}

#gas-jiyuuka .accordion .ac-cts {
	display: none;
	border: 5px solid #ccc;
	border-top: none;
}

#gas-jiyuuka .accordion .ac-cts .ac-inner {
	padding: 0 20px;
}

#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-green1 { background: #c4dcb2; }
#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue1 { background: #f1f8fe; }
#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue2 { background: #e3eaf0; }
#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-red1 { background: #f6ddd6; }
#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-gray1 { background: #e0e9ef; }
#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue4 { background: #eef7fd; }


#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue3 { 
	background: #f1f8fe url(/ep/gas-jiyuuka/images/bg_white.gif) 0 bottom repeat-x;
}


/*.ttl-type1
-----------------------------*/
#gas-jiyuuka .ttl-type1 {
	padding: 5px;
	background: -moz-linear-gradient(top, #004f9c 0%, #003574 100%);
	background: -webkit-linear-gradient(top, #004f9c 0%,#003574 100%);
	background: linear-gradient(to bottom, #004f9c 0%,#003574 100%);
	background: linear-gradient(#004f9c,#003574);
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

#gas-jiyuuka .ttl-type1 span.small1 {
	display: block;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	letter-spacing: 0.08em;
}


#gas-jiyuuka .ttl-type1 span.small2 {
	font-size: 0.7em;
}


/*.ttl-type2
-----------------------------*/
#gas-jiyuuka .ttl-type2 {
	line-height: 1.3;
	font-size: 20px;
	text-align: center;
}

/*.ttl-type3
-----------------------------*/
#gas-jiyuuka .ttl-type3 {
	text-align: center;
}

#gas-jiyuuka .ttl-type3 > span {
	display: inline-block;
	padding-bottom: 24px;
	background: url(/ep/gas-jiyuuka/images/bg_line1.png) center bottom no-repeat;
	line-height: 1.3;
	color: #004ea2;
	font-size: 24px;
}

#gas-jiyuuka .ttl-type3 > span span {
	font-size: 0.7em;
}

#gas-jiyuuka .ttl-type3.black > span {
	background: url(/ep/gas-jiyuuka/images/bg_line3.png) center bottom no-repeat;
	color: #000;
}

/*.ttl-type4
-----------------------------*/
#gas-jiyuuka .ttl-type4 {
	position: relative;
}

#gas-jiyuuka .ttl-type4 a,
#gas-jiyuuka .ttl-type4 .ttl-inner {
	display: block;
	padding: 15px 50px;
	line-height: 1.2;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#gas-jiyuuka .ttl-type4 a span,
#gas-jiyuuka .ttl-type4 .ttl-inner span {
	font-size: 16px;
	font-weight: normal;
}


#gas-jiyuuka .ttl-type4::after {
	position: absolute;
	display: block;
	content: "";
	margin-left: -13px;
	top: 100%;
	left: 50%;
	width: 26px;
	height: 15px;
}

/*.ttl-type5
-----------------------------*/

/*color1*/
#gas-jiyuuka .ttl-type4.color1 {
	background: -moz-linear-gradient(top, #d64831 0%, #a71f19 100%);
	background: -webkit-linear-gradient(top, #d64831 0%,#a71f19 100%);
	background: linear-gradient(to bottom, #d64831 0%,#a71f19 100%);
	background: linear-gradient(#d64831,#a71f19);
}

#gas-jiyuuka .ttl-type4.color1::after { background: url(/ep/gas-jiyuuka/images/icon_arw9.png) 0 0 no-repeat; }

/*color2*/
#gas-jiyuuka .ttl-type4.color2 {
	background: -moz-linear-gradient(top, #eeb744 0%, #c39035 100%);
	background: -webkit-linear-gradient(top, #eeb744 0%,#c39035 100%);
	background: linear-gradient(to bottom, #eeb744 0%,#c39035 100%);
	background: linear-gradient(#eeb744,#c39035);
}

#gas-jiyuuka .ttl-type4.color2::after { background: url(/ep/gas-jiyuuka/images/icon_arw10.png) 0 0 no-repeat; }

/*color3*/
#gas-jiyuuka .ttl-type4.color3 {
	background: #004ea2;
}

#gas-jiyuuka .ttl-type4.color3::after { background: url(/ep/gas-jiyuuka/images/icon_arw11.png) 0 0 no-repeat; }



/*.ttl-type5
-----------------------------*/
#gas-jiyuuka .ttl-type5 {
	line-height: 1.2;
	color: #004ea2;
	font-size: 40px;
	text-align: center;
}

#gas-jiyuuka .ttl-type5 span {
	color: #d53a30;
	font-size: 56px;
}



#gas-jiyuuka .ttl-type5 br {
	display: none;
}

/*.ttl-type6
-----------------------------*/
#gas-jiyuuka .ttl-type6 {
	margin-top: 30px;
	line-height: 1.2;
	color: #d53a30;
	font-size: 32px;
	text-align: center;
	letter-spacing: 0.3em;
}


/*.ttl-type7
-----------------------------*/
#gas-jiyuuka .ttl-type7 {
	text-align: center;
}

#gas-jiyuuka .ttl-type7 a,
#gas-jiyuuka .ttl-type7 span {
	display: block;
	padding: 20px;
	line-height: 1.2;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}


#gas-jiyuuka .ttl-type7 a span {
	display: block;
	margin-top: -10px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.2;
}

#gas-jiyuuka .ttl-type7 a span.size-m {
	font-size: 0.85em;
}
#gas-jiyuuka .ttl-type7.color1 {
	background: #004ea2;
}

#gas-jiyuuka .ttl-type7.color2 {
	background: #d53a30;
}


#gas-jiyuuka .fw-b  { font-weight: bold; }
#gas-jiyuuka .fs-20 { font-size: 20px !important; }
#gas-jiyuuka .fs-22 { font-size: 22px !important; }
#gas-jiyuuka .fs-24 { font-size: 24px !important; }


/*////////////////////////////

.anchor-nav

///////////////////////////*/
#gas-jiyuuka .anchor-nav {
	display: table;
	width: 100%;
}

#gas-jiyuuka .anchor-nav li {
	display: table-cell;
	padding: 3px 10px;
	border-left: 1px solid #000;
	line-height: 1.3;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: normal;
}

#gas-jiyuuka .anchor-nav.nav-size2 li { font-size: 15px; }

#gas-jiyuuka .anchor-nav li:last-of-type {
	border-right: 1px solid #000;
}

#gas-jiyuuka .anchor-nav.color1 li { border-color: #d53a30; }

#gas-jiyuuka .anchor-nav.num6 li { width: 16.66%; }
#gas-jiyuuka .anchor-nav.num5 li { width: 20.00%; }
#gas-jiyuuka .anchor-nav.num4 li { width: 25.00%; }
#gas-jiyuuka .anchor-nav.num3 li { width: 33.33%; }
#gas-jiyuuka .anchor-nav.num2 li { width: 50.00%; }

#gas-jiyuuka .anchor-nav li a {
	display: block;
	padding-bottom: 20px;
	width: 100%;
	background: url(/ep/gas-jiyuuka/images/icon_arw6.png) center bottom no-repeat;
	color: #000;
	text-align: center;
}

#gas-jiyuuka .anchor-nav li a:hover {
	opacity: 1 !important;
}

#gas-jiyuuka .anchor-nav.color1 li a:hover { background-image: url(/ep/gas-jiyuuka/images/icon_arw7.png); color: #d53a30; }
#gas-jiyuuka .anchor-nav.color2 li a:hover { background-image: url(/ep/gas-jiyuuka/images/icon_arw8.png); color: #004ea2; }


/*////////////////////////////

#gas-gnav

///////////////////////////*/
#gas-jiyuuka .gas-menu {
	display: none;
}

#gas-jiyuuka #gas-gnav {
	position: relative;
	background: #eeefef;
	z-index: 100;
}

#gas-jiyuuka.gas-top #gas-gnav {
	margin-top: 17px;
}

#gas-jiyuuka.fix #gas-gnav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	margin-top: 0;
}

#gas-jiyuuka #gas-gnav::after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #babbbb;
	z-index: 1;
}

#gas-jiyuuka #gas-gnav ul {
	display: table;
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}

#gas-jiyuuka #gas-gnav ul li {
	display: table-cell;
	text-align: left;
}

#gas-jiyuuka #gas-gnav ul li a {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 12px 0;
	text-decoration: none;
	vertical-align: top;
}

#gas-jiyuuka #gas-gnav ul li a::after {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #babbbb;
	transition: 0.3s background;
	z-index: 2;
}

#gas-jiyuuka #gas-gnav ul li a .nav-text {
	display: inline-block;
	overflow: hidden;
}

#gas-jiyuuka #gas-gnav ul li a .nav-text span {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	transition: 0.3s transform;
	white-space: nowrap;
}

#gas-jiyuuka #gas-gnav ul li a .nav-text span::after {
	position: absolute;
	display: inline-block;
	content: attr(data-text);
	top: 100%;
	left: 0;
	color: #004ea2;
	white-space: nowrap;
}

#gas-jiyuuka #gas-gnav ul li a:hover::after { background: #004ea2; }
#gas-jiyuuka #gas-gnav ul li a:hover .nav-text span { transform: translateY(-100%); }

#gas-jiyuuka #gas-gnav ul li.nav1 { width: 7.7%; }
#gas-jiyuuka #gas-gnav ul li.nav2 { width: 14.8%; }
#gas-jiyuuka #gas-gnav ul li.nav3 { width: 24.5%; }
#gas-jiyuuka #gas-gnav ul li.nav4 { width: 20.9%; }
#gas-jiyuuka #gas-gnav ul li.nav5 { width: 18.4%; }
#gas-jiyuuka #gas-gnav ul li.nav6 { width: 13.7%; }

#gas-jiyuuka.gas-top #gas-gnav ul li.nav1 a::after { background: #004ea2; }
#gas-jiyuuka.gas-top #gas-gnav ul li.nav1 a .nav-text span { transform: translateY(-100%); }

#gas-jiyuuka.gas-about #gas-gnav ul li.nav2 a::after { background: #004ea2; }
#gas-jiyuuka.gas-about #gas-gnav ul li.nav2 a .nav-text span { transform: translateY(-100%); }

#gas-jiyuuka.gas-performance #gas-gnav ul li.nav3 a::after { background: #004ea2; }
#gas-jiyuuka.gas-performance #gas-gnav ul li.nav3 a .nav-text span { transform: translateY(-100%); }

#gas-jiyuuka.gas-plan #gas-gnav ul li.nav4 a::after { background: #004ea2; }
#gas-jiyuuka.gas-plan #gas-gnav ul li.nav4 a .nav-text span { transform: translateY(-100%); }

#gas-jiyuuka.gas-apply #gas-gnav ul li.nav5 a::after { background: #004ea2; }
#gas-jiyuuka.gas-apply #gas-gnav ul li.nav5 a .nav-text span { transform: translateY(-100%); }


/*////////////////////////////

.yukadan

///////////////////////////*/
#gas-jiyuuka .yukadan .ttl-type5 {
	color: #cc6715;
}

#gas-jiyuuka .yukadan ul.cmn-list1 li {
	color: #cc6715;
}

#gas-jiyuuka .yukadan a.btn2.yellow {
	background-image: url(/ep/gas-jiyuuka/images/icon_arw15.png);
	color: #cc6715;
}

#gas-jiyuuka .yukadan a.btn2.yellow span {
	border-color: #cc6715;
}


/*////////////////////////////

.modalwin

///////////////////////////*/
#modalwin {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	
}

#modalwin .modalwin-bg {
	width: 100%;
	height: 100%;	
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}

#modalwin .modalwin-inner {
	position: absolute;
	margin: 0 0 0 -325px;
	top: 50%;
	left: 50%;
	max-width: 650px;
	background-color: #fff;
}

#modalwin .modalwin-inner .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

#modalwin .modalwin-inner .win {
	display: none;
	padding: 50px 45px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#modalwin .modalwin-inner .win.show {
	display: block;
}


#modalwin .modalwin-inner .win h3 {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	font-size: 24px;
}

#modalwin .modalwin-inner .win ul.list1 {
	margin-top: 20px;
	font-size: 20px;
}

#modalwin .modalwin-inner .win ul.list1 li {
	padding-left: 1em;
	text-indent: -1em;
}

#modalwin .modalwin-inner .win ul.cap-list {
	margin-top: 30px;
	font-size: 12px;
}

#modalwin .modalwin-inner .win ul.cap-list li {
	padding-left: 1em;
	text-indent: -1em;
}


#modalwin .modalwin-inner .win ul.list2 {
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}

#modalwin .modalwin-inner .win ul.list2 li {
	float: left;
	width: 33.3%;
}

#modalwin .modalwin-inner .win .win-btn1 {
	margin-top: 30px;
}
/*////////////////////////////

.clearfix

///////////////////////////*/
#modalwin .modalwin-inner .win ul.list2::after,
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


@media screen and (max-width: 979px) {
	/*////////////////////////////
	
	common
		
	///////////////////////////*/
	
	#gas-jiyuuka .gas-section .gas-inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	/*.check1
	-----------------------------*/
	#gas-jiyuuka .check1 {
		font-size: 20px;
	}
	
	/*.cmn-list1
	-----------------------------*/
	#gas-jiyuuka ul.cmn-list1 li {
		margin-right: 20px;
		font-size: 18px;
	}

	/*.gas-cnv-block1
	-----------------------------*/
	#gas-jiyuuka .gas-cnv-block1 {}

	#gas-jiyuuka .gas-cnv-block1 .gas-inner {
		padding: 30px 30px 50px;
	}

	/*.pic-contact
	-----------------------------*/
	#gas-jiyuuka .pic-contact {
		margin-top: 30px;
	}

	/*.ttl-type1
	-----------------------------*/
	#gas-jiyuuka .ttl-type1 {
		font-size: 24px;
	}
	
	/*.ttl-type2
	-----------------------------*/
	#gas-jiyuuka .ttl-type2 {
		font-size: 18px;
	}

	/*.ttl-type3
	-----------------------------*/
	#gas-jiyuuka .ttl-type3 span {
		font-size: 20px;
	}
	
	/*.ttl-type4
	-----------------------------*/
	#gas-jiyuuka .ttl-type4 a,
	#gas-jiyuuka .ttl-type4 .ttl-inner {
		padding: 10px 80px;
		font-size: 20px;
	}

	#gas-jiyuuka .ttl-type4 a span,
	#gas-jiyuuka .ttl-type4 .ttl-inner span {
		font-size: 14px;
	}
	
	/*.ttl-type5
	-----------------------------*/
	#gas-jiyuuka .ttl-type5 {
		font-size: 30px;
	}

	#gas-jiyuuka .ttl-type5 span {
		font-size: 40px;
	}

	/*.ttl-type6
	-----------------------------*/
	#gas-jiyuuka .ttl-type6 {
		margin-top: 20px;
		font-size: 24px;
	}
	
	/*.ttl-type7
	-----------------------------*/
	#gas-jiyuuka .ttl-type7 {}

	#gas-jiyuuka .ttl-type7 a,
	#gas-jiyuuka .ttl-type7 span {
		display: block;
		padding: 20px 40px;
		font-size: 20px;
	}

	#gas-jiyuuka .fs-20 { font-size: 18px !important; }
	#gas-jiyuuka .fs-22 { font-size: 20px !important; }
	#gas-jiyuuka .fs-24 { font-size: 20px !important; }
	
	/*////////////////////////////

	#gas-gnav

	///////////////////////////*/
	#gas-jiyuuka.gas-top #gas-gnav {
		margin-top: 20px;
	}
	
	#gas-jiyuuka.fix #gas-gnav {
		margin-top: 0;
	}
	
	#gas-jiyuuka #gas-gnav ul li a .nav-text span {
		font-size: 13px;
	}

	
	/*////////////////////////////

	.modalwin

	///////////////////////////*/

	#modalwin .modalwin-inner .win {
		display: none;
		padding: 25px 20px;
	}


	#modalwin .modalwin-inner .win h3 {
		padding-bottom: 15px;
		font-size: 20px;
	}

	#modalwin .modalwin-inner .win ul.list1 {
		margin-top: 15px;
		font-size: 18px;
	}

	#modalwin .modalwin-inner .win ul.cap-list {
		margin-top: 20px;
	}
	
	#modalwin .modalwin-inner .win ul.list2 {
		margin-top: 15px;
		font-size: 18px;
	}

	#modalwin .modalwin-inner .win .win-btn1 {
		margin-top: 15px;
	}

}

@media screen and (max-width: 768px) {
	/*////////////////////////////
	
	common
		
	///////////////////////////*/
	#gas-jiyuuka {}
	
	#gas-jiyuuka .gas-section .gas-inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*.cmn-list1
	-----------------------------*/
	#gas-jiyuuka ul.cmn-list1 li {
		margin-right: 10px;
		font-size: 14px;
	}
	
	/*.check1
	-----------------------------*/
	#gas-jiyuuka .check1 {
		padding-left: 22px;
		background-size: 18px auto !important;
		font-size: 16px;
	}
	
	/*.btn1鬩搾ｽｵ??ｽ??ｲ??陟包ｽｼn2鬩搾ｽｵ??ｽ??ｲ??陟包ｽｼn3
	-----------------------------*/
	#gas-jiyuuka a.btn1,
	#gas-jiyuuka a.btn2,
	#gas-jiyuuka a.btn3,
	#gas-jiyuuka a.btn4,
	#gas-jiyuuka a.btn5 {
		padding-left: 14px;
		background-size: 8px auto;
		font-size: 14px;
	}

	#gas-jiyuuka a.btn1 span,
	#gas-jiyuuka a.btn2 span,
	#gas-jiyuuka a.btn3 span,
	#gas-jiyuuka a.btn4 span,
	#gas-jiyuuka a.btn5 span {
		padding-bottom: 2px;
	}
	
	
	/*.btn-ac
	-----------------------------*/
	#gas-jiyuuka a.btn-ac {
		background-image: url(/ep/gas-jiyuuka/images/btn_ac_open_sp.png);
	}

	#gas-jiyuuka a.btn-ac.close {
		background-image: url(/ep/gas-jiyuuka/images/btn_ac_close_sp.png);
	}

	
	/*.attention
	-----------------------------*/
	#gas-jiyuuka .attention span {
		padding-left: 25px;
		background-size: 20px auto !important;
		font-size: 16px;
	}
	
	
	#gas-jiyuuka .cap1 {
		font-size: 11px;
	}

	#gas-jiyuuka .cap2 {
		font-size: 11px;
	}

	
	/*.gas-cnv-block1
	-----------------------------*/
	#gas-jiyuuka .gas-cnv-block1 {}

	#gas-jiyuuka .gas-cnv-block1 .gas-inner {
		padding: 20px 10px;
	}
	
	#gas-jiyuuka .gas-cnv-block1 .gas-inner .btn-cnv {
		max-width: 250px;
	}

	/*.pic-contact
	-----------------------------*/
	#gas-jiyuuka .pic-contact {
		margin-top: 20px;
	}
	
	#gas-jiyuuka .pic-contact .contact-txt1 {
		line-height: 1.2;
		color: #d53a30; 
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		letter-spacing: normal;
	}
	
	#gas-jiyuuka .pic-contact .reception {
		display: table;
		margin-top: 5px;
		width: 100%;
	}
	
	#gas-jiyuuka .pic-contact .reception dt,
	#gas-jiyuuka .pic-contact .reception dd {
		display: table-cell;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#gas-jiyuuka .pic-contact .reception dt {
		width: 65px;
	}
	
	#gas-jiyuuka .pic-contact .cap-list li {
		margin-top: 5px;
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.2;
	}
	
	#gas-jiyuuka .pic-contact .tel {
		margin-top: 5px;
	}

	/*.accordion
	-----------------------------*/
	#gas-jiyuuka .accordion .ac-cts {
		border-width: 2px;
	}

	#gas-jiyuuka .accordion .ac-cts .ac-inner {
		padding: 0 10px;
	}
	

	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-green1,
	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue1,
	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue2,
	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue3,
	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-red1 { padding: 0; }

	#gas-jiyuuka .accordion .ac-cts .ac-inner.bg-blue2 { background: #f1f8fe; }
	
	/*.ttl-type1
	-----------------------------*/
	#gas-jiyuuka .ttl-type1 {
		padding: 8px 10px;
		font-size: 16px;
		line-height: 1.2;
	}
	
	#gas-jiyuuka .ttl-type1 span.small1 {
		font-size: 12px;
	}



	#gas-jiyuuka .ttl-type1 span {
		font-size: 11px;
	}

	/*.ttl-type2
	-----------------------------*/
	#gas-jiyuuka .ttl-type2 {
		font-size: 16px;
	}

	/*.ttl-type3
	-----------------------------*/
	#gas-jiyuuka .ttl-type3 span {
		font-size: 16px;
		padding-bottom: 16px;
		background-size: auto 12px !important;
	}
	
	/*.ttl-type4
	-----------------------------*/
	#gas-jiyuuka .ttl-type4 a,
	#gas-jiyuuka .ttl-type4 .ttl-inner {
		padding: 8px 25px;
		font-size: 16px;
		text-align: center;
	}
	
	#gas-jiyuuka .ttl-type4 .ttl-inner {
		padding: 8px 10px;
	}

	#gas-jiyuuka .ttl-type4 a span,
	#gas-jiyuuka .ttl-type4 .ttl-inner span {
		font-size: 11px;
	}
	
	/*.ttl-type5
	-----------------------------*/
	#gas-jiyuuka .ttl-type5 {
		font-size: 22px;
	}
	
	#gas-jiyuuka .ttl-type5 br {
		display: block;
	}

	#gas-jiyuuka .ttl-type5 span {
		font-size: 30px;
	}
	
	/*.ttl-type6
	-----------------------------*/
	#gas-jiyuuka .ttl-type6 {
		margin-top: 15px;
		font-size: 16px;
	}
	
	/*.ttl-type7
	-----------------------------*/
	#gas-jiyuuka .ttl-type7 {}

	#gas-jiyuuka .ttl-type7 a,
	#gas-jiyuuka .ttl-type7 span {
		display: block;
		padding: 10px 30px;
		font-size: 16px;
	}
	
	#gas-jiyuuka .ttl-type7 a span,
	#gas-jiyuuka .ttl-type7 span span { margin-top: 0; padding: 0; }
	
	#gas-jiyuuka .fs-20 { font-size: 14px !important; }
	#gas-jiyuuka .fs-22 { font-size: 16px !important; }
	#gas-jiyuuka .fs-24 { font-size: 16px !important; }
	
	
	/*////////////////////////////

	.anchor-nav

	///////////////////////////*/
	#gas-jiyuuka .anchor-nav {
		display: block;
		letter-spacing: -0.4em;
	}
	
	#gas-jiyuuka .anchor-nav li {
		display: inline-block;
		padding: 5px;
		border: none;
		width: 50% !important;
		font-size: 12px !important;
		letter-spacing: normal;
	}
	
	#gas-jiyuuka .anchor-nav li:last-of-type {
		border-right: none;
	}
	
	#gas-jiyuuka .anchor-nav li a {
		padding: 5px 20px 5px 5px;
		border-bottom: 1px solid #000;
		background-position: 94% center;
		background-size: 10px auto !important;
		text-align: left;
	}

	#gas-jiyuuka .anchor-nav.color1 li a {
		border-color: #d53a30;
	}


	/*////////////////////////////

	#gas-gnav

	///////////////////////////*/
	#gas-jiyuuka .gas-menu {
		display: block;
	}
	
	#gas-jiyuuka .gas-menu a {
		display: block;
		padding: 15px 20px;
		background: #eeefef url(/ep/gas-jiyuuka/images/icon_menu.gif) 20px center no-repeat;
		font-size: 14px;
		text-align: center;
	}
	
	#gas-jiyuuka #gas-gnav {
		display: none;
		background: none;
	}
	
	#gas-jiyuuka.gas-top #gas-gnav {
		margin-top: 0;
	}

	#gas-jiyuuka #gas-gnav::after {
		content: none;
	}

	#gas-jiyuuka #gas-gnav ul {
		display: block;
	}

	#gas-jiyuuka #gas-gnav ul li {
		display: block;
		border-top: #ccc 1px solid;
		width: 100% !important;
	}

	#gas-jiyuuka #gas-gnav ul li a {
		display: block;
		padding: 16px 10px;
		background: #eeefef url(/ep/gas-jiyuuka/images/icon_arw1.gif) right center no-repeat;
	}

	#gas-jiyuuka #gas-gnav ul li a::after {
		content: none;
	}

	#gas-jiyuuka #gas-gnav ul li a .nav-text {
		display: block;
	}

	#gas-jiyuuka #gas-gnav ul li a .nav-text span {
		display: block;
		color: #666;
		font-weight: normal;
	}

	#gas-jiyuuka #gas-gnav ul li a .nav-text span::after {
		content: none;
	}
	
	#gas-jiyuuka #gas-gnav ul li a:hover .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-top #gas-gnav ul li.nav1 a .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-about #gas-gnav ul li.nav2 a .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-performance #gas-gnav ul li.nav3 a .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-plan #gas-gnav ul li.nav4 a .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-apply #gas-gnav ul li.nav5 a .nav-text span { transform: translateY(0); }
	#gas-jiyuuka.gas-faq #gas-gnav ul li.nav6 a .nav-text span { transform: translateY(0); }
	
	.gasnav-on { background-color: #eeefef; }
	.gasnav-on #content-foot-support, .gasnav-on #bred-crumb-wrapper, .gasnav-on #content-foot-wrapper, .gasnav-on #gas-content { height: 0; overflow: hidden; }
	.gasnav-on #content-body-wrapper { margin-bottom: 0; }

	


	#gas-jiyuuka.gas-plan #gas-content .gas-top-btn {
		margin-top: 30px;
		}

	#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li {
		margin: 0 auto;
		max-width: 240px
	}

	#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li.btn-try {
		float: none;
	}

	#gas-jiyuuka.gas-plan #gas-content .gas-top-btn ul li.btn-apply {
		margin-top: 20px;
		float: none;
	}


	
	
	/*////////////////////////////

	.modalwin

	///////////////////////////*/
	#modalwin {
	}
	
	#modalwin .modalwin-bg {
		}
	
	#modalwin .modalwin-inner {
		margin: 10px;
		left: auto;
		max-width: initial;
	}
	
	#modalwin .modalwin-inner .btn-close {
		top: 10px;
		right: 10px;
	}
	
	#modalwin .modalwin-inner .win {
		padding: 10px;
	}

	#modalwin .modalwin-inner .win h3 {
		padding-bottom: 10px;
		font-size: 16px;
	}

	#modalwin .modalwin-inner .win ul.list1 {
		margin-top: 10px;
		font-size: 14px;
	}

	#modalwin .modalwin-inner .win ul.cap-list {
		margin-top: 15px;
	}
	

	#modalwin .modalwin-inner .win ul.list2 {
		margin-top: 10px;
		font-size: 14px;
	}

	#modalwin .modalwin-inner .win ul.list2 li {
		width: 50%;
	}

	#modalwin .modalwin-inner .win .win-btn1 {
		margin-top: 15px;
	}
}