@charset "UTF-8";



/* carousel */

/**  **/
#content-body-wrapper .member-content-wrapper .member-content { margin: 0 5px 0 0; width:236px;}

/** carousel **/
a.top-banner-gas-jiyuuka-btn {
  text-decoration: none;
}

.top-banner-gas-jiyuuka.gas-201822 {
	background: #0096d9;
}
.top-banner-gas-jiyuuka.gas-201902 {
	background: #f1a1c3;
}
.top-banner-gas-jiyuuka {
  height: 480px;
  width: 100%;
  min-width: 1240px;
  background: #fff;
}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content {
  display: table;
  width: 1240px;
  height: 480px;
  margin: 0 auto;
}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner {
  display: table-cell;
  vertical-align: middle;
}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner p {
  margin: 0 auto;
}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka2 { display: none;}
.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka3 { display: none;}
a.top-banner-gas-jiyuuka-btn:hover {
  opacity: 0.7;
}
/**  **/
#hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner {
  padding: 0
}
#hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner p {
  margin: 0 auto;
  max-width: none
}

/** **/
a.top-banner-mimiyori-btn {
  text-decoration: none;
}
.top-banner-mimiyori {
  height: 480px;
  width: 100%;
  min-width: 1240px;
  background: #fff;
}
.top-banner-mimiyori .top-banner-mimiyori-content {
  display: table;
  width: 1240px;
  height: 480px;
  margin: 0 auto;
}
.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner {
  display: table-cell;
  vertical-align: middle;
}
.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner p {
  margin: 0 auto;
}
.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori2 { display: none;}
.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori3 { display: none;}
a.top-banner-mimiyori-btn:hover {
  opacity: 0.7;
}

/**  **/
#hd.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner {
  padding: 0
}
#hd.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner p {
  margin: 0 auto;
  max-width: none
}

/**  **/
a.top-carousel-common-btn {
  text-decoration: none;
}
.top-carousel-common {
  height: 480px;
  width: 100%;
  min-width: 1240px;
  background: #fff;
}
.top-carousel-common .top-carousel-common-content {
  display: table;
  width: 1240px;
  height: 480px;
  margin: 0 auto;
}
.top-carousel-common .top-carousel-common-content .top-carousel-common-inner {
  display: table-cell;
  vertical-align: middle;
}
.top-carousel-common .top-carousel-common-content .top-carousel-common-inner p {
  margin: 0 auto;
}
.top-carousel-common .top-carousel-common-content .top-carousel-common-inner img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-tab { display: none;}
.top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-sp { display: none;}
a.top-carousel-common-btn:hover {
  opacity: 0.7;
}

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

  /**  **/
  .top-banner-gas-jiyuuka {
    min-width: initial;
    min-width: auto;
  }
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content {
    width: auto;
    padding: 0 20px;
    margin-left: 0;
  }

  /**  **/
  #hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content {
    padding: 0;
    margin: 0 auto;
  }

  /** carousel- **/
  .top-banner-mimiyori {
    min-width: initial;
    min-width: auto;
  }
  .top-banner-mimiyori .top-banner-mimiyori-content {
    width: auto;
    padding: 0 20px;
    margin-left: 0;
  }

  /**  **/
  #hd.top-banner-mimiyori .top-banner-mimiyori-content {
    padding: 0;
    margin: 0 auto;
  }

  /**  **/
  .top-carousel-common {
    min-width: initial;
    min-width: auto;
  }
  .top-carousel-common .top-carousel-common-content {
    width: auto;
    padding: 0 20px;
    margin-left: 0;
  }
  .top-carousel-common .top-carousel-common-content.top-carousel-common-content--padding0 {
    padding: 0;
  }

}

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

  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka1 { display: none;}
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka2 { display: block; width: auto; height: 480px;}
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka3 { display: none;}


  #hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka1 { display: none;}
  #hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka2 { max-width: 100%; width: 100%; height: auto; }


  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori1 { display: none;}
  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori2 { display: block; width: auto; height: 480px;}
  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori3 { display: none;}


  #hd.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori1 { display: none;}
  #hd.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori2 { max-width: 100%; height: auto; }


  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-pc { display: none;}
  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-tab { display: block; width: auto; height: 480px;}
  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-sp { display: none;}
}

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

  #content-body-wrapper .member-content-wrapper .member-content { margin: 0; width: 100%;}


  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka1 { display: none;}
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka2 { display: none;}
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka3 { display: block;}


  #hd.top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner img.top-banner-gas-jiyuuka2 { display: block;}


  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori1 { display: none;}
  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori2 { display: none;}
  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori3 { display: block;}


  #hd.top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner img.top-banner-mimiyori2 { display: block;}


  .top-banner-gas-jiyuuka {
    border-width: 10px;
    height: 180px;
    width: 100%;
    min-width: 100%;
  }

	.top-banner-gas-jiyuuka.gas-201822, .top-banner-gas-jiyuuka.gas-201902 {
		height: 200px;
	}
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content {
    margin: 0 auto;
    max-width: 340px;
    padding: 0;
    width: auto;
    height: 180px;
  }
  .top-banner-gas-jiyuuka .top-banner-gas-jiyuuka-content .top-banner-gas-jiyuuka-inner {
    padding: 0 10px;
  }


  .top-banner-mimiyori {
    border-width: 10px;
    height: 180px;
    width: 100%;
    min-width: 100%;
  }
  .top-banner-mimiyori .top-banner-mimiyori-content {
    margin: 0 auto;
    max-width: 340px;
    padding: 0;
    width: auto;
    height: 180px;
  }
  .top-banner-mimiyori .top-banner-mimiyori-content .top-banner-mimiyori-inner {
    padding: 0 10px;
  }


  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-pc { display: none;}
  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-tab { display: none;}
  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner img.top-carousel-common-sp { display: block;}

  .top-carousel-common {
    border-width: 10px;
    height: 180px;
    width: 100%;
    min-width: 100%;
  }
  .top-carousel-common .top-carousel-common-content {
    margin: 0 auto;
    max-width: 340px;
    padding: 0;
    width: auto;
    height: 180px;
  }
  .top-carousel-common .top-carousel-common-content .top-carousel-common-inner {
    padding: 0 10px;
  }
}


