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


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

		common

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

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.mt00 {
	margin-top: 0!important
	}

.mt10 {
	margin-top: 10px!important
	}
	
.pl00 {
	padding-left: 0!important
	}

#content-body-wrapper .hdg-level2 {
	text-align: left
	}

#content-body-wrapper .content-level1-wrapper {
	width: 980px;
	margin: 0 auto
	}

#content-body-wrapper .title {
	float: left
	}
	
#content-body-wrapper .title .hdg-level1-wrapper {
	width: auto
	}
	
#content-body-wrapper .btn {
	float: right;
	margin-top: 70px;
	font-size: 18px
	}
	
#content-body-wrapper .btn img {
	padding-left: 10px
	}
	
#content-body-wrapper .btn span {
	font-size: 14px
	}
	
#content-body-wrapper .btn a {
	display: block;
	padding: 20px;
	border: 1px solid #ccc;
	box-shadow: 0 2px 0 #d1d1d1;
	}
	
#content-body-wrapper .btn a:hover{
	text-decoration: none;
	color: #ea1f19;
	}
	
#content-body-wrapper .btn a:visited{
	text-decoration: none;
	}
	

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

		support

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

#support.support-lower h2{
  text-align: center;
  font-size: 30px;
  background: url(/ep/gas-jiyuuka/images/3/gas_lower_h2_line.jpg) no-repeat center bottom;
  line-height: 1;
  padding-bottom: 15px;
  margin-bottom: 40px;
  margin-top: 50px;
}


#support {
  color: #333;
  font-family: "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#support .support-inner {
  max-width: 1000px;
  margin: 0 auto;
}
#support .support-inner-m {
  max-width: 1180px;
  margin: 0 auto;
}
#support .support-inner-l {
  max-width: 1240px;
  margin: 0 auto;
}
#support .support-cfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#support.support-detail .support-contents-area dl dd {
	font-size: 16px;
	line-height: 2
	}

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

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

#support.support-detail .support-contents-area .support-btnlist3 {
  text-align: center;
}

#support.support-detail .support-contents-area .support-btnlist3 li {
  display: inline-block;
  margin: 30px auto 0;
  width: 500px
}

#support.support-detail .support-contents-area .support-btnlist3 li span{
  display: block;
}

#support.support-detail .support-contents-area .support-btnlist3 li span.sub-ttl {
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: bold
  	}

#support.support-detail .support-contents-area .support-btnlist3 li span.list {
  	margin-bottom: 20px
  	}

#support.support-detail .support-contents-area .support-btnlist3 li a {
  display: inline-block;
  width: 400px;
  height: 50px;
  margin-bottom: 10px;
  line-height: 50px;
  background-color: #fff;
  font-size: 14px;
  border-radius: 25px;
  border: 1px solid #dcdcdc;
  position: relative;
  transition: 0.3s all;
}

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

#support.support-detail .support-contents-area .support-btnlist3 li a:after {
  content: '';
  background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
  background-size: 5px;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4.5px;
}

#support.support-detail .support-contents-area .support-btnlist3 li a.toku:after,
#support.support-detail .support-contents-area .support-btnlist3 li a.toku2:after,
#support.support-detail .support-contents-area .support-btnlist3 li a.toku3:after {
    right: 18px;
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow1.png) no-repeat 0 0;
    background-size: 5px
}

#support.support-detail .support-contents-area .support-btnlist3 li a.toku {
	background-color: #d42233;
	color: #fff
	}	
#support.support-detail .support-contents-area .support-btnlist3 li a.toku2 {
	background-color: #1e478c;
	color: #fff
	}
#support.support-detail .support-contents-area .support-btnlist3 li a.toku3 {
	background-color: #3d79bf;
	color: #fff
	}

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

#support.support-detail .support-contents-area .support-btnlist3 li a:hover {
	background-color: #FFF;
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
	color: #656d73
	}

