@charset 'utf-8';

/* ------------------------------------------------------------ COMMON ------------------------------------------------------------ */

/*--------------------------------
	ぱんくず
--------------------------------*/

#GENERAL header ul.breadcrumb {
	border-top: 1px solid #ccc;
	/* border-bottom: 1px solid #ccc; */
}

#GENERAL header ul.localSubNavi + ul.breadcrumb {
	border:none;
}

/*--------------------------------
	お問い合わせ窓口
--------------------------------*/

#GENERAL footer .footerContact ul li:nth-of-type(1) {
	display: inline-block;
}

#contact footer .footerContact ul li:nth-of-type(1) {
	display: inline-block;
}

/* ------------------------------------------------------------ トップページ ------------------------------------------------------------ */

/*--------------------------------
	メインビジュアル
--------------------------------*/

section.mainVisual {
	width: 100%;
	padding: 0;
	max-height: 360px;
	overflow: hidden;
}
section.mainVisual .slide {
	width: 100%;
	max-height: 360px;
}
section.mainVisual .slide li {
	width: 100%;
	text-align: center;
	height: 360px !important;
	text-indent: -99999px;
	font-size: 0;
}
section.mainVisual .slide li a {
	display: block;
	width: 100%;
	height: 100%;
}
section.mainVisual .slide li img {
	width: 100%;
	height: auto;
	display: inline-block;
	margin:  0 auto;
}
section.mainVisual .slide li.gas {
	background: #7FBED1 url(/images/main_gas.png?20181130) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.hundredthousand {
	padding-bottom: 50px;
}
section.mainVisual .slide li.hundredthousand div {
	background: url(/images/main_hundredthousand_bg.png);
	background-size: contain;
	padding: 20px 0 10px 0;
	height: 100%;
}
section.mainVisual .slide li.hundredthousand div a {
	background: url(/images/main_hundredthousand.png) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.concept {
	background: #EEAB2A url(/images/main_concept.png?20181114) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.newpower {
	background: #EE671F url(/images/main_newpower.png) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.line_lp {
	background: #EE671F url(/images/main_newpower.png) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.history {
	background: #6594AC url(/images/main_history.png?20181114) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.biomass {
	background: #B65328 url(/images/main_biomass.png?20181114) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.ir {
	background: #9788B5 url(/images/main_ir.png) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.denkirescue {
	background: #de6f00 url(/images/main_denkirescue.png) no-repeat center center;
	background-size: contain;
}
/*
section.mainVisual .slide li.denkirescue div a {
	background: #de6f00 url(/images/main_denkirescue.png) no-repeat center center;
	background-size: contain;
}
*/
section.mainVisual .slide li.tanita div {
	background: url(/images/main_tanita_bg.png);
	padding: 10px;
	height: 100%;
}
section.mainVisual .slide li.tanita div a {
	background: #fff url(/images/main_tanita.png) no-repeat center center;
	background-size: contain;
}
section.mainVisual .slide li.saiki div {
	background: url(/images/main_saiki_bg.png);
	padding: 10px;
	height: 100%;
}
section.mainVisual .slide li.saiki div a {
	background: url(/images/main_saiki.png) no-repeat center center, url(/images/main_saiki2.png) no-repeat center bottom;
	background-color: #fff;
	background-size: contain;
/*
	background-color: transparent,#fff;
	background-images: url(/images/main_saiki.png), url(/images/main_saiki2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;

*/
}
section.mainVisual .slide li.denkirescue {
	background: #de6f00 url(/images/main_denkirescue_2.png) no-repeat center center;
	background-size: contain;
}
/*
section.mainVisual .slide li.company img { max-width: 820px !important; }
section.mainVisual .slide li.newpower img { max-width: 820px !important; }
section.mainVisual .slide li.biomass img { max-width: 820px !important; }
section.mainVisual .slide li.history img { max-width: 820px !important; }
section.mainVisual .slide li.ir img { max-width: 820px !important; }
section.mainVisual .slide li.tanita img { max-width: 1240px !important; }
*/
section.mainVisual .bx-wrapper {
	margin: 0 auto;
}
section.mainVisual .bx-wrapper .bx-pager,
section.mainVisual .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 51;
}
section.mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background: #ddd;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
section.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
section.mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #eb7700;
}
section.mainVisual .bx-wrapper .bx-controls-direction {
	display: none;
}

/*--------------------------------
	メインビジュアル直下のリンク
--------------------------------*/

section.mainVisualLinks {
	padding: 30px 0 15px;
}

section.mainVisualLinks ul {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	/* max-width:990px; */
	/*max-width:1000px;*/
	/*max-width:1350px;*/
	max-width:1650px;
	margin: 0 auto;
}
section.mainVisualLinks ul li {
	display: inline-block;
	width: 23%;
	max-width: 240px;
	min-width: 227px;
	margin: 0 1% 2%;
	text-align: center;
	vertical-align: top;
	font-size: 1.4rem;
	letter-spacing: 0.5px;
	line-height: 1.6;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	height: 80px;
	border: 2px solid #ccc;
	border-radius: 5px; /* CSS3 */
	behavior: url(ie-css3.htc);  /* for less than IE8 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
section.mainVisualLinks ul li.top_mypage {
	display: inline-block;
	width: 40%;
	max-width: 350px;
	min-width: 227px;
	margin: 0 1% 1%;
	text-align: center;
	vertical-align: top;
	font-size: 1.4rem;
	letter-spacing: 0.5px;
	line-height: 1.6;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	height: 80px;
	border: 2px solid #ccc;
	border-radius: 5px; /* CSS3 */
	behavior: url(ie-css3.htc);  /* for less than IE8 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
x
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
section.mainVisualLinks ul li strong {
	display: block;
	margin: 0 0 2px;
	font-size: 2.2rem;
	font-weight: bold;
	font-family: 'TBUDゴシック E', sans-serif;
}
/*
section.mainVisualLinks ul li:nth-of-type(1) {
	padding: 17px 0 0;
	background-color: #fff;
}
section.mainVisualLinks ul li:nth-of-type(2) {
	padding: 17px 0 0;
	background-color: #fff;
}
*/

section.mainVisualLinks ul li:nth-of-type(5) {
	padding: 12px 0 0;
	background-color: #fff;
}

section.mainVisualLinks ul li:nth-of-type(6) {
	padding: 12px 0 0;
	background-color: #fff;
}
section.mainVisualLinks ul li:nth-of-type(7) {
	padding: 12px 0 0;
	background-color: #fff;
}
section.mainVisualLinks ul li:nth-of-type(8) {
	padding: 12px 0 0;
	background-color: #fff;
}
section.mainVisualLinks ul li.hotBanner1 {
	background: #fff url(/common/images/headBanner_feature.png) -10px bottom no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner2 {
	background: #fff url(/common/images/headBanner_feature2.png) center center no-repeat;
	background-size: 177px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner3 {
	background: #fff url(/common/images/headBanner_feature3.png) 5px bottom no-repeat;
	background-size: 224px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner4 {
	background: #fff url(/common/images/headBanner_feature4.png) left -15px bottom no-repeat;
	background-size: 240px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner5 {
	background: #fff url(/common/images/headBanner_feature5.png) center center no-repeat;
	background-size: 180px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner6 {
	background: #fff url(/common/images/headBanner_feature6.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner7 {
	background: #fff url(/common/images/headBanner_feature7.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner8 {
	background: #fff url(/common/images/headBanner_feature8.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner9 {
	background: #fff url(/common/images/headBanner_feature9.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner10 {
	background: #fff url(/common/images/headBanner_feature10.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li.hotBanner11 {
	background: #fff url(/common/images/headBanner_feature11.png) center center no-repeat;
	background-size: 230px auto;
	text-indent: -9999px;
}
section.mainVisualLinks ul li:nth-of-type(1):hover {
	padding: 17px 0 0;
	background-color: #fff193;
}
section.mainVisualLinks ul li:nth-of-type(2):hover {
	padding: 17px 0 0;
	background-color: #fff193;
}
section.mainVisualLinks ul li:nth-of-type(3):hover {
	padding: 17px 0 0;
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner1:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner2:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner3:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner5:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner6:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner7:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner8:hover {
	background-color: #fff193;
}
/*
section.mainVisualLinks ul li.hotBanner9:hover {
	background-color: #fff193;
}
*/
section.mainVisualLinks ul li.hotBanner10:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.hotBanner11:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li.top_mypage:hover {
	background-color: #fff193;
}
section.mainVisualLinks ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #eb7700 !important;
}
	
/*--------------------------------
	お見舞い
--------------------------------*/

section.annotation {
	text-align: center;
	background-color: #eee;
	padding: 10px 0;
	font-size: 1.4rem
}

/*--------------------------------
	カテゴリー選択
--------------------------------*/

section.categorySelect {
}
section.categorySelect ul {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	line-height: 0;
	max-width: 990px;
	margin: 0 auto;
}
section.categorySelect ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
/*
	background: #fff;
	border: 1px solid #ccc;
*/
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.1);
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
section.categorySelect ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
section.categorySelect ul li img {
	width: 100%;
	height: auto;
}
/*
section.categorySelect div {
	max-width: 990px;
	border: 4px solid #eb7700;
	padding: 30px;
	margin: 40px auto;
	font-size: 1.8rem;
	text-align: center;
}
section.categorySelect div strong {
	display: block;
	margin: 0 0 5px 0;
	font-size: 2.2rem;
	color: #eb7700;
}
*/
section.categorySelect ul li p.InvestorRelations{
	top:5.5em;
}

/*--------------------------------
	トップ4つの特長
--------------------------------*/

section.erexFeature {
}

section.erexFeature h2 {
}

section.erexFeature h2 img {
	width: 500px;
	height: auto;
}

section.erexFeature ul {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	margin: 0 auto;
}
section.erexFeature ul li {
	display: inline-block;
	width: 44%;
	max-width: 480px;
	margin:0 3% 4%;
	text-align: center;
	vertical-align: top;
	font-size: 1.4rem;
	letter-spacing: 0.5px;
}
section.erexFeature ul li img {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
section.erexFeature ul li strong {
	display: block;
	font-size: 2.5rem;
	line-height: 1.6;
	margin: 0 0 15px;
	font-family: 'TBUDゴシック B', sans-serif;
}
section.erexFeature ul li p {
	font-size: 1.5rem;
	line-height: 1.8;
	margin: 0 0 30px;
}
section.erexFeature ul li p small {
	display: block;
	font-size: 1.1rem;
	margin: 5px 0 0 0;
	text-align: right;
}

section.erexFeature ul li a {
	margin: 0 10px;
}
section.erexFeature ul:nth-of-type(2) {
	margin: 40px auto 0;
}
section.erexFeature ul:nth-of-type(2) li {
	width: 31.3%;
	max-width: 300px;
	margin:0 1% 4%;
}
section.erexFeature ul:nth-of-type(2) li strong {
	font-size: 1.8rem;
}
section.erexFeature ul:nth-of-type(2) li p {
	/* font-size: 1.2rem; */
	display: none;
}


/*--------------------------------
	電力自由化について　→非表示
--------------------------------*/

#GENERAL .newPower {
	display: none;
}

#GENERAL .line_lp {
	display: none;
}

/* ------------------------------------------------------------ 4つの特長 ------------------------------------------------------------ */

/*--------------------------------
	イーレックス・ヒストリー
--------------------------------*/

.history section.container {
	width: 100%;
	height: 7439px;
	max-width: none;
	background-color: #fffdee;
	padding: 0 15px 60px;
	overflow: hidden;
}
.history section.container h2 {
	width: 100%;
	background-color: #ffe328;
	color: #eb7700;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	margin: 0 auto;
	padding: 0;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 2.6rem;
	position: relative;
}
.history section.container h2:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 30px solid #fef8f2;
	border-left: 30px solid transparent;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	right: 0;
}
.history section.container h2:before {
	display: none;
/*
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #ffe328;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	left: -8px;
*/
}
.history section.container ul {
	max-width: 990px;
	margin: 0 auto;
	position: relative;
	top:0;
	left: 0;
}
.history section.container ul li {
	position: absolute;
}
.history section.container ul li h3 {
	color: #444;
	text-align: left;
	font-size: 2.4rem;
	font-weight: normal;
	margin: 0 0 5px 0;
	border-top: none;
	padding: 0;
}
.history section.container ul li h3.small {
	font-size: 1.8rem;
	line-height: 1.6;
}
.history section.container ul li p {
	color: #666;
	margin: 0 0 10px 0;
	font-size: 1.5rem;
}

.history section.container ul li h4 {
	color: #eb7700;
	font-size: 1.5rem;
	text-align: right;
	margin: 0 0 5px 0;
}
.history section.container ul li h4.small {
	font-size: 1.3rem;
}
.history section.container ul li h4.big {
	font-size: 2.3rem;
}
.history section.container ul li em {
	display: block;
	color: #eb7700;
	font-size: 1.3rem;
	text-align: right;
}
.history section.container ul li strong {
	display: block;
	width: 150px;
	background-color: #eb7700;
	color: #fff;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	font-size: 3.2rem;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: relative;
}
.history section.container ul li strong:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
}
.history section.container ul li strong:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	left: -8px;
}
.history section.container ul li strong span {
	font-size: 1.6rem;
	margin: 0 0 0 10px;
}
.history section.container ul li.historyBg {
	width:2000px;
	height:7359px;
	background: transparent url(/feature/history/images/history_bg.png?20180829) 0 0 repeat-x;
	left: 300px;
	top:0;
}