/** carousel-kaketsuke **/


	.bx-wrapper .bx-pager {
		padding-top: 0;
	}

	.js-carousel-heropanel .bx-wrapper .bx-pager {
		bottom: 10px!important;
	}

	.hero-carousel-top .bx-wrapper ul li.first {
		background-image: url('/ep/topmost_images/kaketsuke_back_02.png') ;
		background-repeat: repeat-x;
	}

	.hero-carousel-top .bx-wrapper ul li.second {
		background-image: url('/ep/topmost_images/jyusetsu_back_02.jpg') ;
		background-repeat: repeat-x;
	}

	.hero-carousel-top .bx-wrapper ul li.third {
		background-image: url('/ep/topmost_images/anshin_back_02.jpg') ;
		background-repeat: repeat-x;
	}

	.hero-carousel-top .bx-wrapper ul li.forth {
		background-image: url('/ep/topmost_images/anshin2_back_02.jpg') ;
		background-repeat: repeat-x;
	}

	.top-kaketsuke {
		/*background: #ccffff;*/
		background-image: url('/ep/topmost_images/kaketsuke_back_01.png') ;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 480px;
	}

	.top-kaketsuke-content{
		width: 1240px;
		margin: 0 auto;
		position: relative;
	}

	.top-kaketsuke-inner {
		height: 480px;
		width: 582px;
		padding-left: 10px;
		max-width: 582px;
	}

	.top-kaketsuke-txtarea{
		box-sizing: border-box;
	}

	.top-kaketsuke-btn {
		margin-top: 15px;
	}

	.top-kaketsuke2 {
		/*background: #ccffff;*/
		background-image: url('/ep/topmost_images/jyusetsu_back.jpg') ;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 480px;
	}

	.top-kaketsuke2-content{
		width: 1240px;
		margin: 0 auto;
		position: relative;
	}

	.top-kaketsuke2-inner {
		height: 480px;
		width: 582px;
		padding-left: 10px;
		max-width: 582px;
	}

	.top-kaketsuke2-txtarea{
		box-sizing: border-box;
	}

	.top-kaketsuke2-btn {
		margin-top: 15px;
	}

	.top-kaketsuke3 {
		/*background: #ccffff;*/
		background-image: url('/ep/topmost_images/anshin_back.png') ;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 480px;
	}

	.top-kaketsuke3-content,.top-kaketsuke4-content{
		width: 1240px;
		margin: 0 auto;
		position: relative;
	}

	.top-kaketsuke3-inner,.top-kaketsuke4-inner {
		height: 480px;
		width: 582px;
		padding-left: 10px;
		max-width: 582px;
	}

	.top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea{
		box-sizing: border-box;
	}

	.top-kaketsuke3-btn,.top-kaketsuke4-btn {
		margin-top: 400px;
	}

	.top-kaketsuke4 {
		/*background: #ccffff;*/
		background-image: url('/ep/topmost_images/anshin2_back.png') ;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 480px;
	}