#support.support-detail .support-contents-area .support-btnlist3 li a.toku:hover,
#support.support-detail .support-contents-area .support-btnlist3 li a.toku2:hover,
#support.support-detail .support-contents-area .support-btnlist3 li a.toku3:hover {
	background-color: #fff;
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
	color: #333
}

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


.ep-cc__info2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 980px;
  margin: 20px auto 20px;
  padding: 20px;
  border: 3px solid #e62320;
  border-radius: 20px;
}

.ep-cc__info2-text1 {
  color: #e62828;
  font-size: 20px;
  margin-bottom: 20px
}

.ep-cc__info2-text2 {
  font-size: 14px;
  line-height: 1.5em
}

/* nav */

#ev-title-common p.ev-menu {
	display: none;
	}

#ev-title-common ul.ev-gnav {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1000px;
	width: 100%;
	list-style: none;
}

#ev-title-common ul.ev-gnav li {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cccccc
}
#ev-title-common ul.ev-gnav li a,
#ev-title-common ul.ev-gnav li span {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.12em;
}

#ev-title-common ul.ev-gnav li span {
	color: #ccc;
}

#ev-title-common ul.ev-gnav li a:hover {
	background-color: #b9b8b8;
	text-decoration: none;
}

#ev-title-common ul.ev-gnav li.nav1 { width: 30.0%; }
#ev-title-common ul.ev-gnav li.nav2 { width: 30.0%; }
#ev-title-common ul.ev-gnav li.nav3 { width: 30.0%; } 

/* //nav */

#content-body-wrapper #kanto table .doc-tel,#content-body-wrapper #chubu table .doc-tel,#content-body-wrapper #kansai table .doc-tel {
	margin-bottom: 0
	}


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

		work

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

#work {
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', 'Arial', sans-serif
	}
	
#work .doc-text {
	line-height: 1.8em;
	margin-bottom: 26px;
	}



#work a:visited {
	color: #656D72;
	text-decoration: none
	}
	
#work a:link {
	color: #656D72;
	text-decoration: none
	}

#work .section {
	width: 980px;
	margin: 0 auto;
	background: none;
	}

#work .tbl-type06 {
	margin-bottom: 15px;
	width: 100%
	}
	
#work .tbl-type06 th {
	background: #f5f6f8;
	text-align: left;
	font-weight: normal;
	font-size: 142.9%;
	color: #333;
	border: 1px solid #ececec;
	padding: 15px 40px;
	}
	
#work .tbl-type06 td {
	border: 1px solid #ececec;
	padding: 15px 40px
	}
	
#work .doc-tel {
	font-size : 200%;
	margin-bottom: 15px;
	color:#333
	}
	