.history section.container ul li.historyStem {
	left: 190px;
	top:0;
}

.history section.container ul li.h2Title {
	width: 500px;
	left: 350px;
	top:30px;
}

.history section.container ul li.ins2000,
.history section.container ul li.ins2004 {
	width: 170px;
	left: 5px;
}

.history section.container ul li.ins2016 {
	width: 170px;
	left: 50px;
}

.history section.container ul li.ins2000 img,
.history section.container ul li.ins2004 img,
.history section.container ul li.ins2016 img {
	width: 100%;
	height: auto;
	margin: 0;
}

.history section.container ul li.ins2000 {
	top:505px;
}
.history section.container ul li.ins2004 {
	top:1003px;
}

.history section.container ul li.ins2016 {
	top:4005px;
}

.history section.container ul li.year1999,
.history section.container ul li.year2000,
.history section.container ul li.year2001,
.history section.container ul li.year2004,
.history section.container ul li.year2010,
.history section.container ul li.year2011,
.history section.container ul li.year2013,
.history section.container ul li.year2014,
.history section.container ul li.year2015,
.history section.container ul li.year2016,
.history section.container ul li.year2017,
.history section.container ul li.year2018 {
	left: 240px;
	/* left: 50%; */
	/* margin-left: -75px; */
}
.history section.container ul li.year1999 {
	top:145px;
}
.history section.container ul li.year2000 {
	top:345px;
}
.history section.container ul li.year2001 {
	top:634px;
}
.history section.container ul li.year2004 {
	top:920px;
}
.history section.container ul li.year2010 {
	top:1074px;
}
.history section.container ul li.year2011 {
	top:1540px;
}
.history section.container ul li.year2013 {
	top:1710px;
}
.history section.container ul li.year2014 {
	top:2140px;
}
.history section.container ul li.year2015 {
	top:2740px;
}
.history section.container ul li.year2016 {
	top:3900px;
}
.history section.container ul li.year2017 {
	top:5590px;
}
.history section.container ul li.year2018 {
	top:6285px;
}

.history section.container ul li.his1999_1,
.history section.container ul li.his2000_1,
.history section.container ul li.his2001_1,
.history section.container ul li.his2004_1,
.history section.container ul li.his2010_1,
.history section.container ul li.his2010_2,
.history section.container ul li.his2012_1,
.history section.container ul li.his2013_1,
.history section.container ul li.his2014_1,
.history section.container ul li.his2014_2,
.history section.container ul li.his2014_3,
.history section.container ul li.his2015_1,
.history section.container ul li.his2015_2,
.history section.container ul li.his2015_3,
.history section.container ul li.his2015_4,
.history section.container ul li.his2015_5,
.history section.container ul li.his2016_1,
.history section.container ul li.his2016_2,
.history section.container ul li.his2016_3,
.history section.container ul li.his2016_4,
.history section.container ul li.his2016_5,
.history section.container ul li.his2016_6,
.history section.container ul li.his2017_1,
.history section.container ul li.his2017_2,
.history section.container ul li.his2017_3,
.history section.container ul li.his2018_1,
.history section.container ul li.his2018_2,
.history section.container ul li.his2018_3,
.history section.container ul li.his2018_4 {
	width: 460px;
	left: 450px;
}
.history section.container ul li.his2016_2 {
	width: 500px;
}
.history section.container ul li.his2000_1 img,
.history section.container ul li.his2001_1 img,
.history section.container ul li.his2004_1 img,
.history section.container ul li.his2010_1 img,
.history section.container ul li.his2010_2 img,
.history section.container ul li.his2012_1 img,
.history section.container ul li.his2013_1 img,
.history section.container ul li.his2014_1 img,
.history section.container ul li.his2014_2 img,
.history section.container ul li.his2014_3 img,
.history section.container ul li.his2015_1 img,
.history section.container ul li.his2015_2 img,
.history section.container ul li.his2015_3 img,
.history section.container ul li.his2015_4 img,
.history section.container ul li.his2015_5 img,
.history section.container ul li.his2016_1 img,
.history section.container ul li.his2016_2 img,
.history section.container ul li.his2016_5 img,
.history section.container ul li.his2016_6 img,
.history section.container ul li.his2017_1 img,
.history section.container ul li.his2018_1 img,
.history section.container ul li.his2018_4 img {
	width: 100%;
	height: auto;
	margin: 15px 0 0 -20px;
}

.history section.container ul li.his2010_1 img {
	margin: 0 0 0 -20px;
}

.history section.container ul li.his1999_1 {
	top:240px;
}
.history section.container ul li.his2000_1 {
	top:445px;
}
.history section.container ul li.his2001_1 {
	top:738px;
}
.history section.container ul li.his2010_1 {
	top:1175px;
}
.history section.container ul li.his2010_2 {
	top:1478px;
}
.history section.container ul li.his2013_1 {
	top:1808px;
}
.history section.container ul li.his2014_1 {
	top:2240px;
}
.history section.container ul li.his2014_2 {
	top:2831px;
}
.history section.container ul li.his2014_3 {
	top:2577px;
}
.history section.container ul li.his2015_1 {
	top:2840px;
}
.history section.container ul li.his2015_2 {
	top:3155px;
}
.history section.container ul li.his2015_3 {
	top:3315px;
}
.history section.container ul li.his2015_4 {
	top:3590px;
}
.history section.container ul li.his2015_5 {
	top:3780px;
}
.history section.container ul li.his2016_1 {
	top:4043px;
}
.history section.container ul li.his2016_2 {
	top:4330px;
}
.history section.container ul li.his2016_3 {
	top:4660px;
}
.history section.container ul li.his2016_4 {
	top:4818px;
}
.history section.container ul li.his2016_5 {
	top:4980px;
}
.history section.container ul li.his2016_6 {
	top:5290px;
}
.history section.container ul li.his2017_1 {
	top:5695px;
}
.history section.container ul li.his2017_2 {
	top:5997px;
}
.history section.container ul li.his2017_3 {
	top:6155px;
}
.history section.container ul li.his2018_1 {
	top:6394px;
}
.history section.container ul li.his2018_2 {
	top:6700px;
}
.history section.container ul li.his2018_3 {
	top:6857px;
}
.history section.container ul li.his2018_4 {
	top:7015px;
}


/*--------------------------------
	電力供給体制
--------------------------------*/

.system section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.system section.container > div {
	margin: 0;
	overflow: hidden;
	padding: 50px 0;
}
.system section.container > div:nth-of-type(2n+1)  {
	background-color: #fffbdf;
}
.system section.container > div div.inner {
	width: 800px
}
.system section.container p:nth-of-type(1) {
	margin: 0 0 50px 0;
}
.system section.container h2 {
	margin: 30px auto 50px;
	font-size: 2.2rem;
	text-align: center;
	color: #fff;
	background-color: #eb7700;
	position: relative;
}
.system section.container h2:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
}
.system section.container h2:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	left: -8px;
}
.system section.container h3 {
	margin: 0 auto 30px;
	font-size: 2.2rem;
	text-align: center;
	color: #eb7700;
	background-color: #fbe4cc;
	padding: 12px 5px 9px 5px;
	border: none;
	position: relative;
}
.system section.container h3:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #fbe4cc;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
}
.system section.container h3:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #fbe4cc;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	left: -8px;
}
.system section.container p.txt {
	margin: 0 auto 40px;
	font-size: 1.7rem;
	line-height: 2;
}
.system section.container h2 + p.txt {
	font-size: 1.8rem;
}
.system section.container h2 + p.txt + p.txt {
	font-size: 1.8rem;
}
.system section.container p img {
	max-width: 100%;
	height: auto;
}
.system section.container small {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 10px;
}
.system section.container table {
	width: 60%;
	border-collapse: collapse;
	margin: 0 auto 50px;
	color: #eb7700;
	font-size: 1.8rem;
}
.system section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fbe4cc;
}
.system section.container table td {
	padding: 10px 20px;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fff;
}
.system section.container div.col1-1 {

}
.system section.container div.col1-1 div {
	text-align: center;
	color: #eb7700;
	font-size: 1.3rem;
}
.system section.container div.col1-1 div img {
	display: block;
	margin: 0 auto 10px;
}
.system section.container strong {
	display: block;
	text-align: center;
}
.system section.container strong img {
	position: relative;
	left:75px;
}
.system section.container > div *:last-child {
	margin-bottom: 0;
}

/*--------------------------------
	バイオマス
--------------------------------*/
.biomass section.secondVisual {
	background-color: #fffbdf;
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 0;
}
.biomass section.secondVisual img {
	width: 100%;
	height: auto;
}
.biomass section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.biomass section.container > div {
	margin: 0;
	overflow: hidden;
	padding: 50px 0;
}
.biomass section.container > div:nth-of-type(1) {
	padding-top: 20px;
}
.biomass section.container > div:nth-of-type(2n+1) {
	background-color: #fffbdf;
}

.biomass section.container > div div.inner {
	width: 800px
}

.biomass section.container p:nth-of-type(1) {
	margin: 0 0 50px 0;
}
.biomass section.container h2 {
	margin: 30px auto 50px;
	font-size: 2.2rem;
	text-align: center;
	color: #fff;
	background-color: #eb7700;
	position: relative;
}
.biomass section.container h2:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
}
.biomass section.container h2:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #eb7700;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	left: -8px;
}
.biomass section.container h3 {
	margin: 0 auto 30px;
	font-size: 2.2rem;
	text-align: center;
	color: #eb7700;
	padding: 12px 5px 9px 5px;
	background-color: #fbe4cc;
	border: none;
	position: relative;
}
.biomass section.container h3:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #fbe4cc;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	right: -8px;
}
.biomass section.container h3:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #fbe4cc;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	left: -8px;
}
.biomass section.container h4 {

}
.biomass section.container p.txt {
	margin: 0 auto 40px;
	font-size: 1.6rem;
	line-height: 2;
}
.biomass section.container h2 + p.txt {
	width: 80%;
	font-size: 1.8rem;
}
.biomass section.container small {
	display: block;
	font-size: 1.2rem;
	text-align: right;
	margin-bottom: 10px;
}
.biomass section.container hr {
	width: 90%;
	border-top: 2px solid #eb7700;
	margin: 60px auto;
}
.biomass section.container div.col3-2 div {
	font-size: 1.6rem;
	line-height: 2;
	position: relative;
}
.biomass section.container div.col3-2 div em {
	color: #eb7700;
}
.biomass section.container div.col3-2 div img {
	width: 100%;
	height: auto;
}
.biomass section.container div.col1-1 div {
	font-size: 1.6rem;
	line-height: 2;
	position: relative;
}
.biomass section.container div.col1-1 div em {
	color: #eb7700;
}
.biomass section.container div.col1-1 div img {
	width: 100%;
	height: auto;
}
.biomass section.container div.col1-1 div h4 {
	font-size: 1.9rem;
	line-height: 1.6;
	color: #eb7700;
	margin: 15px 0 30px 0;
}
.biomass section.container div.col1-1 div h4 span {
	font-size: 1.6rem;
	display: block;
	margin: 0 0 10px 0;
}
/*
.biomass section.container div.col1-1 div i {
	width:100px;
	position: absolute;
	top:-35px;
	left: -10px;
}
.biomass section.container div.col1-1 div i img {
	width: 100%;
	height: auto;
}
*/
.biomass section.container div.col1-1 div:nth-child(2) {
	text-align: right;
}
.biomass section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
	color: #eb7700;
}
.biomass section.container table th {
	width: 27%;
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fbe4cc;
}
.biomass section.container table td {
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #eb7700;
	background-color: #fff;
}
.biomass section.container strong {
	display: block;
	text-align: center;
}
.biomass section.container strong img {
	position: relative;
	left: 75px;
}
.biomass section.container > div *:last-child {
	margin-bottom: 0;
}