/** carousel-gas **/


	.top-gas-lp {
		position: relative;
		box-sizing: border-box;
		height: 480px;
		width: 100%;
		background: #000;
	}
	.top-gas-lp * { box-sizing: border-box; }

	.top-gas-lp img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.top-gas-lp::before {
		position: absolute;
		display: block;
		content: "";
		left: 0;
		top: 280px;
		width: 50%;
		height: 68px;
		background: #e71a21;
	}

	.top-gas-lp::after {
		position: absolute;
		display: block;
		content: "";
		right: 0;
		top: 280px;
		width: 50%;
		height: 68px;
		background: url(/ep/topmost_images/bg_gas_lp_02.gif) 0 0 repeat-x;
	}


	.top-gas-lp .top-gas-lp-content {
		max-width: 1240px;
		height: 480px;
		margin: 0 auto;
	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-inner {
		display: table;
		margin: 0 auto;
		max-width: 960px;
		width: 100%;
		height: 280px;
		background: url(/ep/topmost_images/bg_gas_lp_01.jpg) 0 bottom no-repeat;
		background-size: contain;
	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 {
		display: table-cell;
		padding-bottom: 20px;
		vertical-align: middle;

	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 img {
		margin: 0 auto;
		max-width: 560px;
	}
	.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
		position: absolute;
		margin-left: -320px;
		top: 258px;
		left: 50%;
		max-width: 680px;
		z-index: 2;
	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
		padding: 100px 0 0 0;
		text-align: center;
		letter-spacing: -0.4em;
	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn {
		position: relative;
		z-index: 1;

	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a {
		display: inline-block;
		border-radius: 5px;
		-webkit-box-shadow: 0px -4px 0px -1px #002b69 inset;
		box-shadow: 0px -4px 0px -1px #002b69 inset;
		width: 225px;
		height: 50px;
		line-height: 47px;
		background: #004ea2;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		letter-spacing: normal;
	}

	.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a:hover {
		text-decoration: none;
	}


	.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn:hover a {
		position: relative;
		top: 2px;
		box-shadow: none;
		height: 48px;
	}

/** carousel-gas **/

	.gas-business-wrapper {
		position: relative;
		box-sizing: border-box;
		height: 480px;
		width: 100%;
		background: #14233d;
	}

	.gas-business-wrapper img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.gas-business-wrapper::before {
		position: absolute;
		content: "";
		left: 0;
		top: 276px;
		width: 50%;
		height: 57px;
		background: #e71a21;
	}

	.gas-business-wrapper::after {
		position: absolute;
		content: "";
		right: 0;
		top: 258px;
		width: 50%;
		height: 95px;
		background: url(/ep/corporate/images/gas_business_bg_copy.png) 0 0 repeat-x;
		-webkit-background-size: auto 95px;
		background-size: auto 95px;
	}

	.gas-business-wrapper * { box-sizing: border-box; }

	.gas-business-wrapper .gas-business-content {
		max-width: 1240px;
		height: 480px;
		margin: 0 auto;
	}

	.gas-business-wrapper .gas-business-content .gas-business-inner {
		display: table;
		max-width: 1240px;
		width: 100%;
		height: 276px;
		background: url(/ep/corporate/images/gas_business_bg_hero.jpg) center bottom no-repeat;
		background-size: contain;
	}

	.gas-business-wrapper .gas-business-content .gas-business-inner .gas-business-title {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		max-width: 1240px;
	}

	.gas-business-wrapper .gas-business-content .gas-business-inner .gas-business-title img {
		display: block;
		margin: 0 auto;
		max-width: 560px;
	}

	.gas-business-wrapper .gas-business-content .gas-business-copy1 {
		position: absolute;
		margin-left: -340px;
		top: 258px;
		left: 50%;
		max-width: 680px;
		z-index: 2;
	}

	.gas-business-wrapper .gas-business-content .gas-business-btn-area {
		padding: 100px 0 0 0;
		text-align: center;
		letter-spacing: -0.4em;
	}

	.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn {
		position: relative;
	}

	.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn a {
		position: relative;
		display: inline-block;
		border-radius: 5px;
		-webkit-box-shadow: 0px -4px 0px -1px #002b69 inset;
		box-shadow: 0px -4px 0px -1px #002b69 inset;
		width: 225px;
		height: 50px;
		line-height: 47px;
		background: #004ea2;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		letter-spacing: normal;
		z-index: 9999;
	}

	.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn a::after {
		position: absolute;
		content: "";
		margin-top: -5px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 6px;
		height: 6px;
		top: 50%;
		right: 20px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn a:hover {
		text-decoration: none;
	}

/* carousel-move.tepco */

	a.top-moving-btn {
		text-decoration: none;
	}

	.top-moving {
		border-top: 30px solid #df131a;
		border-bottom: 40px solid #df131a;
		height: 410px;
		width: 100%;
		min-width: 1240px;
		background: #fdeee6;
	}

	.top-moving .top-moving-content {
		display: table;
		width: 1240px;
		height: 410px;
		margin: 0 auto;
	}

	.top-moving .top-moving-content .top-moving-inner {
		display: table-cell;
		padding: 0 300px 0 10px;
		vertical-align: middle;
	}

	.top-moving .top-moving-content .top-moving-inner p {
		max-width: 902px;
	}
	.top-moving .top-moving-content .top-moving-inner img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.top-moving .top-moving-content .top-moving-inner img.moving-img2 { display: none; }

	a.top-moving-btn:hover {
		opacity: 0.7;
	}


/** carousel-HD-gas **/


	#hd.top-gas-lp {
		position: relative;
		box-sizing: border-box;
		height: 480px;
		width: 100%;
		background: #000;
	}
	#hd.top-gas-lp * { box-sizing: border-box; }

	#hd.top-gas-lp img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	#hd.top-gas-lp::before {
		position: absolute;
		display: block;
		content: "";
		left: 0;
		top: 280px;
		width: 50%;
		height: 68px;
		background: #e71a21;
	}

	#hd.top-gas-lp::after {
		position: absolute;
		display: block;
		content: "";
		right: 0;
		top: 280px;
		width: 50%;
		height: 68px;
		background: url(/ep/topmost_images/bg_gas_lp_02.gif) 0 0 repeat-x;
	}


	#hd.top-gas-lp .top-gas-lp-content {
		max-width: 1240px;
		height: 480px;
		margin: 0 auto;
	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner {
		display: table;
		margin: 0 auto;
		max-width: 960px;
		width: 100%;
		height: 280px;
		background: url(/ep/topmost_images/bg_gas_lp_01.jpg) 0 bottom no-repeat;
		background-size: contain;
	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 {
		display: table-cell;
		padding-bottom: 20px;
		vertical-align: middle;

	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 img {
		margin: 0 auto;
		max-width: 675px;
	}
	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 .gas-lp-img2 { display: none;}
	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
		position: absolute;
		margin-left: -320px;
		top: 258px;
		left: 50%;
		max-width: 680px;
		z-index: 2;
	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
		padding: 100px 0 0 0;
		text-align: center;
		letter-spacing: -0.4em;
	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn {
		position: relative;
		z-index: 1;

	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a {
		display: inline-block;
		border-radius: 5px;
		-webkit-box-shadow: 0px -4px 0px -1px #002b69 inset;
		box-shadow: 0px -4px 0px -1px #002b69 inset;
		width: 225px;
		height: 50px;
		line-height: 47px;
		background: #004ea2;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		letter-spacing: normal;
	}

	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a:hover {
		text-decoration: none;
	}


	#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn:hover a {
		position: relative;
		top: 2px;
		box-shadow: none;
		height: 48px;
	}

/** carousel-HD-move **/

	#hd.top-moving .top-moving-content {
		max-width: 902px
		}

	#hd.top-moving .top-moving-content .top-moving-inner {
		padding: 0
		}


/** carousel-LINE **/

	a.top-line-btn {
		text-decoration: none;
	}

	.top-line {
		height: 480px;
		width: 100%;
		min-width: 1240px;
		background: #e6ebee;
	}

	.top-line .top-line-content {
		display: table;
		width: 1240px;
		height: 480px;
		margin: 0 auto;
	}

	.top-line .top-line-content .top-line-inner {
		display: table-cell;
		padding: 0 300px 0 10px;
		vertical-align: middle;
	}

	.top-line .top-line-content .top-line-inner p {
		max-width: 860px;
	}
	.top-line .top-line-content .top-line-inner img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.top-line .top-line-content .top-line-inner img.line2 { display: none;}

	a.top-line-btn:hover {
		opacity: 0.7;
	}

/** carousel-HD-LINE **/

	#hd.top-line .top-line-content .top-line-inner {
		padding: 0
		}

	#hd.top-line .top-line-content .top-line-inner p {
		margin: 0 auto;
		max-width: none
		}