#work .doc-tel .fee {
	font-size: 60%
	}

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

		#content-body-wrapper .content-level1-wrapper {
			width: auto
			}
		
		#content-body-wrapper .btn {
			padding-right: 10px
			}	
	
	}

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

	#work .section {
		width: 100%;
		margin: 0 atuo;
		padding: 0 10px;
		box-sizing: border-box;
		}

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

		#content-body-wrapper .title {
			float: none
			}

		#content-body-wrapper .btn {
			margin-top: 0;
			float: none;
			width: 95%;
			padding: 0 10px;
			font-size: 16px;
			}

		#content-body-wrapper .btn span {
			font-size: 12px;
			}
			
		#content-body-wrapper .btn a {
			padding: 5px 10px;
			}


  #support.support-detail .support-contents-area .support-btnlist3 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    max-width: 400px;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li {
    display: block;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 100%;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li:first-child {
    margin-left: 0px;
  }

  #support.support-detail .support-contents-area .support-btnlist3 li a {
    display: block;
    width: 100%;
  	line-height: 35px;
  	box-sizing: border-box;
  	padding: 5px 16px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 25px;
    border: 1px solid #dcdcdc;
    position: relative;
    transition: 0.3s all;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li a:after {
    content: '';
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
    background-size: 5px;
    width: 5px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4.5px;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li a:hover {
    background-color: #0074c1;
    color: #fff;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li a:hover:after {
    right: 18px;
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow1.png) no-repeat 0 0;
    background-size: 5px;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li:nth-child(3) {
    margin-left: 0px;
    margin-top: 0px;
  }
  #support.support-detail .support-contents-area .support-btnlist3 li:first-child a {
    width: 100%;
    height: 50px;
    padding: 0;
    line-height: 50px;
  }

  .ep-cc__info2 {
    max-width: inherit;
    margin: 11.73403vw 5.21512vw 11.73403vw;
    padding: 5.21512vw;
    border-radius: 2.60756vw;
    text-align: left;
  }
  .ep-cc__info2-text1 {
    font-size: 3.65059vw;
    font-weight: bold;
  }
  .ep-cc__info2-text2 {
    margin-top: 3.91134vw;
    font-size: 2.60756vw;
  }
  
  	#ev-title-common ul.ev-gnav {
		display: none;
		padding: 0;
	}
	
	#ev-title-common ul.ev-gnav li {
		display: block;
		border: none;
		border-top: 1px solid #cacbcc;
		text-align: left;
	}
	
	#ev-title-common ul.ev-gnav li.nav6 {
		border-right: none;		
		border-bottom: 1px solid #cacbcc;
	}
	
	#ev-title-common ul.ev-gnav li a,
	#ev-title-common ul.ev-gnav li span {
		display: block;
		padding: 0 0 0 10px;
		height: 46px;
		line-height: 46px;
		font-size: 14px;
		font-weight: normal;
	}
	
	#ev-title-common ul.ev-gnav li a {
		color: #000;
		background: #e8eaeb url(/images/icon_arw1.gif) right center no-repeat;
	}
	
	#ev-title-common ul.ev-gnav li span {
		background: #e8eaeb;
		color: #aaa;
	}
	
	#ev-title-common ul.ev-gnav li a:hover {
		color: #000;
		text-decoration: none;
	}
	
	#ev-concept #ev-title-common ul.ev-gnav li.nav1 a::after,
	#ev-history #ev-title-common ul.ev-gnav li.nav2 a::after,
	#ev-society #ev-title-common ul.ev-gnav li.nav3 a::after,
	#ev-topics  #ev-title-common ul.ev-gnav li.nav4 a::after,
	#ev-qa      #ev-title-common ul.ev-gnav li.nav5 a::after,
	#ev-link    #ev-title-common ul.ev-gnav li.nav6 a::after,
	#ev-title-common ul.ev-gnav li a:hover::after {
		display: none;
	}
	#ev-concept #ev-title-common ul.ev-gnav li.nav1 a { color: #8dc76d; background: #fff; }
	#ev-history #ev-title-common ul.ev-gnav li.nav2 a { color: #8dc76d; background: #fff; }
	#ev-society #ev-title-common ul.ev-gnav li.nav3 a { color: #8dc76d; background: #fff; }
	#ev-topics  #ev-title-common ul.ev-gnav li.nav4 a { color: #8dc76d; background: #fff; }
	#ev-qa      #ev-title-common ul.ev-gnav li.nav5 a { color: #8dc76d; background: #fff; }
	#ev-link    #ev-title-common ul.ev-gnav li.nav6 a { color: #8dc76d; background: #fff; }
		
	#ev-title-common ul.ev-gnav li.nav1,
	#ev-title-common ul.ev-gnav li.nav2,
	#ev-title-common ul.ev-gnav li.nav3,
	#ev-title-common ul.ev-gnav li.nav4,
	#ev-title-common ul.ev-gnav li.nav5,
	#ev-title-common ul.ev-gnav li.nav6,
	#ev-title-common ul.ev-gnav li.nav7 { width: 100%; }
	
	#ev-title-common p.ev-menu {
		display: block;
	}	
	
	#ev-title-common p.ev-menu a {
		display: block;
		height: 46px;
		line-height: 46px;
		background: #e8eaeb url(/ep/as2/smart/images/icon_menu.gif) 18px center no-repeat;
		font-size: 16px;
		text-align: center;
	}
	
	#ev-title-common p.ev-menu a:hover {
		text-decoration: none;
	}

  table tr {
  	margin-bottom: 10px;
  	display: block;
  }

  #kanto table th,
	#kanto table td,
	#daito table th,
	#daito table td,
	#tobu table th,
	#tobu table td,
	#bushu table th,
	#bushu table td,
	#toho table th,
	#toho table td,
	#shizuoka table th,
	#shizuoka table td,
	#kansai table th,
	#kansai table td,
	#kyushu table th,
	#kyushu table td {
  	width: 100%!important;
  	display: block;
  	box-sizing: border-box;
  }
}