/*--------------------------------
	新サービス
--------------------------------*/

.service section.container h2 {
	width: 100%;
	margin: 30px auto 50px;
	font-size: 2.2rem;
	text-align: center;
	color: #fff;
	background-color: #eb7700;
	position: relative;
}
.service section.container h2:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #eb7700;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	right: -8px;
}
.service section.container h2:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #eb7700;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	left: -8px;
}
.service section.container h3 {
	width: 100%;
	margin: 100px auto 30px;
	padding: 10px 5px;
	font-size: 2.2rem;
	text-align: center;
	color: #eb7700;
	font-family: 'TBUDゴシック R', sans-serif;
	background-color: #FCEBD9;
	position: relative;
	border-top: none;
}
.service section.container h3:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 8px solid #FCEBD9;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	right: -8px;
}
.service section.container h3:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: 8px solid #FCEBD9;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	left: -8px;
}
.service section.container p.txt {
	font-size: 1.7rem;
	line-height: 2;
}
.service section.container ol {
	width: 100%;
	height: 740px;
	margin: 30px auto;
	background: url(/feature/service/images/ring_00.png?20180427) no-repeat center 40px;
	background-size: 510px auto;
	position: relative;
}

.service section.container ol li {
	display: block;
	height: auto;
	color: #eb7700;
	position: absolute;
	text-align: center;
}
.service section.container ol li p {
	margin: 0 0 10px;
	font-size: 1.8rem;
}
.service section.container ol li:nth-of-type(1) {
	top: 0;
	left: 30px;
}
.service section.container ol li:nth-of-type(2) {
	top: 0;
	right: 20px;
}
.service section.container ol li:nth-of-type(3) {
	bottom: 250px;
	left: 0;
}
.service section.container ol li:nth-of-type(4) {
	bottom: 0;
	left: 200px;
}
.service section.container ol li:nth-of-type(5) {
	bottom: 250px;
	right: 0;
}
.service section.container ol li:nth-of-type(6) {
	bottom: 0;
	right: 200px;
}

.service section.container ol + p {
	margin: 0 0 15px;
}
.service section.container ol + p img {
	width: 200px;
	height: auto;
}
.service section.container ol + p + p .generalBtn {
	background-image: url(/feature/service/images/icon_partner.png);
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 15px center;
	padding: 0 30px 0 55px;
}
/*
.service section.container hr {
	width: 90%;
	border-top: 2px solid #eb7700;
	margin: 60px auto;
}
*/
.service section.container ul {
	width: 100%;
	margin: 30px auto;
	min-height:1px;
	zoom:1;
	clear: both;
}
.service section.container ul:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.service section.container ul li {
	float: left;
	width: 50%;
	height: 500px;
	padding: 30px;
	text-align: center;
	border-top: 2px dotted #eb7700;
	border-left: 2px dotted #eb7700;
	position: relative;
}
.service section.container ul li:nth-child(n+3) {
	border-bottom: 2px dotted #eb7700;
}
.service section.container ul li:nth-child(2n) {
	border-right: 2px dotted #eb7700;
}
.service section.container ul li img {
	margin: 0 0 10px;
}
.service section.container ul li p {
	margin: 0 0 30px;
}
.service section.container ul li:nth-of-type(4) img {
	display: block;
	margin: 70px auto;
}


/* ------------------------------------------------------------ erexグループ ------------------------------------------------------------ */

/*--------------------------------
	erexグループ
--------------------------------*/