/** carousel-smarthome **/

	.top-smarthome {
		overflow: hidden;
		position: relative;
		z-index: 5;
	}

	.top-smarthome::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 50%;
		height: 480px;
		background: #00af75;
	}

	.top-smarthome::after {
		position: absolute;
		content: "";
		top: 0;
		left: 50%;
		width: 50%;
		height: 480px;
		background: #c42432;
	}

	.top-smarthome .top-smarthome-content {
		position: relative;
		height: 480px;
		width: 100%;
		min-width: 1240px;
		background: url(/ep/topmost_images/bg_smarthome_01_201901.jpg) center 0 no-repeat;
		-webkit-background-size: auto 480px;
		background-size: auto 480px;
		z-index: 10;
	}

	.top-smarthome .top-smarthome-content .top-smarthome-inner {
		position: relative;
		max-width: 1240px;
		height: 480px;
		margin: 0 auto;
		background: url(/ep/topmost_images/bg_smarthome_02_201901.jpg) 0 center no-repeat;
		-webkit-background-size: auto 480px;
		background-size: auto 480px;
	}

	.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 {
		position: absolute;
		top: 342px;
		left: 55px;
	}

	.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 {
		position: absolute;
		top: 342px;
		left: 736px;
	}

	.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 img,
	.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 img {
		width: 166px;
		height: auto;
	}

	/** carousel-Brand **/
	.top-brand {
		height: 480px;
		width: 100%;
		min-width: 1240px;
		background: #e1eef5;
	}

	.top-brand .top-brand-content {
		display: table;
		width: 1240px;
		height: 480px;
		margin: 0 auto;
		background: url(/ep/topmost_images/brand.jpg) 0 0 no-repeat;
	}

	.top-brand .top-brand-content .top-brand-inner {
		display: table-cell;
		padding-left: 10px;
		vertical-align: middle;
	}

	.top-brand .top-brand-content .top-brand-inner p {
		margin: 308px 0 0 60px;
	}

	.top-brand .top-brand-content .top-brand-inner p a {
		position: relative;
		display: inline-block;
		padding: 10px 30px 10px 20px;
		border: 1px solid #718692;
		/*background: #ea1e1f;*/
		color: #718692;
		text-decoration: none;
	}

	.top-brand .top-brand-content .top-brand-inner p a::after {
		position: absolute;
		content: "";
		border-top: 1px solid #718692;
		border-right: 1px solid #718692;
		margin-top: -4px;
		right: 15px;
		top: 50%;
		width: 8px;
		height: 8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.top-brand .top-brand-content .top-brand-inner p a:hover {
		color: #fff;
		margin: 0;
		background: #718692;
	}

	.top-brand .top-brand-content .top-brand-inner p a:hover::after {
		border-color: #fff;
	}





/** carousel-kurashi **/
	.top-kurashi {
		width: 100%;
		height: 480px;
		background: #f3fafe url(/ep/topmost_images/bg_kurashi_01.jpg) center 0 no-repeat;
	}
	.top-kurashi * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.top-kurashi .top-kurashi-obi {
		width: 100%;
		height: 67px;
		background: #e83543;
	}

	.top-kurashi .top-kurashi-obi p {
		margin: 0 auto;
		padding: 13px 90px 0 90px;
		max-width: 1240px;
	}

	.top-kurashi .top-kurashi-content {
		margin: 0 auto;
		padding-right: 280px;
		max-width: 1240px;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner {
		display: table;
		width: 100%;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service {
		position: relative;
		display: table-cell;
		padding: 30px 20px 0;
		width: 50%;
		vertical-align: top;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke:after {
		position: absolute;
		content: "";
		top: 12px;
		right: 0;
		width: 3px;
		height: 380px;
		background: url(/ep/topmost_images/bg_kurashi_02.png) right 0 repeat-y;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt img {
		width: 100%;
		height: auto;
}
	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt2,
	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt3 { display: none; }

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn {
		margin-top: 15px;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke .top-kurashi-service-btn { padding-right: 3px; text-align: right; }

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn a {
		display: inline-block;
		width: 154px;
		height: 32px;
		background: #898888;
		color: #fff;
		text-align: center;
		line-height: 32px;
	}

	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn a:hover { text-decoration: none; }
	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke .top-kurashi-service-btn a:hover { background: #e94f7b; }
	.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.jusetsu .top-kurashi-service-btn a:hover    { background: #2da23b; }


/** carousel-kurashi **/

	a.top-app_aqua-btn {
		text-decoration: none;
	}

	.top-app_aqua {
		height: 480px;
		width: 100%;
		min-width: 1240px;
		background: #e6ebee;
	}

	.top-app_aqua .top-app_aqua-content {
		display: table;
		width: 1240px;
		height: 480px;
		margin: 0 auto;
	}

	.top-app_aqua .top-app_aqua-content .top-app_aqua-inner {
		display: table-cell;
		vertical-align: middle;
	}

	.top-app_aqua .top-app_aqua-content .top-app_aqua-inner p {
		margin: 0 auto;
	}
	.top-app_aqua .top-app_aqua-content .top-app_aqua-inner img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.top-app_aqua .top-app_aqua-content .top-app_aqua-inner img.app_aqua2 { display: none;}

	a.top-app_aqua-btn:hover {
		opacity: 0.7;
	}



/* END-carousel */



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


/* attention */
/** attention-move **/

		.emergency-moving {
			display: table;
		}

		.emergency-moving .emergency-moving-column1,
		.emergency-moving .emergency-moving-column2 {
			display: table-cell;
			vertical-align: top;
		}

		.emergency-moving .emergency-moving-column1 {
			padding-right: 25px;
		}

		.emergency-moving .emergency-moving-column1 h3 {
			margin-bottom: 10px;
			line-height: 1.4;
			color: #d61425;
			font-size: 171.4%;
		}

		.emergency-moving .emergency-moving-column1 p a {
			color: #d61425;
			text-decoration: underline;
		}

		.emergency-moving .emergency-moving-column1 p a:hover {
			text-decoration: none;
		}

		.emergency-moving .emergency-moving-column1 .emergency-moving-more {
			margin-top: 15px;
			padding-top: 15px;
			border-top: 1px solid #666;
		}

		.emergency-moving .emergency-moving-column2 {
			width: 250px;
		}

		.emergency-moving .emergency-moving-column2 img {
			max-width: 100%;
			height: auto;
		}

/* END-attention */

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

		max-width: 1280px

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


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

	/* carousel */
	/** carousel-kaketsuke **/


		.top-kaketsuke3 {
			background-image: url('/ep/topmost_images/anshin_back.png') ;
			background-position: center left 10px;
			background-size: 100% auto;
		}

		.top-kaketsuke4 {
			background-image: url('/ep/topmost_images/anshin2_back.png') ;
			background-position: center left 10px;
			background-size: 100% auto;
		}

		.top-kaketsuke3-logo,.top-kaketsuke4-logo {
    		width: 100%;
		}

		.top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
			width: 40%;
		}

		.top-kaketsuke3-inner img,.top-kaketsuke4-inner img {
			width: 80%;
		}

		.top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
			width: 100%;
		}

		.top-kaketsuke3-content,.top-kaketsuke4-content {
			width: 100%;
		}

		.top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
			position: absolute;
			top: 90%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
		.top-kaketsuke3-btn,.top-kaketsuke4-btn {
			position: fixed;
			bottom: -25%;
		}
	}

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

		max-width: 1240px

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


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

	/* carousel */
	/** carousel-move.tepco **/

		.top-moving {
			min-width: initial;
			min-width: auto;
		}

		.top-moving .top-moving-content {
			width: auto;
			margin: 0 auto;
		}

	/** carousel-gas **/

		.top-gas-lp .top-gas-lp-content {
			padding-right: 300px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			margin-left: -480px;
		}

	/** carousel-HD-gas **/

		#hd.top-gas-lp .top-gas-lp-content {
			padding-right: 0;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			margin-left: 0;
		}

	/** carousel-HD-move **/

		#hd.top-moving .top-moving-content {
			padding: 0 10px
			}

		#hd.top-moving .top-moving-content .top-moving-inner img .moving-img1 {
			display: none
			}

		#hd.top-moving .top-moving-content .top-moving-inner img .moving-img2 {
			display: block
			}

	/** carousel-LINE **/

		.top-line {
			min-width: initial;
			min-width: auto;
		}

		.top-line .top-line-content {
			width: auto;
			margin: 0;
		}

	/** carousel-HD-LINE **/

	#hd.top-line .top-line-content {
		padding: 0 20px;
		margin: 0 auto
		}


	/** carousel-smarthome **/
		.top-smarthome {

			}

		.top-smarthome::before,
		.top-smarthome::after {
			content: none;
		}

		.top-smarthome .top-smarthome-content {
			background-position: -343px bottom;
			-webkit-background-size: auto 380px;
			background-size: auto 380px;
			background-color: #fff;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner {
			-webkit-background-size: auto 380px;
			background-size: auto 380px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 {
			top: 320px;
			left: 45px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 {
			top: 320px;
			left: 580px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 img,
		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 img {
			width: 130px;
		}


	/** carousel-Brand **/
		.top-brand .top-brand-content {
			width: 980px;
			margin: 0;
			background-position: center 0;
		}

		.top-brand .top-brand-content .top-brand-inner p {
			margin-left: 0;
		}

	/** carousel-LINE-APP **/

		.top-app_aqua {
			min-width: initial;
			min-width: auto;
		}

		.top-app_aqua .top-app_aqua-content {
			width: auto;
			padding: 0 20px;
		}

	/* END-carousel */


	/* banner */

		.sp-none img.top-banner {
			width: 100%
		}

	/* END-banner */

	}


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

		max-widht: 980px

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

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

	/* carousel */
	/* carousel-kaketsuke */

		.top-kaketsuke {
			background-image: url('/ep/topmost_images/kaketsuke_back_01.png') ;
			background-position: center center;
			background-size: 100% auto;
		}

		.top-kaketsuke-logo {
			width: 100%;
			margin-bottom: 10px;
			padding-top: 50px;
		}

		.top-kaketsuke-inner,
		.top-kaketsuke-txtarea {
			width: 60%;
		}

		.top-kaketsuke-inner img {
			width: 100%;
		}

		.top-kaketsuke-content {
			width: 100%;
		}

		.top-kaketsuke-txtarea {
			position: absolute;
			top: 40%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}

		.top-kaketsuke-btn {
			position: fixed;
			bottom: -25%;
		}

		.top-kaketsuke2 {
			background-image: url('/ep/topmost_images/jyusetsu_back.jpg') ;
			background-position: center center;
			background-size: 100% auto;
		}

		.top-kaketsuke2-logo {
			width: 100%;
		}

		.top-kaketsuke2-inner,
		.top-kaketsuke-txtarea {
			width: 40%;
		}

		.top-kaketsuke2-inner img {
			width: 80%;
		}

		.top-kaketsuke2-btn img {
			width: 100%;
		}

		.top-kaketsuke2-content {
			width: 100%;
		}

		.top-kaketsuke2-txtarea {
			position: absolute;
			top: 40%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}

		.top-kaketsuke2-btn {
			position: fixed;
			bottom: -25%;
		}

		.top-kaketsuke3 {
			background-image: url('/ep/topmost_images/anshin_back.png') ;
			background-position: center left 10px;
			background-size: 125%;
		}

		.top-kaketsuke4 {
			background-image: url('/ep/topmost_images/anshin2_back.png') ;
			background-position: center left 10px;
			background-size: 125%;
		}

		.top-kaketsuke3-logo,.top-kaketsuke4-logo {
			width: 100%;
		}

		.top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
			width: 40%;
		}

		.top-kaketsuke3-inner img,.top-kaketsuke4-inner img {
			width: 80%;
		}

		.top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
			width: 100%;
		}

		.top-kaketsuke3-content,.top-kaketsuke4-content {
			width: 100%;
		}

		.top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
			position: absolute;
			top: 90%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}

		.top-kaketsuke3-btn,.top-kaketsuke4-btn {
			position: fixed;
			bottom: -25%;
	}

	/** carousel-move.tepco **/

		.top-moving .top-moving-content .top-moving-inner img.moving-img1 { display: none; }
		.top-moving .top-moving-content .top-moving-inner p {
			max-width: 580px;
		}

		.top-moving .top-moving-content .top-moving-inner img.moving-img2 { display: block; }


	/** carousel-gas **/

		.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 img {
			max-width: 560px;
		}
		.top-gas-lp::before {
			top: 280px;
			height: 53px;
		}

		.top-gas-lp::after {
			top: 280px;
			height: 53px;
			width: 60%;
			background-size: auto 100%;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 {
			padding: 0 14%;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			position: relative;
			margin: -17px 0 0 -240px;
			top: 0;
			width: 480px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
			padding: 10px 0 0 0;
		}

	/** carousel-HD-gas **/

		#hd.gas-business-wrapper .gas-business-content .gas-business-inner {
			height: 260px;
		}

		#hd.gas-business-wrapper::before {
			top: 256px;
			height: 40px;
		}

		#hd.gas-business-wrapper::after {
			top: 243px;
			width: 60%;
			height: 67px;
			-webkit-background-size: auto 67px;
			background-size: auto 67px;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-inner .gas-business-title {
			padding: 0 25%;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-copy1 {
			position: relative;
			margin: -17px 0 0 -240px;
			top: 0;
			width: 480px;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-btn-area {
			padding: 15px 0 0;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-btn-area p {
			display: block;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-copy2 {
			margin-right: 0;
		}

		#hd.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn {
			margin-top: 10px;
		}

	/** carousel-HD-gas **/

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 .gas-lp-img1 { display: none;}
		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 .gas-lp-img2 { display: block;}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 img {
			max-width: 500px;
		}
		#hd.top-gas-lp::before {
			top: 280px;
			height: 53px;
		}

		#hd.top-gas-lp::after {
			top: 280px;
			height: 53px;
			width: 60%;
			background-size: auto 100%;
		}


		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			position: relative;
			margin: -17px 0 0 -240px;
			top: 0;
			width: 480px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
			padding: 10px 0 0 0;
		}

	/** carousel-LINE **/

		.top-line .top-line-content .top-line-inner img.line1 { display: none;}
		.top-line .top-line-content .top-line-inner img.line2 { display: block; max-width: 480px;}


	/** carousel-HD-LINE **/

		#hd.top-line .top-line-content .top-line-inner img.line1 { display: none;}
		#hd.top-line .top-line-content .top-line-inner img.line2 { max-width: 100%;}

	/** carousel-smarthome **/
		.top-smarthome .top-smarthome-content {
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner {
			background: #fff url(/ep/topmost_images/bg_smarthome_03_201901.jpg) 0 0 no-repeat;
			-webkit-background-size: auto 480px;
			background-size: auto 480px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 {
			top: 325px;
			left: 15px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 {
			top: 325px;
			left: 362px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 img,
		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 img {
			width: 100px;
		}


	/** carousel-Brand **/
		.top-brand .top-brand-content {
			width: 767px;
			background-position: -250px 0;
		}



	/** carousel-kurashi **/
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt {
			margin: 0 auto;
			max-width: 220px;

		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt1 { display: none; }
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt2 { display: block; }

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke .top-kurashi-service-btn,
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.jusetsu .top-kurashi-service-btn { text-align: center; }

	/** carousel-LINE-APP **/

		.top-app_aqua .top-app_aqua-content .top-app_aqua-inner img.app_aqua1 { display: none;}
		.top-app_aqua .top-app_aqua-content .top-app_aqua-inner img.app_aqua2 { display: block;}



	/* END-carousel */

	}


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

		max-width: 768px

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

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


		.top-kaketsuke-inner,
		.top-kaketsuke-txtarea {
			width: 60%;
		}

		.top-kaketsuke-btn img {
			width: 100%;
		}
	}


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

		max-width: 768px

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

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


	/* attention */
	/** attention-move **/

		.emergency-moving,
		.emergency-moving .emergency-moving-column1,
		.emergency-moving .emergency-moving-column2 {
			display: block;
			padding: 0;
			width: auto;
		}

		.emergency-moving .emergency-moving-column1 h3 {
			font-size: 142.9%;
		}

		.emergency-moving .emergency-moving-column1 .emergency-moving-more {
			margin-top: 10px;
			padding-top: 10px;
		}

		.emergency-moving .emergency-moving-column1 .emergency-moving-more a {
			display: inline-block;
		}
		.emergency-moving .emergency-moving-column2 {
			margin-top: 20px;
			text-align: center;
		}

	/** attention-business-gas **/

		.gas-business-wrapper {
			height: 200px;
		}

		.gas-business-wrapper::before {
			top: 93px;
			height: 21px;
		}

		.gas-business-wrapper::after {
			top: 86px;
			height: 36px;
			width: 50%;
			-webkit-background-size: auto 36px;
			background-size: auto 36px;
		}

		.gas-business-wrapper .gas-business-content {
			padding: 0;
			height: 200px;
		}

		.gas-business-wrapper .gas-business-content .gas-business-inner {
			margin: 0 auto;
			max-width: 320px;
			width: 100%;
			height: 95px;
		}

		.gas-business-wrapper .gas-business-content .gas-business-inner .gas-business-title {
			padding: 0 22%;
		}

		.gas-business-wrapper .gas-business-content .gas-business-copy1 {
			margin: -9px auto 0;
			left: 0;
			width: 260px;
		}

		.gas-business-wrapper .gas-business-content  .gas-business-btn-area {
			padding: 5px 0 0;
		}

		.gas-business-wrapper .gas-business-content  .gas-business-btn-area p.gas-business-copy2 {
			display: none;
		}

		.gas-business-wrapper .gas-business-content  .gas-business-btn-area p.gas-business-btn {
			margin-top: 0px;
		}

		.gas-business-wrapper .gas-business-content  .gas-business-btn-area p.gas-business-btn a {
			width: 120px;
			height: 30px;
			line-height: 27px;
			font-size: 12px;
		}

		.gas-business-wrapper .gas-business-content .gas-business-btn-area p.gas-business-btn a::after {
			margin-top: -3px;
			border-width: 1px;
			width: 4px;
			height: 4px;
			right: 7px;
		}

	}

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

		max-widht: 767px

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


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

	/* carousel */
	/** carousel-move.tepco **/


		.top-moving {
			border-width: 10px;
			height: 180px;
			width: 100%;
			min-width: 100%;
		}

		.top-moving .top-moving-content {
			margin: 0 auto;
			max-width: 400px;
			width: auto;
			height: 180px;
		}

		.top-moving .top-moving-content .top-moving-inner {
			padding: 0 10px;
		}

		.top-moving .top-moving-content .top-moving-inner img.moving-img1 { display: block; }
		.top-moving .top-moving-content .top-moving-inner img.moving-img2 { display: none; }

	/** carousel-move.tepco **/

		#hd.top-moving .top-moving-content {
			max-width: 400px
			}

	/** carousel-gas **/

		.top-gas-lp {
			height: 200px;
		}

		.top-gas-lp::before {
			top: 103px;
			height: 27px;
		}

		.top-gas-lp::after {
			top: 103px;
			height: 27px;
			width: 50%;
		}

		.top-gas-lp .top-gas-lp-content {
			padding: 0;
			height: 200px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-inner {
			margin: 0 auto;
			max-width: 320px;
			width: 100%;
			height: 103px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 {
			padding: 0 18% 0 22%;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			margin: -9px auto 0;
			left: 0;
			width: 250px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
			padding: 5px 0 0;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-copy2 {
			display: none;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn {
			margin-top: 0px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a {
			width: 120px;
			height: 30px;
			line-height: 27px;
			font-size: 13px;
		}

		.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn:hover a {
			-webkit-box-shadow: 0px -4px 0px -1px #002b69 inset;
			box-shadow: 0px -4px 0px -1px #002b69 inset;
			top: 0;
			height: 30px;
		}

	/** carousel-HD-gas **/

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 .gas-lp-img1 { display: block;}
		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 .gas-lp-img2 { display: none;}

		#hd.top-gas-lp {
			height: 200px;
		}

		#hd.top-gas-lp::before {
			top: 103px;
			height: 27px;
		}

		#hd.top-gas-lp::after {
			top: 103px;
			height: 27px;
			width: 50%;
		}

		#hd.top-gas-lp .top-gas-lp-content {
			padding: 0;
			height: 200px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner {
			margin: 0 auto;
			max-width: 320px;
			width: 100%;
			height: 103px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-inner .top-gas-lp-copy1 {
			padding: 0 18% 0 22%;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-title {
			margin: -9px auto 0;
			left: 0;
			width: 250px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area {
			padding: 5px 0 0;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-copy2 {
			display: none;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn {
			margin-top: 0px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn a {
			width: 120px;
			height: 30px;
			line-height: 27px;
			font-size: 13px;
		}

		#hd.top-gas-lp .top-gas-lp-content .top-gas-lp-btn-area p.top-gas-lp-btn:hover a {
			-webkit-box-shadow: 0px -4px 0px -1px #002b69 inset;
			box-shadow: 0px -4px 0px -1px #002b69 inset;
			top: 0;
			height: 30px;
		}

	/** carousel-LINE **/

		.top-line {
			border-width: 10px;
			height: 180px;
			width: 100%;
			min-width: 100%;
		}

		.top-line .top-line-content {
			margin: 0 auto;
			max-width: 340px;
			width: auto;
			height: 180px;
		}

		.top-line .top-line-content .top-line-inner {
			padding: 0 10px;
		}

		.top-line .top-line-content .top-line-inner img.line1 { display: block;}
		.top-line .top-line-content .top-line-inner img.line2 { display: none;}

	/** carousel-HD-LINE **/

		#hd.top-line .top-line-content {
			padding: 0
			}

		#hd.top-line .top-line-content .top-line-inner {
			padding: 0 10px
			}

		#hd.top-line .top-line-content .top-line-inner img.line2 { display: block;}

	/** carousel-smarthome **/

		.top-smarthome {
		}


		.top-smarthome::before {
			content: "";
			top: 0;
			left: 0;
			width: 50%;
			height: 200px;
			background: #00af75;
		}

		.top-smarthome::after {
			content: "";
			top: 0;
			left: 50%;
			width: 50%;
			height: 200px;
			background: #197ec7;
		}

		.top-smarthome .top-smarthome-content {
			position: relative;
			height: 200px;
			width: 100%;
			min-width: 100%;
			background: url(/ep/topmost_images/bg_smarthome_04.jpg) center 0 no-repeat;
			-webkit-background-size: auto 200px;
			background-size: auto 200px;
			z-index: 10;

		}
		.top-smarthome .top-smarthome-content .top-smarthome-inner {
			margin: 0 auto;
			max-width: 320px;
			height: 200px;
			background: #fff url(/ep/topmost_images/bg_smarthome_05_201901.jpg) center bottom no-repeat;
			-webkit-background-size: auto 200px;
			background-size: auto 200px;

		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 {
			top: 130px;
			left: 13px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 {
			top: 130px;
			left: 240px;
		}

		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-01 img,
		.top-smarthome .top-smarthome-content .top-smarthome-inner .top-smarthome-btn-02 img {
			width: 65px;
		}

	/** carousel-Brand **/
		.top-brand {
			height: 200px;
			width: 100%;
			min-width: 100%;
		}

		.top-brand .top-brand-content {
			margin: 0 auto;
			max-width: 400px;
			width: 100%;
			height: 200px;
			-webkit-background-size: auto 200px;
			background-size: auto 200px;
			background-position: center 0;
		}

		.top-brand .top-brand-content .top-brand-inner {
		}

		.top-brand .top-brand-content .top-brand-inner p {
			margin-top: 60px;
		}

		.top-brand .top-brand-content .top-brand-inner p a {
			padding: 3px 10px 3px 8px;
			font-size: 12px;
			line-height: 1.3;
		}

		.top-brand .top-brand-content .top-brand-inner p a::after {
			margin-top: 5px;
			width: 6px;
			height: 6px;
		}


	/** carousel-kurashi **/
		.top-kurashi {
			height: 200px;
			background: #f3fafe url(/ep/topmost_images/bg_kurashi_03.jpg) center bottom no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
		}

		.top-kurashi .top-kurashi-obi {
			height: 26px;
		}

		.top-kurashi .top-kurashi-obi p {
			margin: 0 auto;
			padding: 5px 10px;
			max-width: 300px;
		}

		.top-kurashi .top-kurashi-content {
			padding-right: 0;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner {
			margin: 0 auto;
			max-width: 500px;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service {
			padding: 10px 20px 0;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke::after {
			height: 136px;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt {
			max-width: 150px;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt2 { display: none; }
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-txt .txt3 { display: block; }

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn {
			margin-top: 5px;
		}


		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn a {
			width: 100px;
			height: 24px;
			font-size: 10px;
			line-height: 24px;
		}

		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service .top-kurashi-service-btn a:hover { text-decoration: none; }
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.kaketsuke .top-kurashi-service-btn a:hover { background: #e94f7b; }
		.top-kurashi .top-kurashi-content .top-kurashi-inner .top-kurashi-service.jusetsu .top-kurashi-service-btn a:hover    { background: #2da23b; }


	/** carousel-LINE-APP **/

		.top-app_aqua {
			border-width: 10px;
			height: 180px;
			width: 100%;
			min-width: 100%;
		}

		.top-app_aqua .top-app_aqua-content {
			margin: 0 auto;
			max-width: 340px;
			padding: 0;
			width: auto;
			height: 180px;
		}

		.top-app_aqua .top-app_aqua-content .top-app_aqua-inner {
			padding: 0 10px;
		}


	}


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

		max-widht: 468px

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


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

	/* carousel */
	/** carousel-kaketsuke **/

		.js-carousel-heropanel .bx-wrapper .bx-pager, .js-carousel-heropanel-sp .bx-wrapper .bx-pager {
			bottom: 1px!important;
		}

		.top-kaketsuke-txtarea {
			top: 18%;
		}

		.top-kaketsuke {
  			/*background: #ccffff;*/
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top center;
		}

		.top-kaketsuke-txtarea {
			position: absolute;
			-webkit-transform: translate(0, -20%);
			-ms-transform: translate(0, -20%);
			transform: translate(0, -20%);
		}

		.top-kaketsuke-inner,
		.top-kaketsuke-txtarea {
			width: 190px;
		}

		.top-kaketsuke-aqua {
			margin: 10px 0;
		}

		.eco_text  {
			display: none;
		}

		.top-kaketsuke {
			-webkit-background-size: cover;
			background-size: cover;
			/*background-position: center bottom;*/
		}

		.top-kaketsuke,
			.top-kaketsuke-inner {
			height: 200px;
		}

		.top-kaketsuke-logo img,
		.top-kaketsuke-aqua img {
			width: 100%;
		}

		.top-kaketsuke-btn img {
			width: 100px;
		}

		.top-kaketsuke-logo {
			padding-top: 10px;
			margin-bottom: 0;
		}

		.top-kaketsuke2 {
			/*background: #ccffff;*/
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top center;
		}

		.top-kaketsuke2-txtarea {
			position: absolute;
    		-webkit-transform: translate(0, -20%);
    		-ms-transform: translate(0, -20%);
    		transform: translate(0, -20%);
  		}

		.top-kaketsuke2-inner,
		.top-kaketsuke2-txtarea {
			width: 190px;
		}

  		.top-kaketsuke2-aqua {
			margin: 10px 0;
		}

		.top-kaketsuke2 {
			-webkit-background-size: cover;
			background-size: cover;
			/*background-position: center bottom;*/
		}

		.top-kaketsuke2,
		.top-kaketsuke2-inner {
			height: 200px;
		}

		.top-kaketsuke2-txtarea {
			top: 20%;
		}

		.top-kaketsuke2-logo img,
		.top-kaketsuke-aqua img {
			width: 100%;
		}

		.top-kaketsuke2-btn img {
			width: 100px;
		}

		.top-kaketsuke2-logo {
			padding-top: 10px;
			margin-bottom: 0;
		}

		.top-kaketsuke3,.top-kaketsuke4 {
			/*background: #ccffff;*/
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top left 10px;
		}

		.top-kaketsuke3-txtarea,.top-kaketsuke4-txtarea {
			position: absolute;
			-webkit-transform: translate(0, -20%);
			-ms-transform: translate(0, -20%);
			transform: translate(0, -20%);
		}

		.top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
			width: 190px;
		}

		.top-kaketsuke3-aqua,.top-kaketsuke4-aqua {
			margin: 10px 0;
		}

		.top-kaketsuke3,.top-kaketsuke4 {
			-webkit-background-size: cover;
			background-size: cover;
			/*background-position: center bottom;*/
		}

		.top-kaketsuke3,.top-kaketsuke3-inner,.top-kaketsuke4,.top-kaketsuke4-inner {
			height: 200px;
		}

		.top-kaketsuk3-txtarea,.top-kaketsuk4-txtarea {
			top: 20%;
		}

		.top-kaketsuke3-logo img,.top-kaketsuke3-aqua img,.top-kaketsuke4-logo img,.top-kaketsuke4-aqua img {
			width: 100%;
		}

		.top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
			width: 100px;
		}

		.top-kaketsuke3-logo,.top-kaketsuke4-logo {
			padding-top: 10px;
			margin-bottom: 0;
		}
	}

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

		max-height: 468px

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

	@media screen and (max-height: 468px) {

	/* carousel */
	/** carousel-kaketsuke **/

		.top-kaketsuke,.top-kaketsuke2,.top-kaketsuke3,.top-kaketsuke4 {
			/*background: #ccffff;*/
			background-repeat: no-repeat;
			background-size: auto 100%;
			background-position: top center;
		}

		.top-kaketsuke-inner,.top-kaketsuke-txtarea,.top-kaketsuke2-inner,.top-kaketsuke2-txtarea {
			height: 60%;
		}

		.top-kaketsuke3-inner,.top-kaketsuke3-txtarea,.top-kaketsuke4-inner,.top-kaketsuke4-txtarea {
			width: 100%;
		}

		.top-kaketsuke,.top-kaketsuke-inner,.top-kaketsuke2,.top-kaketsuke2-inner,.top-kaketsuke3,.top-kaketsuke3-inner,.top-kaketsuke4,.top-kaketsuke4-inner {
			height: 200px;
		}

		.top-kaketsuke-btn img,.top-kaketsuke2-btn img,.top-kaketsuke3-btn img,.top-kaketsuke4-btn img {
			width: 75%;
		}

		.top-kaketsuke3-btn,###-btn {
			position: fixed;
			bottom: -25%;
			left: 15%;
		}

		.top-kaketsuke-txtarea,.top-kaketsuke-txtarea2 {
			position: absolute;
			top: 35%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}

		.top-kaketsuke-btn,.top-kaketsuke2-btn {
			position: fixed;
			bottom: -32%;
			left: 10%;
		}

	/** carousel-HD-move **/

		#hd.top-moving .top-moving-content {
			padding: 0
		}
	}