/* PCメニュー */

#aria_menu_pc nav {
	width: 100%;
	background-color: #fff;
	text-align: center;
  }
  /* メニューを横並びにする */
#aria_menu_pc nav ul {
	display: flex;
	justify-content: center;
  }
.aria_menu_pc__ul{
	height: 34px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
  }
  /* ２階層目 以降のメニューは縦並びにする */
#aria_menu_pc nav ul ul {
	display: block;
  }
  /* liを下層メニューのulや矢印の基点にする */
#aria_menu_pc nav ul li {
	width: 100%;
	position: relative;
	border: solid 1px #ccc;
  }
#aria_menu_pc nav ul li .aria_menu_pc__ul_ul_li--note{
	border: solid 1px #f5f5f5;
  }
#aria_menu_pc nav ul li .aria_menu_pc__ul_li--note{
	color: #333;
  }
  /* ２階層目を持つliに矢印を設定する */
#aria_menu_pc nav ul li.parent::before {
	content: "";
	position: absolute;
	right: 23px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(135deg);
  }  
  /* ２階層目設定 */
#aria_menu_pc nav li.parent ul {
	/* 位置指定 */
	position: absolute;
	padding: 0;
	left: 0;
	top: 33px;
	z-index: 4;
	/* デザイン指定 */
	background-color: #f5f6f8;
	width: 100%;
	/* 最初は非表示にする */
	visibility: hidden;
	opacity: 0;
	/* アニメーション */
	transition: all 0.3s;
  }
  /* メニューリンクの設定 */
#aria_menu_pc nav ul li a {
	display: block;
	padding: 4px 0;
	transition: all 0.3s; /* アニメーションの動きの速度 */
  }
#aria_menu_pc nav ul li li a {
	padding: 5px 0px;
  }
#aria_menu_pc nav ul li a:hover {
	color: #333;
	text-decoration: none;
	background-color: #cccccc;
  }
  /* hoverしたら表示する */
#aria_menu_pc nav li.parent:hover > ul,
#aria_menu_pc nav li.parent ul li:hover > ul,
#aria_menu_pc nav li.parent:active > ul,
#aria_menu_pc nav li.parent ul li:active > ul {
	visibility: visible;
	opacity: 1;
  }
  /* 下層メニューのaタグのデザイン */
#aria_menu_pc nav li.parent ul li a {
	color: #333;
	border-bottom: solid 1px rgba(255, 255, 255, 0.6);
  }
#aria_menu_pc nav li.parent ul li:last-child > a {
	border-bottom: none;
  }
#aria_menu_pc nav li.parent ul li a:hover,
#aria_menu_pc nav li.parent ul li a:active {
	background-color: #cccccc;
  }

/* SPメニュー */  

/** アコーディオン全体、アコーディオンサブ */
#aria_menu_sp .aria_menu_sp__accordion,
#aria_menu_sp .aria_menu_sp__accordion ul {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    position: relative;
	font-size: 14px;
}
/** アコーディオン項目 */
/* #aria_menu_sp .aria_menu_sp__accordion li {
    position: relative;
    margin: 0;
    padding: 0;
} */
#aria_menu_sp .aria_menu_sp__accordion li label,
#aria_menu_sp .aria_menu_sp__accordion li a {
		position: relative;
    display: block;
    margin: 0 0;
    padding: 10px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