.erexgroup section.erexGroupIndex {
}
.erexgroup section.erexGroupIndex ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.erexgroup section.erexGroupIndex ul li {
	display: inline-block;
	height:180px;
	line-height: 110px;
	font-size: 2.2rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	border: 2px solid #ccc;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(1) {
	background: #fff url(/company/images/ico_group01.png) center 90px no-repeat; 
	background-size: 60px auto;
	width: 33.3333%;
	max-width: 300px;
	margin:0 1.5% 3%;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(2) {
	background: #fff url(/company/images/ico_group02.png) center 90px no-repeat; 
	background-size: 60px auto;
	width: 33.3333%;
	max-width: 300px;
	margin:0 1.5% 3%;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(3) {
	background: #fff url(/company/images/ico_group03.png) center 90px no-repeat; 
	background-size: 60px auto;
	width: 33.3333%;
	max-width: 300px;
	margin:0 1.5% 3%;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(4) {
	background: #fff url(/company/images/ico_group04.png) center 90px no-repeat; 
	background-size: 60px auto;
	width: 47%;
	max-width: 485px;
	margin:0 1.5% 3%;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(5) {
	background: #fff url(/company/images/ico_group05.png) center 90px no-repeat; 
	background-size: 60px auto;
	width: 47%;
	max-width: 485px;
	margin:0 1.5% 3%;
}

.erexgroup section.erexGroupIndex ul li:nth-of-type(1):hover {
	background: #fff193 url(/company/images/ico_group01.png) center 85px no-repeat; 
	background-size: 70px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(2):hover {
	background: #fff193 url(/company/images/ico_group02.png) center 85px no-repeat; 
	background-size: 70px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(3):hover {
	background: #fff193 url(/company/images/ico_group03.png) center 85px no-repeat; 
	background-size: 70px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(4):hover {
	background: #fff193 url(/company/images/ico_group04.png) center 85px no-repeat; 
	background-size: 70px auto;
}
.erexgroup section.erexGroupIndex ul li:nth-of-type(5):hover {
	background: #fff193 url(/company/images/ico_group05.png) center 85px no-repeat; 
	background-size: 70px auto;
}

.erexgroup section.erexGroupIndex ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.erexgroup section.erexGroupIndex ul li a:focus				{ color:#eb7700; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:link				{ color:#eb7700; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:link:hover		{ color:#f19333; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:link:active		{ color:#f19333; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:visited			{ color:#eb7700; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:visited:hover		{ color:#f19333; text-decoration:none; }
.erexgroup section.erexGroupIndex ul li a:visited:active	{ color:#f19333; text-decoration:none; }


.erexgroup section.erexGroupIndex + section.erexCompany {
	display: none;
}


/*--------------------------------
	ブランドコンセプト・経営理念
--------------------------------*/

.concept section.container h3:nth-of-type(1) {
	border-top: none;
	font-size: 2.8rem;
	color: #eb7700;
	margin: 60px 0 40px 0;
}
.concept section.container h3:nth-of-type(2) {
	margin-top: 100px;
}
.concept section.container div.allCol {
	text-align: center;
	margin: 0 0 120px;
}
.concept section.container div.conceptTop {
	margin: 30px auto 90px;
	font-size: 1.6rem;
	line-height: 2.2;
	text-align: center;
}
.concept section.container div.allCol.brandConcept {
	line-height: 2.2;
}
.concept section.container div.allCol p {
	font-size: 1.6rem;
}
.concept section.container div.allCol strong {
	display: block;
	font-size: 2.0rem;
	color: #eb7700;
	margin: 0 0 15px 0;
}
.concept section.container div.allCol div {
	margin: 0;
	padding: 30px;
	line-height: 2;
}
.concept section.container div.allCol > img {
	margin: 0 0 50px;
}
.concept section.container div.allCol div > p {
	display: inline-block;
	vertical-align:top;
	margin: 30px 0 0 30px;
}
.concept section.container div.allCol div h4 {
	border-bottom:1px solid #898989;
	padding: 0 0 10px 0;
	font-size: 2rem;
	text-align: center;
}
.concept section.container div.allCol div h4:nth-of-type(1) {
	margin-top:0;
}
.concept section.container div.allCol ul li {
	font-size: 2.0rem;
	/* color: #eb7700; */
}

.concept section.container div.allCol a.generalBtn {
	background: #ffffff url(/company/concept/images/icon01.png) no-repeat 10px center;
	background-size: 14px auto;
	padding: 0 30px 0 45px;
}
.concept section.container div.allCol a.generalBtn:hover {
	background: #fff193 url(/company/concept/images/icon01.png) no-repeat 10px center;
	background-size: 14px auto;
}


/*--------------------------------
	ご挨拶
--------------------------------*/

.greeting section.container div.col3-1 div p.greetingAuthor {
	margin: 30px 0 0 0;
	font-size: 1.3rem;
	text-align: right;
}
.greeting section.container div.col3-1 div p.greetingAuthor img {
	display: inline-block;
	width: 140px;
	height:auto;
	margin-top: 10px;
}
.greeting section.container div.col3-1 div:nth-of-type(2) p img {
	display: inline-block;
	width: 100%;
	height: auto;
}

/*--------------------------------
	グループ紹介
--------------------------------*/

.about section.container h3 {
	margin-top: 100px;
}
.about section.container h4 {
	margin: 40px 0 15px;
	padding: 20px 0 0 ;
	font-family: 'TBUDゴシック B', sans-serif;
}
.about section.container h4.slideToggle {
	text-align: left;
	margin: 30px auto 15px;
	padding: 13px 10px 13px 55px;
	font-size: 2.0rem;
	background-color: #f3f3f3;
	position: relative;
	border: 4px solid #ccc;
	border-radius: 15px; /* CSS3 */
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	cursor: pointer;
}
.about section.container h4.slideToggle:hover {
	background-color: #fff193;
}
.about section.container h4.slideToggle:before {
	content:'\f078';
	font-family: FontAwesome;
	color:#ccc;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 15px;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
	-ms-transition: all .15s linear;
    transition: all .15s linear;
}
.about section.container h4.slideToggle.open:before {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
}
.about section.container h4.slideToggle:hover {
	border: 4px solid #eb7700;
	color: #eb7700;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}
.about section.container h4.slideToggle:hover:before {
	color: #eb7700;
}
/*
.about section.container h4.slideToggle:hover {
	color: #eb7700;
}
.about section.container h4.slideToggle:before {
	content:'\f078';
	font-family: FontAwesome;
	color:#eb7700;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
	-ms-transition: all .15s linear;
    transition: all .15s linear;
}
.about section.container h4.slideToggle.open:before {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
}
*/
.about section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.about section.container h4.slideToggle + div table {
	margin-bottom: 0;
}
.about section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #eee;
}
.about section.container table td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}
.about section.container table td img {
	margin: 20px 0;
	width:600px;
	height: auto;
}
.about section.container table td ul {
}
.about section.container table td ul li {
	margin: 0 0 3px 0;
}
.about section.container table td dl {
	min-height:1px;
	zoom:1;
}
.about section.container table td dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.about section.container table td dl dt {
	width: 20%;
	margin: 0 5% 3px 0;
	float: left;
	clear: both;
}
.about section.container table td dl dd {
	width: 75%;
	margin: 0 0 3px 0;
	float: right;
}
.about section.container table td dl.tuning dt {
	width: 25%;
	margin: 0 5% 3px 0;
	float: left;
	clear: both;
}
.about section.container table td dl.tuning dd {
	width: 70%;
	margin: 0 0 3px 0;
	float: right;
}
.about section.container table td a.googleMapLink {
	position: relative;
	margin: 0 0 0 15px;
	padding: 0 0 0 13px;
}
.about section.container table td a.googleMapLink:before {
	content:'\f041';
	font-family: FontAwesome;
	position: absolute;
	top: -2px;
	left: 0;
}

.about section.container table td a.googleMapLink:focus				{ color:#eb7700; text-decoration:none; }
.about section.container table td a.googleMapLink:link				{ color:#eb7700; text-decoration:none; }
.about section.container table td a.googleMapLink:link:hover		{ color:#fad6b2; text-decoration:none; }
.about section.container table td a.googleMapLink:link:active		{ color:#fad6b2; text-decoration:none; }
.about section.container table td a.googleMapLink:visited			{ color:#eb7700; text-decoration:none; }
.about section.container table td a.googleMapLink:visited:hover		{ color:#fad6b2; text-decoration:none; }
.about section.container table td a.googleMapLink:visited:active	{ color:#fad6b2; text-decoration:none; }


/* プライバシーマーク追加170310 */

.about section.container table td .privacymark {
	margin:10px 0 0 0; 
	min-height:1px;
	zoom:1;
}
.about section.container table td .privacymark:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.about section.container table td .privacymark img {
	width: 85px;
	height: auto;
	margin: 0 22px 0 0;
	float: left;
}
.about section.container table td .privacymark dl {
	font-size: 1.2rem;
	width: 570px;
	float: left;
	min-height:1px;
	zoom:1;
}
.about section.container table td .privacymark dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.about section.container table td .privacymark dl dt {
	width: 22%;
	margin: 0 0 3px 0;
	float: left;
	clear: both;
}
.about section.container table td .privacymark dl dd {
	width: 78%;
	margin: 0 0 3px 0;
	float: right;
}



/*--------------------------------
	事業紹介
--------------------------------*/

.domain section.container h2 {
	margin: 20px 0 30px;
}

.domain section.container h3 {
	text-align: left;
	margin: 30px auto 15px;
	padding: 13px 10px 13px 55px;
	font-size: 2.0rem;
	background-color: #f3f3f3;
	position: relative;
	border: 4px solid #ccc;
	border-radius: 15px; /* CSS3 */
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	cursor: pointer;
}
.domain section.container h3:hover {
	background-color: #fff193;
}
.domain section.container h3:before {
	content:'\f078';
	font-family: FontAwesome;
	color:#ccc;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 15px;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
	-ms-transition: all .15s linear;
    transition: all .15s linear;
}
.domain section.container h3.open:before {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
}
.domain section.container h3:hover {
	border: 4px solid #eb7700;
	color: #eb7700;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}
.domain section.container h3:hover:before {
	color: #eb7700;
}
.domain section.container h3 + div {
	padding: 10px 5%;
}
.domain section.container h3 + div strong {
	display: block;
	margin: 0 0 20px;
	padding: 10px 20px;
	font-size: 1.8rem;
	font-family: 'TBUDゴシック B', sans-serif;
	background-color: #f3f3f3;
}
.domain section.container h3 + div strong:nth-of-type(2) {
	margin: 50px 0 20px;
}
.domain section.container h3 + div h4 {
	margin: 30px 0 10px;
	font-size: 1.8rem;
	font-family: 'TBUDゴシック B', sans-serif;
	color: #eb7700;
}
.domain section.container h3 + div p {
	font-size: 1.5rem;
}
.domain section.container h3 + div small {
	font-size: 1.2rem;
}
.domain section.container h3 + div a.generalBtn {
	margin: 0 10px;
}
.domain section.container div.jisseki dl dt {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 1.4rem;
	color: #999;
}
.domain section.container div.jisseki dl dd {
	margin: 0 0 20px 0;
	font-size: 1.3rem;
}


/*--------------------------------
	レックスくんの部屋
--------------------------------*/

.rex {
	background-color: #fff7be;
}
.rex section.container {
	max-width: none;
}
.rex section.container h2 {
	width: 100%;
	margin-bottom: 10px;
	background: none;
}
.rex section.container h2:before,
.rex section.container h2:after {
	border: none;
}
.rex section.container h2 img {
	width: 100%;
	height: auto;
	max-width: 1100px;
}
.rex section.container p {
	font-size:1.7rem;
	line-height: 2;
	color: #666;
	text-align: center;
}
.rex section.container div {
	max-width: 990px;
	height: 550px;
	margin: 70px auto 0;
	background: url(/company/rex/images/rex00.png?20181204) center center no-repeat;
	background-size: 187px auto;
	position: relative;
}
.rex section.container div img {
	position: absolute;

	-webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.rex section.container div img:hover {
	cursor: pointer;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.rex section.container div img:nth-of-type(1) {
	top:0;
	left: 10%;
}
.rex section.container div img:nth-of-type(2) {
	top:0;
	left: 50%;
	margin-left: -65px;
}
.rex section.container div img:nth-of-type(3) {
	top:0;
	right: 8%;
}
.rex section.container div img:nth-of-type(4) {
	top:50%;
	left: 10%;
	margin-top: -80px;
}
.rex section.container div img:nth-of-type(5) {
	top:50%;
	right: 12%;
	margin-top: -80px;
}
.rex section.container div img:nth-of-type(6) {
	bottom:10px;
	left: 13%;
}
.rex section.container div img:nth-of-type(7) {
	bottom:10px;
	right: 13%;
}

/* ------------------------------------------------------------ イーレックスの電気に投票しよう!? ------------------------------------------------------------ */

.newpower section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.newpower section.container > div {
	margin: 0;
	overflow: hidden;
	padding: 50px 0;
}
.newpower section.container > div:nth-of-type(1) {
	background-color: #fffbdf;
}
.newpower section.container > div:nth-of-type(1) div.inner {
	position: relative;
}
.newpower section.container > div:nth-of-type(1) div.inner p {
	position: absolute;
	top:200px;
	left:480px;
	text-align: left;
}
.newpower section.container > div:nth-of-type(3) {
	background-color: #f5f5f5;
}
.newpower section.container > div:nth-of-type(5) {
	background-color: #f5f5f5;
}
.newpower section.container > div:nth-of-type(7) {
	background-color: #fdf4eb;
	padding: 50px 0 30px;
}

.newpower section.container h2 {
	margin: 0;
	text-align: center;
	background: none;
}
.newpower section.container h2:before {
	border: none;
}
.newpower section.container h2:after {
	border: none;
}
.newpower section.container h2 img {
	width: 700px;
	height:auto;
}
.newpower section.container p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2;
	color: #666666;
	margin: 0 0 15px 0;
}
.newpower section.container > div *:last-child {
	margin-bottom: 0;
}
.newpower section.container p img {
	width: 800px;
	height:auto;
	max-width: 100%;
}
.newpower section.container h3 {
	text-align: center;
	margin: 0 0 30px 0;
	border-top: none;
	padding:0;
}
.newpower section.container h3 img {
	width: 650px;
	height:auto;
}
.newpower section.container h3.ask {
	margin: 40px 0 0 0;
}
.newpower section.container small {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #666666;
}

/* 個人のお客さまからのご質問 */

.newpower section.container h4 {
	text-align: center;
	margin: 0 0 30px;
	padding: 13px 10px 13px 55px;
	font-size: 2.4rem;
	color:#666;
	background-color: #f3f3f3;
	position: relative;
	border: 4px solid #ccc;
	border-radius: 15px; /* CSS3 */
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	cursor: pointer;
}
.newpower section.container h4:before {
	content:'\f078';
	font-family: FontAwesome;
	color:#ccc;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 15px;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
	-ms-transition: all .15s linear;
    transition: all .15s linear;
}
.newpower section.container h4.open:before {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
}
.newpower section.container h4:hover {
	border: 4px solid #eb7700;
	color: #eb7700;
	background-color: #fff193;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}
.newpower section.container h4:hover:before {
	color: #eb7700;
}
.newpower section.container h4 + div {
	border: 4px solid #eee;
	padding: 30px 100px;
	margin: 0 0 30px 0;
	background-color: #fff;
}
.newpower section.container h4 + div strong {
	display: block;
	text-align: center;
	margin: 30px 0 30px 0;
}
.newpower section.container h4 + div strong img {
	width: 800px;
	height:auto;
	max-width: 100%;
}
.newpower section.container h4 + div strong + p {
	text-align: left;
}
.newpower section.container h4 + div h5 {
	text-align: left;
}
.newpower section.container h4 + div h5 img {
	width: 100%;
	height:auto;
}
.newpower section.container h4 + div > div {
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666666;
}
.newpower section.container h4 + div > div.proccess {
	border: 4px solid #fdf1e5;
	padding: 30px 50px;
}
.newpower section.container h4 + div > div.proccess p {
	text-align: left;
}
.newpower section.container h4 + div > div.proccess > p {
	font-size: 1.8rem;
}
.newpower section.container h4 + div > div.proccess + p img {
	width: 10%;
	height: auto;
	margin: 30px 0 0 0;
}
.newpower section.container h4 + div > div.proccess > p img {
	width: 80%;
}
.newpower section.container h4 + div > div.proccess > small {
	text-align: left;
}
.newpower section.container h4 + div > div.proccess h5 {
	font-size: 2.5rem;
	font-weight: normal;
	text-align: center;
	position: relative;
	margin: 10px 0 50px 0;
}
.newpower section.container h4 + div > div.proccess h5 em {
	display: block;
	width: 50%;
	font-size: 1.5rem;
	margin: 10px auto 0;
	border-bottom: 3px solid #ffe623;
	padding-bottom: 5px;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(1) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_02_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(1) h5:after {
	content:'';
	width:122px;
	height:60px;
	background: transparent url(/newpower/images/fig07_02_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(2) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_03_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(2) h5:after {
	content:'';
	width:122px;
	height:72px;
	background: transparent url(/newpower/images/fig07_03_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(3) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_04_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.newpower section.container h4 + div > div.proccess:nth-of-type(3) h5:after {
	content:'';
	width:122px;
	height:72px;
	background: transparent url(/newpower/images/fig07_04_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.newpower section.container h4 + div > div.proccess div.col1-3 {
	margin: 30px 0 0 0;
}
.newpower section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) p {
	text-align: left;
	padding-top: 20px;
	font-size: 1.7rem;
}
.newpower section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) span {
	display: block;
	text-align: left;
	font-size: 1.3rem;
}
.newpower section.container h4 + div > div.proccess div.question {
	background: #fdf1e5;
	padding: 20px;
	margin: 30px 0 0 0;
}
.newpower section.container h4 + div > div.proccess div.question strong {
	display: block;
	color: #eb7700;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 40px;
	background: transparent url(/newpower/images/fig07_02_ico03.png) left center no-repeat;
	background-size: 18px auto;
}
.newpower section.container h4 + div > div.proccess div.question p {
	padding-left: 40px;
}
.newpower section.container div.col2-1 img {
	width: 100%;
	height: auto;
}
.newpower section.container a.generalBtn {
	margin: 0 10px;
}


/* ------------------------------------------------------------ LINE ランディングページ ------------------------------------------------------------ */

.line_lp section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.line_lp section.container > div {
	margin: 0;
	overflow: hidden;
	padding: 50px 0;
}
.line_lp section.container > div:nth-of-type(1) {
	background-color: #fffbdf;
}
.line_lp section.container > div:nth-of-type(1) div.inner {
	position: relative;
}
.line_lp section.container > div:nth-of-type(1) div.inner p {
	position: absolute;
	top:200px;
	left:480px;
	text-align: left;
}
.line_lp section.container > div:nth-of-type(3) {
	background-color: #f5f5f5;
}
.line_lp section.container > div:nth-of-type(5) {
	background-color: #f5f5f5;
}
.line_lp section.container > div:nth-of-type(7) {
	background-color: #fdf4eb;
	padding: 50px 0 30px;
}

.line_lp section.container h2 {
	margin: 0;
	text-align: center;
	background: none;
}
.line_lp section.container h2:before {
	border: none;
}
.line_lp section.container h2:after {
	border: none;
}
.line_lp section.container h2 img {
	width: 700px;
	height:auto;
}
.line_lp section.container p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2;
	color: #666666;
	margin: 0 0 15px 0;
}
.line_lp section.container > div *:last-child {
	margin-bottom: 0;
}
.line_lp section.container p img {
	width: 800px;
	height:auto;
	max-width: 100%;
}
.line_lp section.container p img.ulli {
	/*width: 800px;*/
	width: initial;
	height:auto;
	max-width: 100%;
}
.line_lp section.container h3 {
	text-align: center;
	margin: 0 0 10px 0;
	border-top: none;
	padding:0;
}
.line_lp section.container h3 img {
	width: 650px;
	height:auto;
}
.line_lp section.container h3.ask {
	margin: 40px 0 0 0;
}
.line_lp section.container small {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #666666;
}

/* 個人のお客さまからのご質問 */

.line_lp section.container h4 {
	text-align: center;
	margin: 0 0 30px;
	padding: 13px 10px 13px 55px;
	font-size: 2.4rem;
	color:#666;
	background-color: #f3f3f3;
	position: relative;
	border: 4px solid #ccc;
	border-radius: 15px; /* CSS3 */
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	cursor: pointer;
}
.line_lp section.container h4:before {
	content:'\f078';
	font-family: FontAwesome;
	color:#ccc;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 15px;
	-webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
	-ms-transition: all .15s linear;
    transition: all .15s linear;
}
.line_lp section.container h4.open:before {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
}
.line_lp section.container h4:hover {
	border: 4px solid #eb7700;
	color: #eb7700;
	background-color: #fff193;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	-ms-transition: 0.1s;
	transition: 0.1s;
}
.line_lp section.container h4:hover:before {
	color: #eb7700;
}
.line_lp section.container h4 + div {
	border: 4px solid #eee;
	padding: 30px 100px;
	margin: 0 0 30px 0;
	background-color: #fff;
}
.line_lp section.container h4 + div strong {
	display: block;
	text-align: center;
	margin: 30px 0 30px 0;
}
.line_lp section.container h4 + div strong img {
	width: 800px;
	height:auto;
	max-width: 100%;
}
.line_lp section.container h4 + div strong + p {
	text-align: left;
}
.line_lp section.container h4 + div h5 {
	text-align: left;
}
.line_lp section.container h4 + div h5 img {
	width: 100%;
	height:auto;
}
.line_lp section.container h4 + div > div {
	font-size: 1.4rem;
	line-height: 1.8;
	color: #666666;
}
.line_lp section.container h4 + div > div.proccess {
	border: 4px solid #fdf1e5;
	padding: 30px 50px;
}
.line_lp section.container h4 + div > div.proccess p {
	text-align: left;
}
.line_lp section.container h4 + div > div.proccess > p {
	font-size: 1.8rem;
}
.line_lp section.container h4 + div > div.proccess + p img {
	width: 10%;
	height: auto;
	margin: 30px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess > p img {
	width: 80%;
}
.line_lp section.container h4 + div > div.proccess > small {
	text-align: left;
}
.line_lp section.container h4 + div > div.proccess h5 {
	font-size: 2.5rem;
	font-weight: normal;
	text-align: center;
	position: relative;
	margin: 10px 0 50px 0;
}
.line_lp section.container h4 + div > div.proccess h5 em {
	display: block;
	width: 50%;
	font-size: 1.5rem;
	margin: 10px auto 0;
	border-bottom: 3px solid #ffe623;
	padding-bottom: 5px;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(1) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_02_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(1) h5:after {
	content:'';
	width:122px;
	height:60px;
	background: transparent url(/newpower/images/fig07_02_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(2) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_03_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(2) h5:after {
	content:'';
	width:122px;
	height:72px;
	background: transparent url(/newpower/images/fig07_03_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(3) h5:before {
	content:'';
	width:56px;
	height:56px;
	background: transparent url(/newpower/images/fig07_04_num.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-8px;
	left: 0;
}
.line_lp section.container h4 + div > div.proccess:nth-of-type(3) h5:after {
	content:'';
	width:122px;
	height:72px;
	background: transparent url(/newpower/images/fig07_04_time.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	top:-12px;
	right: -70px;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 {
	margin: 30px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) p {
	text-align: left;
	padding-top: 20px;
	font-size: 1.7rem;
}
.line_lp section.container h4 + div > div.proccess div.col1-3 div:nth-of-type(2) span {
	display: block;
	text-align: left;
	font-size: 1.3rem;
}
.line_lp section.container h4 + div > div.proccess div.question {
	background: #fdf1e5;
	padding: 20px;
	margin: 30px 0 0 0;
}
.line_lp section.container h4 + div > div.proccess div.question strong {
	display: block;
	color: #eb7700;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 40px;
	background: transparent url(/newpower/images/fig07_02_ico03.png) left center no-repeat;
	background-size: 18px auto;
}
.line_lp section.container h4 + div > div.proccess div.question p {
	padding-left: 40px;
}
.line_lp section.container div.col2-1 img {
	width: 100%;
	height: auto;
}
.line_lp section.container a.generalBtn {
	margin: 0 10px;
}


/* ------------------------------------------------------------ ガス自由化 ------------------------------------------------------------ */

.gas section.container {
	width: 100%;
	max-width: none;
	padding: 0;
}
.gas section.container > div {
	margin: 0;
	/*overflow: hidden;*/
	padding: 50px 0;
}
.gas section.container > div:nth-of-type(2n+1) {
	background-color: #DFECF3;
}

.gas section.container > div:nth-of-type(1) div.inner {
	position: relative;
}
.gas section.container h2 {
	margin: 0 50px 0 0;
	text-align: right;
	background: none;
}
.gas section.container h2:before {
	border: none;
}
.gas section.container h2:after {
	border: none;
}
.gas section.container h2 img {
	width: 769px;
	height:auto;
}
.gas section.container > div:nth-of-type(1) div.inner p {
	position: absolute;
	width: 440px;
	top:200px;
	left:80px;
	text-align: left;
}

.gas section.container p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2;
	color: #666666;
	margin: 0 0 15px 0;
}

.gas section.container > div *:last-child {
	margin-bottom: 0;
}
.gas section.container p img {
	display: inline-block;
	margin: 30px auto 0;
	max-width: 100%;
	height:auto;
}
.gas section.container h3 {
	text-align: center;
	margin: 0 0 30px 0;
	border-top: none;
	padding:0;
	text-align: center;
	color: #666666;
	font-size: 2.6rem;
	letter-spacing: 0.1em;
	font-family: 'TBUDゴシック R';
	font-weight: normal;
}
.gas section.container h3 img {
	display: block;
	width: 650px;
	height:auto;
	margin: 0 auto 30px !important;
}
.gas section.container small {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8;
	color: #666666;
}

.gas section.container > div.gas_start h3 {
	color: #eb7700;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}

.gas section.container > div.gas_start p {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}

.gas section.container > div.gas_start p em {
	color: #eb7700;
	font-size: 3.0rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}

.gas section.container > div.gas_start p em span {
	border-bottom: 3px solid #eb7700;
}

.gas section.container > div.gas_start p img {
	margin: 0 10px -20px;
}

.gas section.container > div.gas_start small {
	margin: 40px auto 0;
}

.gas section.container h4 {
	margin: 60px auto 30px;
	font-size: 2.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	color: #666666;
}

.gas section.container > div.gas_fee img {
	display: block;
	margin: 40px auto 30px;
}

.gas section.container table {
	background: #fff;
	border: 2px solid #eb7700;
	width: 100%;
	margin: 0 auto 20px;
}

.gas section.container table th,
.gas section.container table td {
	border: 2px solid #eb7700;
	padding: 10px 15px;
	vertical-align: middle;
}

.gas section.container table.fee_base tr th {
	text-align: center;
}

.gas section.container table.fee_base th span {
	float: right;
	font-size: 1.1rem;
}

.gas section.container table.fee_base tr td {
	text-align: right;
}

.gas section.container table.fee_base tr:nth-of-type(n+3) th:nth-of-type(2) {
	text-align: left;
}

.gas section.container table.fee_base tr td:nth-of-type(2n+1) {
	background: #FFF9D4;
}

.gas section.container table.fee_base tr td:nth-of-type(2n) {
	background: #E7E7E7;
}


.gas section.container table.fee_shisan tr:nth-of-type(5) {
	background: #FBE4CC;
}

.gas section.container table.fee_shisan tr td {
	text-align: right;
}

.gas section.container table.fee_shisan tr:nth-of-type(-n+2) th {
	text-align: center;
}

.gas section.container table.fee_area {
	margin: 30px auto
}

.gas section.container table.fee_area tr th {
	min-width: 120px;
	text-align: center;
}

.gas section.container ul {
	margin: 0 auto 30px;
}

.gas section.container ul li {
	position: relative;
	width: 700px;
	margin: 0 auto 60px;
	padding: 20px 5px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
	color: #666666;
	background: #fff;
}

.gas section.container ul li:nth-of-type(n+2):before {
	content: '';
	display: block;
	position: absolute;
	top: -40px;
	left: 50%;
	margin: 0 0 0 -20px;
	width: 0;
	height: 0;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #eb7700;
}

.gas section.container ul li em {
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	text-decoration: underline;
	-webkit-text-decoration-skip: none;
}

/* ------------------------------------------------------------ 採用情報 ------------------------------------------------------------ */

/*--------------------------------
	採用情報
--------------------------------*/

.outline section.container h3 {
}
.outline section.container h4 {
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}
.outline section.container h5 {
	color: #eb7700;
	border-bottom: 1px solid #eb7700;
	margin: 30px 0 15px 0;

	font-family: 'TBUDゴシック B', sans-serif;
}
.outline section.container img {
	display: block;
	width:690px;
	height: auto;
	margin: 30px auto;
}
.outline section.container h2 + img {
	width: 615px;
}
.outline section.container ul.recruitLinks {
	width: 100%;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	margin: 80px 0 0 0;
}
.outline section.container ul.recruitLinks li {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
}
.outline section.container ul.recruitLinks li a {
	display: block;
	width: 100%;
	height: 100%;
}

/*--------------------------------
	採用要項
--------------------------------*/

.recruitRequirements section.container h3 span {
	font-size: 1.6rem;
	margin: 0 0 0 15px;
}

.recruitRequirements section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.recruitRequirements section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #eee;
}
.recruitRequirements section.container table td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}
.recruitRequirements section.container table td dl {
	margin: 0;
	min-height:1px;
	zoom:1;
}
.recruitRequirements section.container table td dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.recruitRequirements section.container table td dl dt {
	width: 15%;
	margin: 0 2% 10px 0;
	float: left;
	clear: both;
}
.recruitRequirements section.container table td dl dt:nth-last-of-type(1) {
	margin-bottom: 0;
}
.recruitRequirements section.container table td dl dd {
	width: 83%;
	margin: 0 0 10px 0;
	float: right;
}
.recruitRequirements section.container table td dl dd:nth-last-of-type(1) {
	margin-bottom: 0;
}
.recruitRequirements section.container table p {
	margin: 5px 0 0 0;
	font-size: 1.2rem;
}
.recruitRequirements section.container table em {
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}
.recruitRequirements section.container table ol {
	list-style-type: decimal;
	list-style-position:inside;
}

.recruitRequirements section.container h3 + dl {
	margin: 0;
	min-height:1px;
	zoom:1;
}
.recruitRequirements section.container h3 + dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.recruitRequirements section.container h3 + dl dt {
	width: 15%;
	margin: 0 2% 10px 0;
	float: left;
	clear: both;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}
.recruitRequirements section.container h3 + dl dd {
	width: 83%;
	margin: 0 0 10px 0;
	float: right;
}
.recruitRequirements section.container h3 + dl dd span {
	display: block;
	font-size: 1.2rem;
}

/*--------------------------------
	職種紹介
--------------------------------*/

.recruitJob section.container h4 {
	color: #eb7700;
	border-bottom: 1px solid #eb7700;
	margin: 30px 0 15px 0;
}

.recruitJob section.container .interview {
	background-color: #fef3cc;
	padding: 20px;
	margin: 30px 0 0 0;
}

.recruitJob section.container .interview h5 {
	font-size: 2.0rem;
	margin: 0 0 30px 0;
	color: #eb7700;
}
.recruitJob section.container .interview div.col1-3 div img {
	width: 100%;
	height: auto;
}
.recruitJob section.container .interview strong {
	display: block;
	font-size: 2.6rem;
	line-height: 1.6;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	/* color: #eb7700; */
	margin: 0 0 20px 0;
}
.recruitJob section.container .interview em {
	display: block;
	font-size: 1.5rem;
	margin: 0 0 20px 0;
}
.recruitJob section.container .interview p {
	font-size: 1.6rem;
}
.recruitJob section.container .interview div.detailText {
	margin: 0 0 30px 0;
}
.recruitJob section.container .interview div.detailText p {
	font-size: 1.4rem;
}
.recruitJob section.container .interview div.careerPath {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 20px 30px;
}
.recruitJob section.container .interview div.careerPath h6 {
	font-size: 1.6rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	color: #000;
	margin: 0 0 20px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 10px 0; 
}


/* ------------------------------------------------------------ その他ページ ------------------------------------------------------------ */

/*--------------------------------
	ご契約者さまマイページ（分岐）
--------------------------------*/

.mypage section.container h2 {
	margin: 20px 0 35px 0;
}
.mypage section.container h2 span {
	display: block;
	font-size: 1.3rem;
}
/*
.mypage section.container strong {
	display: block;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
*/
.mypage section.container ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.mypage section.container ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
}
.mypage section.container ul li:nth-of-type(1) a { background-color: #FCEBD9; }
.mypage section.container ul li:nth-of-type(2) a { background-color: #afd05d52; }
.mypage section.container ul li:nth-of-type(3) a { background-color: #fffbdf; }
.mypage section.container ul li:nth-of-type(4) a { background-color: #f3f3f3; }
.mypage section.container ul li a {
	display: block;
	width: 100%;
	height:120px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}
.mypage section.container ul li a img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.mypage section.container ul li a:hover img {
	opacity: 0.6;
}
.mypage section.container ul li a span {
	margin-top: 15px;
	display: block;
}
.mypage section.container ul li a em {
	margin-top: 8px;
	display: block;
	font-size: 130%;
}
.mypage section.container ul li a small {
	margin-top: 8px;
	display: block;
	font-size: 80%;
}

/*
.mypage section.container ul li:nth-of-type(1) {
	display: block;
	margin: 0 auto;
}
*/

/*--------------------------------
	販売パートナーマイページ（分岐）
--------------------------------*/

.mypage_partner section.container strong {
	display: block;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
.mypage_partner section.container ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.mypage_partner section.container ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
}
.mypage_partner section.container ul li p {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-size: 1.4rem;
	margin: 8px;
	min-width: 380px;
}
.mypage_partner section.container ul li:nth-of-type(2) p {
	border: 2px solid;
	border-top: none;
	border-bottom: none;
}
.mypage_partner section.container ul li a {
	display: block;
	width: 100%;
}
.mypage_partner section.container ul li:nth-of-type(1) a { background-color: #fffbdf; }
.mypage_partner section.container ul li:nth-of-type(2) a { background-color: #f3f3f3; }
.mypage_partner section.container ul li a {
	margin: 0 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}
.mypage_partner section.container ul li a:nth-of-type(2) {	
	font-size: 1.8rem;
}
.mypage_partner section.container ul li:nth-of-type(3),
.mypage_partner section.container ul li:nth-of-type(4) {
	height:auto;
	background: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	
	font-size: 1.8rem;
	/* position: relative; */
}

.mypage_partner section.container ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.mypage_partner section.container ul li a img {
	margin-top: 50px;
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.mypage_partner section.container ul li a:hover img {
	opacity: 0.6;
}
.mypage_partner section.container ul li a span {
	display: block;
	margin: 0 0 10px 0;
}
.mypage_partner section.container ul li a em {
	display: block;
	margin: 5px 0 0 0;
}
.mypage_partner section.container ul li a strong {
	display: block;
	margin: 10px 0 0 0;
}
.mypage_partner section.container ul li a:nth-of-type(1) {
	padding: 18px 0 28px 0;
}
.mypage_partner section.container ul li a:nth-of-type(2) {
	padding: 0 0 10px 0;
}

/*--------------------------------
	各種ダウンロード
--------------------------------*/

.download section.container h3 {
	text-align: left;
}
.download section.container h3 span {
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0 0 0 10px;
}
.download section.container ul {

}
.download section.container ul li {
	font-size: 1.5rem;
	margin: 0 12px 10px;
	display: inline-block;
	background: url(/common/images/pdf.png) center left no-repeat;
	padding:2px 0 0 18px;
}
/*
.download section.container ul li:before {
	content:'\f1c1';
	font-family: FontAwesome;
	color: #999;
}
*/
.download section.container ul li a {
	margin: 0 0 0 7px;
}
.download section.container strong {
	font-size: 1.6rem;
	margin: 0 0 5px 0;
	background: url(/common/images/pdf.png) center left no-repeat;
	padding:2px 0 0 12px;
}
/*
.download section.container strong:before {
	content:'\f1c1';
	font-family: FontAwesome;
	color: #999;
}
*/
.download section.container strong a {
	margin: 0 0 0 10px;
}

.download section.container ol {

}
.download section.container ol li {
	font-size: 1.5rem;
	margin: 0 15px 10px;
	display: inline-block;
	background: url(/common/images/exl.png) center left no-repeat;
	padding:2px 0 0 18px;
}
/*
.download section.container ol li:before {
	content:'\f1c3';
	font-family: FontAwesome;
	color: #999;
}
*/
.download section.container ol li a {
	margin: 0 0 0 7px;
}
.download section.container p.destination {
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 15px 20px;
	margin: 10px 0 30px;
	font-size: 1.3rem;
	max-width: 600px;
}
.download_button {
    display: inline-flex;
	justify-content: center;
    align-items: center;
    width: 180px;
    height: 50px;
    background-color: white;
    border: 1px solid #000000;
    border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
}

/*--------------------------------
	個人情報保護方針
--------------------------------*/

.privacy section.container h3 {
	text-align: left;
}
.privacy section.container ul {
	list-style-type:disc;
	list-style-position: inside;
	padding: 0 0 0 10px;
}
.privacy section.container ul.nodisc {
	list-style-type:none;
	padding: 0;
	font-size: 1.2rem;
	color: #333;
}
.privacy section.container ul li {
	margin: 0 0 5px 0;
}

.privacy section.container table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.privacy section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
}
.privacy section.container table td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}
.privacy section.container .privacyDate {
	margin: 30px 0 0 0;
	font-size: 1.3rem;
	text-align: right;
}
.privacy section.container .privacyContact {
	background-color: #eee;
	padding: 30px;
	border: 1px solid #ccc;
}
.privacy section.container .privacyContact strong {
	display: block;
	font-size: 1.5rem;
	margin: 0 0 10px 0;
}
.privacy section.container .privacyContact dl {
	margin: 0;
	min-height:1px;
	zoom:1;
}
.privacy section.container .privacyContact dl:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.privacy section.container .privacyContact dl dt {
	width: 25%;
	margin: 0 2% 10px 0;
	float: left;
	clear: both;
}
.privacy section.container .privacyContact dl dd {
	width: 73%;
	margin: 0 0 10px 0;
	float: right;
	/* padding: 10px 0 0 0; */
}
.privacy section.container a[href^="./images/invoices.pdf"] {
	color: #0033ff;
	text-decoration: underline;
}
.privacy section.container a[href^="./images/invoices.pdf"]:hover {
	opacity: 0.7;
}
.privacy section.container a[href^="./data/invoices.pdf"] {
	color: #0033ff;
	text-decoration: underline;
}
.privacy section.container a[href^="./data/invoices.pdf"]:hover {
	opacity: 0.7;
}
.privacy section.container a[href^="/contact/other_form.php"] {
	color: #0033ff;
	text-decoration: underline;
}
.privacy section.container a[href^="/contact/other_form.php"]:hover {
	opacity: 0.7;
}

/* プライバシーマーク追加170310 */

.privacy section.container .privacyContact div {
	margin-top: 20px;
	background-color: #fff;
	padding: 20px;
	min-height:1px;
	zoom:1;
}
.privacy section.container .privacyContact div:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}
.privacy section.container .privacyContact div em {
	width: 100%;
	display: block;
	margin:0 0 10px;
}
.privacy section.container .privacyContact div p {
	width: 760px;
	float: left;
	margin: 0 22px 0 0;
}
.privacy section.container .privacyContact div img {
	width: 75px;
	height: auto;
	float: right;
}




/*
.privacy section.container .privacyContact + h4 {
	margin: 100px 0 10px 0;
}
.privacy section.container .privacyContact + h4 + p img {
	float: right;
	margin: 0 0 10px 10px;
	width: 75px;
	height: auto;
}
*/

/*--------------------------------
	サイトポリシー
--------------------------------*/

.policy section.container h3 {
	text-align: left;
}
.policy section.container ul {
	list-style-type:disc;
	list-style-position: inside;
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 0 0 20px 0;
}
.policy section.container ul li {
	margin: 0 0 5px 0;
}
.policy section.container table {
	width: 100%;
	border-collapse: collapse;
}
.policy section.container table th {
	width: 25%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
}
.policy section.container table td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}


/*--------------------------------
	特定商取引法に基づく表記
--------------------------------*/

.defrayal section.container table {
	width: 100%;
	border-collapse: collapse;
}
.defrayal section.container table tr {
}
.defrayal section.container table th {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
}
.defrayal section.container table th:nth-of-type(1) {
	width: 35%;
} 
.defrayal section.container table td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color: #fff;
}


/*--------------------------------
	サイトマップ
--------------------------------*/

.sitemap section.container {
}
.sitemap section.container h3 {
	text-align: left;
}
.sitemap section.container ul {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
}
.sitemap section.container ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	position: relative;
}
.sitemap section.container ul li:before {
	content:'\f105';
	font-family: FontAwesome;
	color:#000;
	position: absolute;
	top: 0;
	left: 0;
}

/*--------------------------------
	ティップネス 申込画面
--------------------------------*/

.tipness section.container h2 {
	margin: 20px 0 35px 0;
}
.tipness section.container h2 span {
	display: block;
	font-size: 1.3rem;
}
/*
.tipness section.container strong {
	display: block;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
*/
.tipness section.container ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.tipness section.container ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
}
.tipness section.container ul li:nth-of-type(1) a { background-color: #FCEBD9; }
.tipness section.container ul li:nth-of-type(2) a { background-color: #99CCFF; }
.tipness section.container ul li:nth-of-type(3) a { background-color: #fffbdf; }
.tipness section.container ul li:nth-of-type(4) a { background-color: #f3f3f3; }
.tipness section.container ul li a {
	display: block;
	width: 100%;
	height:120px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}
.tipness section.container ul li a img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.tipness section.container ul li a:hover img {
	opacity: 0.6;
}
.tipness section.container ul li a span {
	margin-top: 15px;
	display: block;
}
.tipness section.container ul li a em {
	margin-top: 8px;
	display: block;
	font-size: 140%;
}
.tipness section.container ul li a small {
	margin-top: 8px;
	display: block;
	font-size: 80%;
}

.tipness section.container div.egas_area_pdf_link {
    text-align: right;
	margin-right: 50px;
}

//.tipness section.container ul li:nth-of-type(1) {
//	display: block;
//	margin: 0 auto;
//}

/*--------------------------------
	MUFJ 申込画面
--------------------------------*/

.mufj section.container h2 {
	margin: 20px 0 35px 0;
}
.mufj section.container h2 span {
	display: block;
	font-size: 1.3rem;
}
/*
.mufj section.container strong {
	display: block;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
*/
.mufj section.container ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.mufj section.container ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.7rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
}
.mufj section.container ul li:nth-of-type(1) a { background-color: #FCEBD9; }
.mufj section.container ul li:nth-of-type(2) a { background-color: #99CCFF; }
.mufj section.container ul li:nth-of-type(3) a { background-color: #fffbdf; }
.mufj section.container ul li:nth-of-type(4) a { background-color: #f3f3f3; }
.mufj section.container ul li a {
	display: block;
	width: 100%;
	height:120px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}
.mufj section.container ul li a img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.mufj section.container ul li a:hover img {
	opacity: 0.6;
}
.mufj section.container ul li a span {
	margin-top: 15px;
	display: block;
}
.mufj section.container ul li a em {
	margin-top: 8px;
	display: block;
	font-size: 140%;
}
.mufj section.container ul li a small {
	margin-top: 8px;
	display: block;
	font-size: 80%;
}

.mufj section.container div.egas_area_pdf_link {
    text-align: right;
	margin-right: 50px;
}

//.mufj section.container ul li:nth-of-type(1) {
//	display: block;
//	margin: 0 auto;
//}

/*--------------------------------
	MUFG 申込画面
--------------------------------*/

.mufg section.container h2 {
	margin: 20px 0 35px 0;
}
.mufg section.container h2 span {
	display: block;
	font-size: 1.3rem;
}
/*
.mufg section.container strong {
	display: block;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
*/
.mufg section.container ul {
	text-align: center;
	max-width: 990px;
	margin: 0 auto;
	font-size: 0;
	letter-spacing: 0;
}

.mufg section.container ul li {
	display: inline-block;
	width: 47%;
	max-width: 480px;
	margin:0 1.5% 3%;
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	text-align: center;
	vertical-align: top;
}
.mufg section.container ul li:nth-of-type(1) a { background-color: #FCEBD9; }
.mufg section.container ul li:nth-of-type(2) a { background-color: #99CCFF; }
.mufg section.container ul li:nth-of-type(3) a { background-color: #fffbdf; }
.mufg section.container ul li:nth-of-type(4) a { background-color: #f3f3f3; }
.mufg section.container ul li a {
	display: block;
	width: 100%;
	height:120px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*-webkit-border-radius: 10px;*/
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
}
.mufg section.container ul li a img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.mufg section.container ul li a:hover img {
	opacity: 0.6;
}
.mufg section.container ul li a span {
	margin-top: 15px;
	display: block;
}
.mufg section.container ul li a em {
	margin-top: 8px;
	display: block;
	font-size: 140%;
}
.mufg section.container ul li a small {
	margin-top: 8px;
	display: block;
	font-size: 80%;
}

.mufg section.container div.egas_area_pdf_link {
    text-align: right;
	margin-right: 50px;
}

//.mufg section.container ul li:nth-of-type(1) {
//	display: block;
//	margin: 0 auto;
//}

/* ------------------------------------------------------------ お問い合わせ ------------------------------------------------------------ */

/* お問い合わせ一覧 */

.contact section.container ul {

}
.contact section.container ul li {
	border: 1px solid #ccc;
	padding: 20px;
	margin: 0 0 20px 0;
	font-size: 2.2rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
}
.contact section.container ul li span {
	display: block;
	margin: 20px 0 0 0;
	font-size: 1.4rem;
	font-weight: normal;
}
.contact section.container ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0 30px;
}
.contact section.container ul li a:before {
	content:'\f061';
	font-family: FontAwesome;
	color: #eb7700;
	font-weight: normal;
	position: absolute;
	top: -1px;
	left: 0;
}

/* 既存フォーム調整用*/

/* 共通 */
#wrapper {
	background-image: none !important;
}
#wrapper * {
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
	
	letter-spacing: 0;
	/* font-size: 1.4rem; */

}
#wrapper a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
#wrapper #MainColumn {
	width: 100%;
	float: none;
	background-color: #FFF;
	padding: 0;
	margin:30px auto;
	overflow: hidden;
}
#wrapper #MainColumn h1, header h1.title {
/*
	background: url(../../images/common/h1_bg.jpg) no-repeat 0 0;
	width: 665px;
	height: 60px;
	padding: 20px 0 0 30px;
	font-size: 160%;
	font-weight: 500;
*/
	background-image:none;
	background-color:#fff;
	/* border-left: #eb7700 2px solid; */
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 0px;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin: 0 0 30px 0;
	text-align: center;

}
header p {
	font-size:1.6rem;
}
#wrapper #MainColumn h1.apply_form {
	font-size: 2.1rem;
}
#wrapper #MainColumn h2 {
/*
	background: url(../../images/common/h2_bg.jpg) no-repeat 0 0;
	width: 665px;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 30px;
	font-size: 130%;
	font-weight: 500;
*/
	background-image:none;
	width: 100%;
	height: auto;
	text-align: center;
	/* font-size: 2.2rem; */
	font-size: 1.6rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	line-height: 1.8;
	margin: 60px 0 20px 0;
	border-top: 1px dotted #ccc;
	/* padding: 20px 0 0 0; */
	padding: 15px 0 0 0;
}
#wrapper #MainColumn h3 {
	border-bottom: #eb7700 2px solid;
	width: 100%;
	padding: 0 0 5px 5px;
	font-size: 1.8rem;
	font-weight: normal;
}
#wrapper #MainColumn h3.withBorder {
	font-size: 24px;
    font-weight: 600;
    border-bottom: 2px solid #999999;
	margin-bottom: 44px;
	padding-top: 34px;
}
#wrapper #MainColumn h4 {
	border-bottom: #666 1px dashed;
	width: 100%;
	padding: 0 0 5px 10px;
	font-size: 1.5rem;
	font-weight: normal;
}
#wrapper #MainColumn .printArea {
	display: none;
}
#wrapper #MainColumn span.red {
	/*color:#eb7700;*/
}
#wrapper #MainColumn span.essential {
    width: 36px;
    height: 20px;
    color: white;
    background: #ED684B;
    border-radius: 4px;
    padding: 1px 6px 2px 6px;
    margin-left: 10px;
	font-weight: normal;
}
#wrapper #MainColumn table {
	margin: 10px 0 20px 0;
	border-top: none;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 1.4rem;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#wrapper #MainColumn table.apply_form {
	font-size: 1.5rem;
}
#wrapper #MainColumn table.apply_form input[type="text"] {
	font-size: 1.6rem;
	height: 54px;
	border: 1px solid #999999;
	border-radius: 10px;
}
#wrapper #MainColumn table.apply_form select {
	border: 1px solid #999999;
    border-radius: 10px;
    width: 30%;
    height: 54px;
    padding-right: 16px;
    /* padding-top: 12px; */
    appearance: none;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath d="M10 12l5-5H5z"%3E%3C/path%3E%3C/svg%3E') no-repeat right 8px center; /* ▼ 화살표 아이콘 */
    background-size: 24px 40px;
}
#wrapper #MainColumn table th {
	width: 100%;
	display:inline-block;
	font-weight:600;
	font-size: 1.6rem;
}
#wrapper #MainColumn.confirm table th {
	font-weight:600;
	font-size: 1.4rem;
}
#wrapper #MainColumn.confirm table td {
	font-size: 1.6rem;
}
#wrapper #MainColumn.confirm p {
	font-size: 1.6rem;
}
#wrapper #MainColumn table.apply_form th {
	
}
#wrapper #MainColumn table th span {
	font-size: 1.1rem;
}
#wrapper #MainColumn table.apply_form th span {
	font-size: 1.2rem;
}
#wrapper #MainColumn table td {
	width: 100%;
	display:inline-block;

}
#wrapper #MainColumn table td span.sfont {
	font-size: 1.2rem;
}
#wrapper #MainColumn table td .files input {
	margin: 5px 0;
}
#wrapper #MainColumn table td select {
	font-size: 1.6rem;
	border: 0;
}

/* 法人のお客さまのお問い合わせ */

#wrapper #MainColumn div.importantPoint {
	border: 3px solid #eb7700;
	margin: 0 0 20px 0;
	padding: 20px;
	font-size: 1.4rem;
}
#wrapper #MainColumn div.importantPoint strong {
	display: block;
	margin: 0 0 10px;
	font-size: 1.6rem;
	color: #eb7700;
}
#wrapper #MainColumn div.importantPoint a {
	text-decoration: underline;
	color: #eb7700;
	background: url(/common/images/exl.png) center left no-repeat;
	padding-left: 20px;
}

/* 代理店をご検討のお客さまのお問い合わせ */


/* 投資家のみなさまのお問い合わせ */


/* 採用についてのお問い合わせ */


/* 電力買い取りについて */


/* その他 */


/* ------------------------------------------------------------ ムービーギャラリー ------------------------------------------------------------ */

/* トップ */

section.container .movie_wrap {
	padding: 70px 0;
	background: url(/movie/images/bg_movie.png) repeat-x right bottom 20px, url(/movie/images/bg_movie.png) repeat-x right top 20px;
	background-size: 22px 11px, 22px 11px;
	background-color: #fff7be;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
}

section.container .movie_wrap img {
	max-width: 100%;
	height: auto;
}

section.container .movie_wrap h2 {
	height: 144px;
	line-height: 1;
	margin: 0 auto 20px;
	padding: 0;
	background-color: transparent;
	background: url(/movie/images/h2_1.png) no-repeat left 90px center;
	background-size: 148px auto;
}

section.container .movie_wrap h2:before,
section.container .movie_wrap h2:after {
	display: none;
}

section.container .movie_wrap h2 > img {
	display: inline-block;
	width: 365px;
	height: auto;
	margin: 20px auto 0;
}

section.container .movie_wrap h2 a {
	display: block;
	width: 217px;
	height: 138px;
	position: absolute;
	right: 50px;
	top: 0;
}

section.container .movie_wrap h2 a:hover {
	opacity: 0.7;
}

section.container .movie_wrap > p {
	font-size: 1.3rem;
	text-align: center;
}

section.container .movie_wrap ul {
	width: 860px;
	margin: 30px auto;
	min-height:1px;
	zoom:1;
	clear: both;
}

section.container .movie_wrap ul:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

section.container .movie_wrap ul li {
	width: 415px;
	float: left;
	margin: 0 30px 30px 0;
}

section.container .movie_wrap ul li:nth-of-type(2n) {
	margin: 0 0 30px;
}

section.container .movie_wrap ul li p {
	color: #eb7700;
	margin: 0 auto 10px;
	font-size: 2rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	text-align: center;
}

section.container .movie_wrap ul li img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
}

section.container .movie_wrap ul li a:hover {
	opacity: 0.7;
}

section.container .movie_wrap ul + p {
	font-size: 1.6rem;
	font-weight: bold;
	font-family: 'TBUDゴシック B', sans-serif;
	text-align: center;
	color: #eb7700;
}

section.container .movie_wrap ul + p a:focus			{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:link				{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:link:hover		{ color:#f19333; text-decoration:none; }
section.container .movie_wrap ul + p a:link:active		{ color:#f19333; text-decoration:none; }
section.container .movie_wrap ul + p a:visited			{ color:#eb7700; text-decoration:underline; }
section.container .movie_wrap ul + p a:visited:hover	{ color:#f19333; text-decoration:none; }
section.container .movie_wrap ul + p a:visited:active	{ color:#f19333; text-decoration:none; }

section.container .movie_link {
	margin: 30px auto;
}

section.container .movie_link h3 {
	height: 150px;
	background: url(/movie/images/h3_1.png) no-repeat left 130px center;
	background-size: 112px auto;
	border-top: none;
	padding: 0;
}

section.container .movie_link h3 img {
	display: inline-block;
	margin: 30px 0 0;
	width: 400px;
	height: auto;
}

section.container .movie_link ul {
	width: 860px;
	margin: 30px auto;
	min-height:1px;
	zoom:1;
	clear: both;
}

section.container .movie_link ul:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

section.container .movie_link ul li {
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
	font-size: 1.2rem;
	text-align: center;
}

section.container .movie_link ul li:nth-of-type(4) {
	margin: 0;
}

section.container .movie_link ul li a img {
	width: 100%;
	height: auto;
}

section.container .movie_link ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
	line-height: 0;
}

section.container .movie_link ul li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 32px;
	margin: -16px 0 0 -25px;
	background: url(/movie/images/icon_play.png) no-repeat center center;
	background-size: 50px auto;
}

section.container .movie_link ul li a:hover {
	opacity: 0.7;
}

section.container .movie_link ul li p {
	margin: 10px 0 0;
}

/* movie iframe */

.movie_iframe {
	padding: 70px 30px 70px;
	background: url(/movie/images/bg_movie.png) repeat-x right bottom 20px, url(/movie/images/bg_movie.png) repeat-x right top 20px;
	background-size: 22px 11px, 22px 11px;
	background-color: rgba(255, 246, 176, 0.5);
	text-align: center;
}

.movie_iframe .movie_container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie_iframe .movie_container iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.movie_iframe_feature {
	padding: 30px 0 60px;
}

.movie_iframe_feature > p {
	font-size: 1.8rem;
	line-height: 1.8;
	margin: 0 auto 30px;
}

.movie_iframe_feature > p small {
	font-size: 1.3rem;
}

.movie_iframe_feature ul {
	min-height:1px;
	zoom:1;
	clear: both;
}

.movie_iframe_feature ul:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

.movie_iframe_feature ul li {
	margin: 0 auto 50px;
	font-size: 1.5rem;
}

.movie_iframe_feature ul li:nth-of-type(n+2) {
	width: 50%;
	float: left;
	margin: 0 auto;
}

.movie_iframe_feature ul li img {
	display: block;
	max-width: 335px;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}

.movie_iframe_feature ul li p {
	margin: 0 auto 10px;
}

.movie_iframe_link {
	border-top: 3px solid #eb7700;
	padding: 30px 0 0;
	margin: 0 auto;
	color: #eb7700;
	font-size: 1.6rem;
	font-family: 'TBUDゴシック B', sans-serif;
}

.movie_iframe_link a:focus			{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:link			{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:link:hover		{ color:#f19333; text-decoration:none; }
.movie_iframe_link a:link:active	{ color:#f19333; text-decoration:none; }
.movie_iframe_link a:visited		{ color:#eb7700; text-decoration:underline; }
.movie_iframe_link a:visited:hover	{ color:#f19333; text-decoration:none; }
.movie_iframe_link a:visited:active	{ color:#f19333; text-decoration:none; }

.movie_iframe_link a.movieBtn {
	display: block;
	width: 300px;
	vertical-align: middle;
	margin: 0 auto 30px;
	padding: 0 30px;
	min-width: 174px;
	height:50px;
	line-height:45px;
	background-color: #eb7700;
	border: 2px solid #eb7700;
	font-size: 1.8rem;
	text-indent: -1rem;
	position: relative;
	font-family: 'TBUDゴシック B', sans-serif;
	letter-spacing: 2px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	border-radius: 5px; /* CSS3 */
	behavior: url(ie-css3.htc);  /* for less than IE8 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
}
.movie_iframe_link a.movieBtn:after {
	content:'\f101';
	font-family: FontAwesome;
	position: absolute;
	top: -1px;
	right: 10px;
}

.movie_iframe_link a.movieBtn:focus			{ color:#fff; text-decoration:none; background-color: #eb7700;}
.movie_iframe_link a.movieBtn:link			{ color:#fff; text-decoration:none; background-color: #eb7700;}
.movie_iframe_link a.movieBtn:link:hover		{ color:#eb7700; text-decoration:none; background-color: #fff193;}
.movie_iframe_link a.movieBtn:link:active	{ color:#eb7700; text-decoration:none; background-color: #fff193;}
.movie_iframe_link a.movieBtn:visited		{ color:#fff; text-decoration:none; background-color: #eb7700;}
.movie_iframe_link a.movieBtn:visited:hover	{ color:#eb7700; text-decoration:none; background-color: #fff193;}
.movie_iframe_link a.movieBtn:visited:active	{ color:#eb7700; text-decoration:none; background-color: #fff193;}


.movie_movie2 .movie_iframe_feature > img {
	display: inline-block;
	max-width: 310px;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
}

.movie_movie2 .movie_iframe_feature div {
	position: relative;
	height: 322px;
	width: 500px;
	margin: 0 auto 30px;
}

.movie_movie2 .movie_iframe_feature div img {
	max-width: 370px;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.movie_movie2 .movie_iframe_feature div p {
	width: 100%;
	max-width: 360px;
	height: auto;
	padding: 15px 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: left;
}

.movie_movie2 .movie_iframe_feature div p span {
	color: #eb7700;
}

.movie_movie3 .movie_iframe_feature img {
	display: block;
	max-width: 665px;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

.movie_movie4 .movie_iframe_feature div {
	position: relative;
	padding: 30px 0 40px;
}

.movie_movie4 div img:nth-of-type(1) {
	width: 170px;
	height: auto;
	position: absolute;
	top: 100px;
	left: 0;
}

.movie_movie4 div img:nth-of-type(2) {
	max-width: 411px;
	height: auto;
}

.movie_movie_cm {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie_movie_cm video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ------------------------------------------------------------ ETC ------------------------------------------------------------ */


/*--------------------------------
	FontAwesome
--------------------------------*/

i {
	font-style: normal;
	font-family: 'FontAwesome';
}

/*--------------------------------
	vendor prefix
--------------------------------*/

.backgroundSize {
	background-size: auto auto;
	-webkit-background-size: auto auto;
}

.box-sizing {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}


/*--------------------------------
	CSS3
--------------------------------*/

.round {
	border-radius: 5px; /* CSS3 */
	behavior: url(ie-css3.htc);  /* for less than IE8 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
}

.shadow {
	box-shadow: 3px 3px 5px 0px #999; /* CSS3 */
	behavior: url(ie-css3.htc);   /* for less than IE8 */
	-moz-box-shadow: 3px 3px 5px 0px #999; /* Firefox */
	-webkit-box-shadow: 3px 3px 5px 0px #999; /* Safari and Chrome */
}

.animation {
	animation: animation-name 0.5s linear 0s infinite forwards;
}



/*------------------------------------------------------------------------------------------------
	2025.03 css （黄）
------------------------------------------------------------------------------------------------*/

.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 33.333%;
    color: black;
    font-weight: bold;
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 6px; /* text 6px */
}

.progressbar.long li {
    width: 16.6%;
}

.progressbar li:before {
    display: block;
    width: 24px;
    height: 24px;
	margin-bottom: 6px; /* text 6px */
    /*margin: 7px auto 20px auto;*/
    content: '';
    text-align: center;
    border-radius: 50%;
    background-color: #E6E6E6;
	position: relative;
	z-index: 1
}

.progressbar li:after {
    position: absolute;
    z-index: 0;
    top: 12px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #E6E6E6;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.complete {
    color: #3C9A46;
}

.progressbar li.complete:before {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.progressbar li.active {
    color: #3C9A46;
}

.progressbar li.active:before {
    border: 5px solid #3C9A46;
    background-color: #fff;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.progressbar li.complete:before,
.progressbar li.active:before {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.progressbar li.complete:after,
.progressbar li.active:after {
    background-color: #3C9A46;
}

.progressbar li.active:before,
.progressbar li.complete:before {
    border: 5px solid #3C9A46;
    background-color: #fff;
    box-sizing: border-box;
}

.progressbar li.checkmark:before {
    content: '✔';
    font-size: 16px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #3C9A46;
    position: relative;
    z-index: 1;
    font-weight: bold;
}

.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #3C9A46;
}

.progressbar li .progress-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
}

/* 装飾 */
ul {
    margin: 30px 0 !important;
}
body {
   /* margin: 40px 20px; */
}

/* 同意事項 box */
.content-box {
	/*width: 736px;*/
	height: 320px;
	background-color: #F2F2F2;
	color: #000000;
	padding-top: 0px;
	padding-left: 34px;
	padding-right: 30px;
	padding-bottom: 0px;
	border: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 17px;
  }
  
  .info-list .title {
	font-size: 1.6rem;
	font-weight: bold;
  }

  .info-list {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
  }
  
  .info-list .indent {
	margin-left: 20px;
	padding-left: 0;
	font-size: 1.6rem;
  }

/* sms button stlye */
#smsbtn {
    width: 209px;
    height: 48px;
    background-color: #A4E56E;
    color: black;
    font-size: 16px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 48px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: bold;
	padding: 0;
}


#smsbtn a{
	padding-right: 5px;
}

/* email button stlye */
#emailbtn {
    width: 209px;
    height: 48px;
    background-color: #A4E56E;
    color: black;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 48px;
	margin-bottom: 10px;
}
#backhome{
	width: 250px;
    height: 50px;
    background-color: #A4E56E;
    color: black;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 48px;

}

input[type="submit"] {
	width: 209px;
	height: 48px;
	background-color: #A4E56E;
	color: black;
	font-size: 16px;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	line-height: 48px;
	transition: background-color 0.3s ease;
  }

.mt40.mb20 {
	width: 736px;
	height: 320px;
	background-color: #F2F2F2;
	padding: 20px;
	box-sizing: border-box;
	border: none !important; 
	margin-top: 34px !important;
	margin-bottom: 74px !important;
	overflow: scroll;
  }
  
  .mt40.mb20 ul {
	list-style-type: none;
	padding-left: 20px;
  }
  
  .mt40.mb20 ul li {
	margin-bottom: 10px;
	line-height: 1.6;
  }
  
  .mt40.mb20 ul li a {
	color: #007bff;
	text-decoration: underline;
  }

  /* button */
  #confirmbtn {
    width: 250px; 
    height: 54px;
    background-color: #A4E56E; 
    color: black; 
    font-size: 16px; 
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 54px;
    transition: background-color 0.3s ease; 
}

/* 同意する checkbox */
.checkbox-label {
    display: inline-flex;
    align-items: center;
    width: 352px;
    height: 56px;
    background-color: white;
    border: 2px solid #3C9A46;
    border-radius: 10px;
    padding-left: 10px;
    cursor: pointer;
}

/* checkbox style */
.checkbox-label input[type="checkbox"] {
    width: 24px;
    height: 24px;
    background-color: white;
    border: 2px solid #3C9A46;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    appearance: none;
    position: relative;
	transition: background-color 0.3s, border-color 0.3s;
}

.checkbox-label input[type="checkbox"]:checked {
    background-color: #3C9A46;
    border-color: #3C9A46;
}

/* checkbox-check_select */
.checkbox-label input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 1px;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.checkbox-label input[type="checkbox"]:disabled {
    border: 1px solid #999999;
    background-color: #ffffff;
	color: #000000;
}

/* checkbox-text_style */
.checkbox-text {
    font-size: 16px;
    color: black;
}



#wrapper #MainColumn #bp_lists_words table td {
	padding: 1% !important;
    display: inline-block;
    border: 1px solid #ccc;
    margin: 15px 9px;
    font-size: 16px;
    color: black;
    width: 5%;
    text-align: center;
    background-color: white;
    border-radius: 10px;
}

#wrapper #MainColumn #bp_lists_words table td:hover {
	background-color: #A4E56E;
	color: white;
	border-radius: 10px;
}

#wrapper #MainColumn #bp_lists_words table tr {
    text-align: center;
}

@-webkit-keyframes animation-name {
	0%		{ background-color: #fff; }
	100%	{ background-color: #000; }
}
@keyframes animation-name {
	0%		{ background-color: #fff; }
	100%	{ background-color: #000; }
}

/* modal マウス指マーク */
.modal_link{
	cursor: pointer;
}