/** 1階層目の項目 */
#aria_menu_sp .aria_menu_sp__accordion > li > label,
#aria_menu_sp .aria_menu_sp__accordion > li > a {
    background: #e8eaeb;
}
/** 2階層目の項目 */
#aria_menu_sp .aria_menu_sp__accordion > li > ul > li > label,
#aria_menu_sp .aria_menu_sp__accordion > li > ul > li > a {
    padding-left: 10px;
    background: #f6f6f6;
}
/** 3階層目の項目 */
#aria_menu_sp .aria_menu_sp__accordion > li > ul > li > ul > li > label,
#aria_menu_sp .aria_menu_sp__accordion > li > ul > li > ul > li > a {
    padding-left: 40px;
    background: #fcfcfc;
}
/** チェックボックス */
#aria_menu_sp .aria_menu_sp__accordion li > [type=checkbox] {
    vertical-align: middle;
    position: absolute;
    left: 0;
    z-index: 1;
    display: none;
}
/** 非チェック時の項目 (スライドアップ・ダウン用) */
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:not(:checked) ~ ul > li > label,
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:not(:checked) ~ ul > li > a {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    color: transparent;
    line-height: 0;
    transition: 0.2s margin, 0.2s padding, 0.2s border-width, 0.2s line-height, 0.2s opacity;
}
/** チェック時の項目 (スライドアップ・ダウン用) */
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:checked ~ ul > li > label,
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:checked ~ ul > li > a {
    opacity: 1;
    color: inherit;
    transition: 0.2s margin, 0.2s padding, 0.2s border-width, 0.2s line-height, 0.2s opacity;
}
/** 非チェック時の項目 (右端のアイコン) */
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox] ~ label::after,
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox] ~ a::after {
	content: "";
	position: absolute;
	right: 25px;
	top: 16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(135deg);
    transition: 0.2s all;
}
/** チェック時の項目 (右端のアイコン) */
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:checked ~ label::after,
#aria_menu_sp .aria_menu_sp__accordion [type=checkbox]:checked ~ a::after {
    transform: rotate(-45deg);
}
#aria_menu_pc{
	display: block;
}
#aria_menu_sp{
	display: none;
}
@media screen and (max-width: 767px) {
#aria_menu_pc{
	display: none;
}
#aria_menu_sp{
	display: block;
}
}

@media screen and (max-width: 767px) {
	.aria_menu_sp__accordion .aria_menu_sp__accordion-item{
		margin-top: 1px;
	}
	.aria_menu_sp__accordion .aria_menu_sp__accordion-item:first-child{
		margin-top: 0;
	}
}

/* 202405 ガスエリア拡大対応にて追加 */
@media screen and (max-width: 767px) {
	#content-body-wrapper .doc-tel .sp-phone-link {
		color: #333;
	}
}
.table-attention {
	font-size: 12px;
	margin-top: 5px;
}
@media screen and (max-width: 767px) {
	.table-attention {
		font-size: 10px;
	}
}
.table-attention li {
	display: flex;
}
.section a.blank {
	color: #3d90cc;
	text-decoration: underline;
}
.section .doc-tel {
	position: relative;
	padding-left: 45px;
}
@media screen and (max-width: 767px) {
	.section .doc-tel {
		padding-left: 6vw;
	}
}
.section .doc-tel::before,
.section .doc-tel.fax::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767px) {
	.section .doc-tel::before,
	.section .doc-tel.fax::before {
		width: 4vw;
		height: 4vw;
	}
}
.section .doc-tel::before {
	background-image: url(/ep/support/gas/images/icon_tel_k.svg);
}
.section .doc-tel.fax::before {
	background-image: url(/ep/support/gas/images/icon_fax.png);
}
#content-body-wrapper .doc-tel {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	#content-body-wrapper th.not-navi-dial {
		background-color: transparent;
		border: 0;
	}
}