@charset "UTF-8";
/* Fonts
------------------------------------------------------------*/
body {
	width:100%;
	overflow-x:hidden;
	/*
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/

	-webkit-text-size-adjust: 100%;
}

.yu-go{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

html>/**/body {
	font-size: 12px; /* Except IE */
}

.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after{
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;	
}

/* clearfix
------------------------------------------------------------*/
.cf:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .cf { zoom: 1; } /* IE6 */  
*:first-child+html .cf { zoom: 1; } /* IE7 */  

.content-eco{
	position:relative;
	width:100%;	
}

.navi-area{
	width:1240px;
	position:absolute;
	left:50%;
	height:80px;
	transform:translateX(-50%);
	margin:0 auto;
	z-index:1001;
	overflow:hidden;	
	top:0;
}	

.navi-area.active{
	height:640px;	
}

._hover{
	opacity:1;
	transition: all 0.4s;
}

._hover:hover{
	opacity:0.7;
}

#btn-menu,
#btn-menu2{
	position:absolute;
	right:40px;
	top:80px;
	width: 40px;
	height:37px;
	display:block;
	z-index:1002;
	cursor:pointer;
}

#btn-menu.fix,
#btn-menu2.fix{
	position:fixed;	
}

#btn-menu span,
#btn-menu2 span{
	display: block;
	background: #48b8ac;
	width: 40px;
	height: 3px;
	position: absolute;
	left: 9px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;	
}

#btn-menu.g span,
#btn-menu2.g span{
	background: #48b8ac;	
}

#btn-menu.active span,
#btn-menu2.active span {
	background: #FFF !important;
}

#btn-menu span:first-child,
#btn-menu2 span:first-child {
	top: 0px;
}
#btn-menu span:nth-child(2),
#btn-menu2 span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
#btn-menu span:last-child,
#btn-menu2 span:last-child {
	bottom: 0px;
}
#btn-menu.active span:first-child,
#btn-menu2.active span:first-child {
	-webkit-transform: translateY(17px) rotate(45deg);
	-moz-transform: translateY(17px) rotate(45deg);
	-ms-transform: translateY(17px) rotate(45deg);
	transform: translateY(17px) rotate(45deg);
}
#btn-menu.active span:nth-child(2),
#btn-menu2.active span:nth-child(2) {
	opacity: 0;
}
#btn-menu.active span:last-child,
#btn-menu2.active span:last-child {
	-webkit-transform: translateY(-17px) rotate(-45deg);
	-moz-transform: translateY(-17px) rotate(-45deg);
	-ms-transform: translateY(-17px) rotate(-45deg);
	transform: translateY(-17px) rotate(-45deg);
}

.content-eco-navi{
	position:absolute;
	right:-260px;
	top:0;
	width:260px;
	background:#48b8ac;
	height:640px;
	z-index:1001;	
	transition: all 0.4s;
}

.content-eco-navi.fix{
	position:fixed;
	top:0;	
	height:100%;
}

.content-eco-navi.active{
	right:0;	
}

.content-eco-navi ul{
	padding:120px 0 0 30px;	
	position:relative;
	z-index:20;
}

.content-eco-navi ul li{
	padding-bottom:25px;	
}

.content-eco-navi ul li a{
	 display:inline-block;
	 font-size:125%;
	 color:#FFF;
	 text-decoration:none;
	 display:inline-block;	
	 position:relative;
}

.content-eco-navi ul li a:before{
	content:"";
	display:block;
	width:0%;
	height:2px;
	position:absolute;
	left:0;
	bottom:-5px;
	background:#FFF;
	transition: all 0.4s;
}

.content-eco-navi ul li a:hover:before{
	transform:scaleX(1);
	width:100%;
}

.content-eco-navi ul li a.blank:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-brank.png) no-repeat left top;
	background-size:100% auto;
	width:13px;
	height:12px;
	position:absolute;
	right:-23px;
	top:5px;
}

.content-eco-sub-main{
	width:100%;
	margin:0 auto;
	position:relative;
}

.content-eco-sub-main.news{
	text-align:center;
	padding-top:120px;	
}

.content-eco-sub-main.news h1{
	position:relative;
	z-index:10;
}

.content-eco-sub-main h2 img,
.content-eco-sub-main h1 img{
	width:100%;
}

.ttl-center{
	text-align:center;	
}

.content-eco-navi-ov{
	width:1240px;
	margin:0 auto;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	height:100%;
	z-index:-1;
	height:640px;
	overflow-x:hidden;
}

/********************** 2025.5.8追加 ***************************/
.content-eco-menu .menu1.ani .list02{
	margin-left: 35px;
}


@media screen and (max-width: 768px) {
.content-eco-menu .menu1.ani .list02{
	margin-left: 0px;
}
}
/********************** //2025.5.8追加 ***************************/

@media screen and (max-width: 768px) {
	
	.globalnav-on #btn-menu,
	.globalnav-on #btn-menu2{
		display:none;	
	}
	
	#btn-menu,
	#btn-menu2{
		position:fixed;
		right:0px;
		top:auto;
		bottom:10vw;
		display:block;
		z-index:1002;
		cursor:pointer;
		background:url(/ep/eco/images/bg-btn-menu.png) no-repeat left top;
		background-size:100% auto;
		width:21vw;
		height:21vw;
	}
	
	#btn-menu span,
	#btn-menu2 span {
		display: block;
		background: #FFF;
		width: 26%;
		height: 2px;
		position: absolute;
		left: 50%;
		margin-left:-13%;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;	
	}
	
	#btn-menu.g span,
	#btn-menu2.g span{
		background: #FFF;
	}
	
	#btn-menu.active span,
	#btn-menu2.active span {
		background: #FFF !important;
	}
	
	#btn-menu span:first-child,
	#btn-menu2 span:first-child {
		top: 5.6vw;
	}
	#btn-menu span:nth-child(2),
	#btn-menu2 span:nth-child(2) {
		margin-top: -0px;
		top: 7.4vw;
	}
	#btn-menu span:last-child,
	#btn-menu2 span:last-child {
		bottom: auto;
		top:9.2vw;
	}
	#btn-menu.active span:first-child,
	#btn-menu2.active span:first-child {
		-webkit-transform: translateY(1.8vw) rotate(45deg);
		-moz-transform: translateY(1.8vw) rotate(45deg);
		-ms-transform: translateY(1.8vw) rotate(45deg);
		transform: translateY(1.8vw) rotate(45deg);
	}
	#btn-menu.active span:nth-child(2),
	#btn-menu2.active span:nth-child(2) {
		opacity: 0;
	}
	#btn-menu.active span:last-child,
	#btn-menu2.active span:last-child {
		-webkit-transform: translateY(-1.8vw) rotate(-45deg);
		-moz-transform: translateY(-1.8vw) rotate(-45deg);
		-ms-transform: translateY(-1.8vw) rotate(-45deg);
		transform: translateY(-1.8vw) rotate(-45deg);
	}
	
	.content-eco-navi-ov{
		width:100%;
		margin:0 auto;
		position:fixed;
		left:0%;
		transform:none;
		height:100vh;
		z-index:-1;
		overflow-x:hidden;
	}
	
	.content-eco-navi{
		position:fixed;
		right:-100%;
		top:0;
		width:100%;
		background:#48b8ac;
		height:auto;
		z-index:1001;	
		height:100vh;
	}
	
	.content-eco-navi.active{
		right:0;	
	}
	
	.content-eco-navi ul{
		padding:18vw 0 0 0px;	
	}
	
	.content-eco-navi ul li{
		padding-bottom:9vw;	
		text-align:center;
	}
	
	.content-eco-navi ul li a{
		 display:inline-block;
		 font-size:4vw;
	}
	
	.content-eco-navi ul li a:before{
		content:"";
		display:block;
		width:0%;
		height:2px;
		position:absolute;
		left:0;
		bottom:-5px;
		background:#FFF;
		transition: all 0.4s;
	}
	
	.content-eco-navi ul li a:hover:before{
		transform:scaleX(1);
		width:0%;
	}
	
	.content-eco-navi ul li a.blank:after{
		content:"";
		display:block;
		background:url(/ep/eco/images/icon-brank-sp.png) no-repeat left top;
		background-size:100% auto;
		width:3.5vw;
		height:3.5vw;
		position:absolute;
		right:-6vw;
		top:1.3vw;
	}
	
	.content-eco-sub-main{
		width:100%;
		margin:60px auto 0;
		position:relative;
	}
	
	.content-eco-sub-main.news{
		text-align:center;
		padding-top:15vw;	
	}
	
	.content-eco-sub-main.news h2{
		position:relative;
		z-index:10;	
	}
	
	.ttl-center{
		text-align:center;	
	}
}


/* TOPページ
------------------------------------------------------------*/

.content-eco-main{
	width:100%;
	margin:0 auto;
	position:relative;	
	overflow-x:hidden;
}

.content-eco-main .entry-btn{
	position:fixed;
	right:0;
	bottom:50px;
	z-index:1000;
}

.content-eco-main .entry-btn img{
	position:relative;
	z-index:101;
}

.content-eco-main .entry-btn:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-btn-over01.png) no-repeat left top;
	width:74px;
	height:10px;
	position:absolute;
	left:40px;
	z-index:100;
	top:0px;
	transform:rotate(0deg);
	transition: all 0.4s;
}

.content-eco-main .entry-btn:hover:before{
	left:-55px;
	top:-35px;
	height:120px;
	transform:rotate(0deg);
}

.content-eco-main .entry-btn:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-btn-over02.png) no-repeat left top;
	width:0px;
	height:0px;
	position:absolute;
	left:-16px;
	z-index:102;
	top:50px;
	
	transition: all 0.2s;
}

.content-eco-main .entry-btn:hover:after{
	width:21px;
	height:15px;	
	transition-delay: 300ms;
}

.content-eco-main h1{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:28%;
	z-index:100;
	width:50%;
}

.content-eco-main p{
	position:absolute;
	left:23.5%;
	top:43%;
	z-index:1;
	width:54%;
}

.content-eco-main .bx-wrapper .bx-pager, 
.content-eco-main .bx-wrapper .bx-controls-auto{
	bottom:45px  !important;
}

.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a{
	width:12px;
	height:12px;
	background:#ffffff !important;
	margin:0 11px;
	box-shadow:0px 0px 6px -2px #000000;
}

.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a.active{
	border:none !important;
	background:#26b7bc !important;
}

.content-eco-news{
	width:920px;
	margin:40px auto 0;	
	border-top:dashed 1px #26b7bc;
	border-bottom:dashed 1px #26b7bc;
	position:relative;
	line-height:1.3;
	padding:18px 0 17px;
}



.content-eco-news h2{
	position:absolute;
	/*top:37px;*/
	
	/*top:75px;*/
	left:25px;	
	/**/
	top:55px;
	top:20px;
	
	
}

/* for Microsoft Edge */
@supports (-ms-ime-align: auto) {
	.content-eco-news h2{
		top:51px;
	}
}

.content-eco-news p{
	padding-left:135px;	
	color:#000000;
    padding-bottom:10px;
}

.content-eco-news p.last{
    padding-bottom:0;   
}

.content-eco-news p.mt{
	margin-top:5px;
}

.content-eco-news p a{
	display:block;
}	

.content-eco-news p .date{
	color:#787878;
	font-weight:bold;
	display:block;
	width:85px;
	float:left;
	padding-top:2px;
}

.content-eco-news p .ttl{
	font-size:117%;
	display:block;
	width:580px;
	float:left;
}

.content-eco-news .more{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:30px;
	font-size:109%;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

.content-eco-news .more:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/news-icon-right.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:-23px;
	top:4px;
	transition: all 0.4s;
}

.content-eco-news .more:hover{
	text-decoration:none;
}	

.content-eco-news .more:hover:after{
	right:-28px;	
}

.content-eco-menu{
	width:1240px;
	margin:40px auto 0;	
}

.content-eco-menu .menu1 li{
	/*width:604px;*/
	float:left;
	margin-bottom:30px;
	position:relative;
}

.content-eco-menu .menu1 li a,
.content-eco-menu .menu2 li a{
	display:block;
}

.content-eco-menu .menu1 li a > span.pc,
.content-eco-menu .menu2 li a > span.pc{
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

.content-eco-menu .menu1.ani li a{
	display:block;	
}


.content-eco-menu .menu1 li:last-child{
	float:right;	
}

.content-eco-menu .menu1 li.left:last-child{
  float:left; 
}

.content-eco-menu .menu2 li{
	width:392px;
	float:left;
	margin-right:32px;
	margin-bottom:30px;
	position:relative;
}

.content-eco-menu .menu2 li:last-child{
	margin-right:0;
}

.content-eco-btm{
	margin-top:50px;
	width:100%;
	height:350px;
	background:url(/ep/eco/images/top-btm-bg.jpg) no-repeat center top;
	background-size:cover;
	text-align:center;
}

.content-eco-btm .btn{
	width:700px;
	margin:0 auto;
	padding-top:125px;
}	

.content-eco-btm .btn a{
	 display:block;
	 position:relative;	
}

.content-eco-btm .btn a img{
	position:relative;
	z-index:2;	
}

.content-eco-btm .btn a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:24px;
	height:8px;
	position:absolute;
	right:30px;
	top:50px;
	transition: all 0.4s;
	z-index:3;
}

.content-eco-btm .btn a:hover:after{
	right:25px;	
}

.content-eco-btm .btn a:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/content-eco-btm-btn-icon.png) no-repeat left top;
	width:70px;
	height:75px;
	transform:translateX(-50%);
	left:50%;
	top:-60px;
	z-index:1;
	position:absolute;
	transition: all 0.4s;
}

.content-eco-btm .btn a:hover:before{
	top:-70px;	
}

.pc{
	display:block  !important;
}

.sp{
	display:none !important;	
}

.content-eco-menu li a:before{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:40px;
	position:absolute;
	z-index:5;
	left:30px;
	top:79px;
	transition: all 0.3s;
}

.content-eco-menu li a:after{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:32px;
	position:absolute;
	z-index:5;
	left:30px;
	top:129px;
	transition: all 0.3s;
}

.content-eco-menu li a:hover:after{
	transition-delay: 100ms;
}

.content-eco-menu li.list03 a:before,
.content-eco-menu li.list04 a:before,
.content-eco-menu li.list05 a:before{
	top:154px;
}

.content-eco-menu li.list05 a span:after{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:32px;
	position:absolute;
	z-index:-1;
	left:-10px;
	top:75px;
	transition: all 0.3s;	
}

.content-eco-menu li.list05 > a > span.pc{
	position:absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);	
	bottom:auto;
}

.content-eco-menu li.list03 a:after,
.content-eco-menu li.list04 a:after,
.content-eco-menu li.list05 a:after{
	top:204px;	
}

.content-eco-menu li.list05 a:before{
	top:137px;	
}

.content-eco-menu li.list05 a:after{
	top:180px;	
}

.content-eco-menu li.list06 a:before{
	top:58px;
	left:41px;
}

.content-eco-menu li.list06 a:after{
	top:108px;
	left:41px;
}

.content-eco-menu li.list07 a:before{
	top:58px;
	left:30px;
}

.content-eco-menu li.list07 a:after{
	top:108px;
	left:30px;
}

.content-eco-menu li.list01 a:hover:before{
	width:153px;	
}

.content-eco-menu li.list01 a:hover:after{
	width:117px;
}

/*.content-eco-menu li.list02 a:hover:before{
	width:160px;	
}*/

/*.content-eco-menu li.list02 a:hover:after{
	width:78px;
}*/

.content-eco-menu li.list03 a:hover:before{
	width:196px;
}

.content-eco-menu li.list03 a:hover:after{
	width:90px;
}

.content-eco-menu li.list04 a:hover:before{
	width:226px;
}

.content-eco-menu li.list04 a:hover:after{
	width:72px;	
}

.content-eco-menu li.list05 a:hover:before{
	width:283px;
}

.content-eco-menu li.list05 a:hover:after{
	width:328px;
}

.content-eco-menu li.list06 a:hover:before{
	width:220px;
}

.content-eco-menu li.list06 a:hover:after{
	width:63px;
}

.content-eco-menu li.list07 a:hover:before{
	width:338px;
}

.content-eco-menu li.list07 a:hover:after{
	width:63px;
}

.content-eco-menu li.list05 a:hover span:after{
	width:176px;
	transition-delay: 200ms;
}



_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news{
	padding:22px 0 17px;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news p .date{
	padding-top:0;
}

:root .content-eco-news{
	padding:22px 0 17px\0/;
}

:root .content-eco-news p .date{
	padding-top:0\0/;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news .more{
	top:51%;
}

:root .content-eco-news .more{
	top:51%\0/;
}

@media all and (-ms-high-contrast:none){
	.content-eco-news{
		padding:22px 0 17px;
	}
	.content-eco-news p .date{
		padding-top:0;
	}
	
	.content-eco-news .more{
		top:51%;
	}
}

.dam-card{
	position:fixed;
	right:0;
	bottom:145px;
	z-index: 1000;	
}

@media screen and (max-width: 768px) {
	
	.content-eco-menu li.list05 a:hover span:after{
		width:0px;	
	}
	
	.content-eco-menu li a:before{
		display:none;
	}
	
	.content-eco-menu li a:after{
		display:none;
	}
	
	.pc{
		display:none  !important;
	}
	.sp{
		display:block  !important;
	}
	.content-eco-main{
		width:100%;
		margin:0 auto;
		position:relative;	
		overflow-x:hidden;
		margin-top:60px;
	}
	
	.content-eco img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-main .entry-btn:before,
	.content-eco-main .entry-btn:after{
		display:none;	
	}
	
	.content-eco-main .entry-btn{
		position:absolute;
		right:0;
		top:106vw;
		z-index:100;
		width:73%;
		left:50%;
		transform:translateX(-50%);
	}
	
	.content-eco-main .entry-btn img{
		vertical-align: bottom;
	}
	
	.dam-card{
		position:absolute;
		right:auto;
		left:50%;
		transform:translateX(-50%);
		bottom:auto;
		width:54%;
		top:89vw;
		z-index: 100;	
	}
	
	.content-eco-main h1{
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:18vw;
		width:86%;
		z-index:100;
	}
	
	.content-eco-main p{
		position:absolute;
		left:0;
		top:25.6vw;
		width:100%;
		z-index:100;
	}
	
	.content-eco-main .bx-wrapper .bx-pager, 
	.content-eco-main .bx-wrapper .bx-controls-auto{
		bottom:5vw  !important;
	}
	
	.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a{
		width:2.2vw !important;
		height:2.2vw !important;
		background:#ffffff !important;
		margin:0 1.6vw;
		box-shadow:0px 0px 6px -2px #000000;
	}
	
	.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a.active{
		border:none !important;
		background:#26b7bc !important;
	}
	
	.content-eco-news{
		width:86%;
		margin:8vw auto 0;	
		padding:7vw 0 6.5vw;
	}
	
	.content-eco-news h2{
		position:relative;
		width:18%;
		margin:0 auto;
		top:auto;
		left:auto;	
	}
	
	.content-eco-news p{
		padding-left:0px;	
		color:#000000;
		margin-top:4vw;
        padding-bottom:0;
	}
	
	.content-eco-news p.mt{
		margin-top:3vw;	
	}
	
	.content-eco-news p .date{
		width:26%;
		padding-top:0px;
		font-size:2.9vw;
	}
	
	.content-eco-news p .ttl{
		font-size:4vw;
		display:block;
		width:73%;
	}
	
	.content-eco-news .more{
		position:relative;
		top:auto;
		transform:none;
		right:8vw;
		font-size:3.4vw;
		float:right;
		margin-top:3vw;
	}
	
	.content-eco-news .more:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/news-icon-right.png) no-repeat left top;
		background-size:100% auto;
		width:5vw;
		height:2vw;
		position:absolute;
		right:-7vw;
		top:1vw;
		transition: all 0.4s;
	}
	
	.content-eco-news .more:hover{
		text-decoration:none;
	}	
	
	.content-eco-news .more:hover:after{
		right:-25px;	
	}
	
	.content-eco-menu{
		width:86%;
		margin:8vw auto 0;	
	}
	
	.content-eco-menu .menu1 li{
		width:100%;
		float:none;
		margin-bottom:5vw;
	}
	
	.content-eco-menu .menu1 li:last-child{
		float:none;	
	}
	
	.content-eco-menu .menu2 li{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:5vw;
	}
	
	.content-eco-menu .menu2 li:last-child{
		margin-right:0;
	}
	
	.content-eco-btm{
		margin-top:2vw;
		width:100%;
		height:60vw;
		background:url(/ep/eco/images/top-btm-bg-sp.jpg) no-repeat center top;
		background-size:cover;
		text-align:center;
	}
	
	.content-eco-btm .btn{
		width:86%;
		margin:0 auto;
		padding-top:15vw;
	}	
	
	.content-eco-btm .btn a{
		 display:block;
		 position:relative;	
	}
	
	.content-eco-btm .btn a:after{
		content:"";
		display:none;
	}
	
	.content-eco-btm .btn a:before{
		display:none;	
	}
}

/* メッセージページ
------------------------------------------------------------*/

.content-message{
	width:1180px;
	margin:110px auto 0;	
}

.content-message .inner1,
.content-message .inner2,
.content-message .inner3,
.content-message .inner4{
	position:relative;	
}

.content-message .inner1 img,
.content-message .inner2 img,
.content-message .inner3 img,
.content-message .inner4 img{
	position:relative;
	z-index:10;	
}

.content-message .inner1 .image{
	width:500px;
	margin-left:80px;
	position:relative;
}

.content-message .inner1 .image:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/image01-bg.png) no-repeat left top;
	width:500px;
	height:360px;
	position:absolute;
	left:70px;
	top:70px;
	
}

.content-message .inner1 p,
.content-message .inner2 p{
	font-size: 159%;
	color: rgb(0, 0, 0);
	line-height: 2.667;
	text-align: left;
	position: absolute;
	left: 625px;
	top: 120px;
}

.content-message .inner2{
	margin-top:205px;	
	letter-spacing:3.5px;
}

.content-message .inner2 .image{
	width:360px;
	position:relative;
	float:right;
	margin-right:60px;
}

.content-message .inner2 .image:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/image02-bg.png) no-repeat left top;
	width:360px;
	height:500px;
	position:absolute;
	right:70px;
	top:70px;
	
}

.content-message .inner2:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-bg01.png) no-repeat left top;
	width:356px;
	height:204px;
	position:absolute;
	left:140px;
	top:-120px;
}

.content-message .inner2 p{
	left: 150px;
	top: 130px;
}

.content-message .inner3{
	margin-top:10px;	
	letter-spacing:3.5px;
}

.content-message .inner3 .image{
	width:340px;
	position:relative;
	margin-left:80px;
}

.content-message .inner3 .image:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/image03-bg.png) no-repeat left top;
	width:340px;
	height:340px;
	position:absolute;
	left:-80px;
	top:70px;
}

.content-message .inner4 .image{
	position:absolute;
	left:550px;
	top:-170px;	
}

.content-message .inner4 .image:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/image04-bg.png) no-repeat left top;
	width:300px;
	height:216px;
	position:absolute;
	left:60px;
	top:60px;
}

.content-message2{
	margin:340px 0 50px;
	width:100%;	
}

.content-message2 li{
	width:28%;
	float:left;
	height:28vw;
	background:url(/ep/eco/images/message/image05.jpg) no-repeat left top;	
	background-size:cover;
}

.content-message2 li:nth-child(2){
	width:44%;
	text-align:center;
	background:url(/ep/eco/images/message/image07.png) no-repeat left top;		
	background-size:cover;
}

.content-message2 li:nth-child(3){
	background:url(/ep/eco/images/message/image06.jpg) no-repeat left top;
	background-size:cover;
}

.content-message2 li:nth-child(2) p{
	font-size: 1.28vw;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 2.333;
	text-align: center;
	letter-spacing:6px;
}

.content-message2 li:nth-child(2) p.txt01{
	padding-top:5.5vw;	
}

.content-message2 li:nth-child(2) p.txt02{
	padding:1.6vw 0 3.3vw;	
}

.content-message2 li:nth-child(2) a{
	display:inline-block;
	font-size:1.07vw;	
	position:relative;
	text-decoration:underline;
	color:#000;
}

.content-message2 li:nth-child(2) a:hover{
	text-decoration:none;	
}

.content-message2 li:nth-child(2) a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/message/icon-blank.png) no-repeat left top;
	background-size:100% auto;
	width:1vw;
	height:1vw;
	position:absolute;
	right:-1.5vw;
	top:0.3vw;
}

.content-eco.message{
	position:relative;	
}

.content-eco.message:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-bg02.png) no-repeat left top;
	width:364px;
	height:380px;
	position:absolute;
	left:0;
	top:1255px;
	z-index:-1;
}

.content-eco.message:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-bg03.png) no-repeat left top;
	width:574px;
	height:585px;
	position:absolute;
	right:0;
	top:1640px;
	z-index:-1;
}

.content-message .inner1:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara01.png) no-repeat left top;
	width:107px;
	height:173px;
	position:absolute;
	left:107px;
	top:170px;
	z-index:-1;
	transition: all 0.8s;
}

.content-message .inner1:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara01-2.png) no-repeat left top;
	width:0px;
	height:0px;
	
	position:absolute;
	left:60px;
	top:292px;
	z-index:2;
	transition: all 0.6s;
}

.content-message .inner1.active:before{
	left:0;	
}

.content-message .inner1.active:after{
	transition-delay: 300ms;
	width:31px;
	height:32px;
}

.content-message .inner1 img,
.content-message .inner2 .image img{
	 position:relative;
	 z-index:1;	
}

.content-message .inner2 .image:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara02.png) no-repeat left top;
	width:117px;
	height:127px;
	position:absolute;
	right:23px;
	top:-0px;
	z-index:-1;
	transition: all 0.6s;
}

.content-message .inner2.active .image:before{
	top:-124px;	
}

.content-message .inner2 .image-inner:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara02-2.png) no-repeat left top;
	width:56px;
	height:15px;
	position:absolute;
	right:52px;
	top:-9px;
	z-index:4;	
}

.content-message2 li:nth-child(2){
	position:relative;	
}

.content-message2 li:nth-child(2):before{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara03.png) no-repeat left top;
	width:117px;
	height:126px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-100px;
	z-index:-1;
	transition: all 0.4s;
}

.content-message2.active li:nth-child(2):before{
	top:-124px;	
}

.content-message2 li:nth-child(2):after{
	content:"";
	display:block;
	background:url(/ep/eco/images/message/message-chara02-2.png) no-repeat left top;
	width:56px;
	height:15px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-9px;
	z-index:4;	
}

@media screen and (max-width: 768px) {
	
	.content-message .inner2:before{
		display:none;	
	}
	
	.content-message{
		width:100%;
		margin:8vw auto 0;	
	}
	
	.content-message .inner1,
	.content-message .inner2,
	.content-message .inner3,
	.content-message .inner4{
		position:relative;	
	}
	
	.content-message .inner1{
		width:65%;
		margin:0 auto;
	}
	.content-message .inner1 img,
	.content-message .inner2 img,
	.content-message .inner3 img,
	.content-message .inner4 img{
		position:relative;
		z-index:10;	
	}
	
	.content-message .inner1 .image{
		width:100%;
		margin-left:0px;
		position:relative;
	}
	
	.content-message .inner1 .image:after{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/image01-bg.png) no-repeat left top;
		width:100%;
		height:47vw;
		position:absolute;
		left:auto;
		right:-9vw;
		top:9vw;
		
	}
	
	.content-message .inner1 p,
	.content-message .inner2 p{
		font-size: 3.7vw;
		line-height: 2.429;
		text-align: left;
		position: relative;
		left: auto;
		top: auto;
		letter-spacing:2.2px;
		word-break:keep-all;
	}
	
	.content-message .inner1 p{
		margin-top:15vw;	
	}
	
	
	.content-message .inner2{
		margin-top:5vw;	
	}
	
	.content-message .inner2 .image{
		width:100%;
		position:relative;
		float:none;
		margin-right:0px;
	}
	
	.content-message .inner2 .image:after{
		content:"";
		display:none;
	}
	
	.content-message .inner2 p{
		left: auto;
		top: auto;
		width:86%;
		margin:5vw auto 0;
	}
	
	.content-message .inner3{
		margin-top:5vw;	
		letter-spacing:3.5px;
	}
	
	.content-message .inner3 .image{
		width:100%;
		position:relative;
		margin-left:0px;
	}
	
	.content-message .inner3 .image:after{
		content:"";
		display:none;
		
	}
	
	
	.content-message2{
		margin:25vw 0 0px;
		width:100%;	
	}
	
	.content-message2 li{
		width:100%;
		float:none;
		height:28vw;
		background:url(/ep/eco/images/message/image05.jpg) no-repeat left top;	
		background-size:cover;
	}
	
	.content-message2 li:nth-child(1){
		display:none;
	}	
	
	.content-message2 li:nth-child(2){
		width:100%;
		height:65vw;
		text-align:center;
		background:url(/ep/eco/images/message/image07.png) no-repeat left top;		
		background-size:cover;
	}
	
	.content-message2 li:nth-child(3){
		background:url(/ep/eco/images/message/image06-sp.jpg) no-repeat left top;
		background-size:100% auto;
		height:50vw;
	}
	
	.content-message2 li:nth-child(2) p{
		font-size: 4vw;
		letter-spacing:4px;
	}
	
	.content-message2 li:nth-child(2) p.txt01{
		padding-top:8vw;	
	}
	
	.content-message2 li:nth-child(2) p.txt02{
		padding:2vw 0 5vw;	
	}
	
	.content-message2 li:nth-child(2) a{
		display:inline-block;
		font-size:3.2vw;	
		position:relative;
		text-decoration:underline;
		color:#000;
	}
	
	.content-message2 li:nth-child(2) a:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/message/icon-blank-sp.png) no-repeat left top;
		background-size:100% auto;
		width:3vw;
		height:3vw;
		position:absolute;
		right:-5vw;
		top:0.9vw;
	}
	
	
	.content-message .inner1:before{
		content:"";
		display:block;
		width:13vw;
		height:25vw;
		background:url(/ep/eco/images/message/message-chara01.png) no-repeat left top;
		background-size:100% auto;
		position:absolute;
		left:0vw;
		top:25vw;
		z-index:-1;
	}
	
	.content-message .inner1:after{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/message-chara01-2.png) no-repeat left top;
		background-size:100% auto;
		width:0vw;
		height:0vw;
		position:absolute;
		left:-4vw;
		top:39vw;
	}
	

	.content-message .inner1.active:before{
		left:-10vw;
	}
	
	.content-message .inner1.active:after{
		transition-delay: 300ms;
		width:4.6vw;
		height:5vw;
	}
	
	
	.content-message .inner1 img,
	.content-message .inner2 .image img{
		 position:relative;
		 z-index:1;	
	}
	
	.content-message .inner2 .image:before{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/message-chara02.png) no-repeat left top;
		background-size:100% auto;
		width:16vw;
		height:17.8vw;
		position:absolute;
		right:10.9%;
		top:10vw;
		z-index:-1;
		transition: all 0.6s;
	}
	
	.content-message .inner2.active .image:before{
		top:-0vw;	
	}
	
	.content-message .inner2 .image-inner:after{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/message-chara02-2.png) no-repeat left top;
		background-size:100% auto;
		width:7.3vw;
		height:3vw;
		position:absolute;
		right:15.2%;
		top:15.2vw;
		z-index:4;	
	}

	
	.content-message2 li:nth-child(2){
		position:relative;	
	}
	
	.content-message2 li:nth-child(2):before{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/message-chara03.png) no-repeat left top;
		background-size:100% auto;
		width:16vw;
		height:18vw;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:-14vw;
		z-index:-1;
	}
	.content-message2.active li:nth-child(2):before{
		top:-17vw;	
	}
	
	.content-message2 li:nth-child(2):after{
		content:"";
		display:block;
		background:url(/ep/eco/images/message/message-chara02-2.png) no-repeat left top;
		background-size:100% auto;
		width:7.3vw;
		height:3vw;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:-1vw;
		z-index:4;	
	}
	
	.content-eco.message:before{
		content:"";
		display:none;
	}
	
	.content-eco.message:after{
		content:"";
		display:none;
		
	}
	
}

/* 水力発電所一覧ページ
------------------------------------------------------------*/

.content-eco-water{
	width:1120px;
	margin:80px auto 0;	
}

.content-eco-water .btn-area li{
	width:260px;
	float:left;
	margin-right:26px;
}

.content-eco-water .btn-area li:nth-child(1),
.content-eco-water .btn-area li:nth-child(2),
.content-eco-water .btn-area li:nth-child(3),
.content-eco-water .btn-area li:nth-child(4){
	margin-bottom:20px;		
}

.content-eco-water .btn-area li:nth-child(4n){
	margin-right:0;	
}

.content-eco-water .btn-area li a{
	position:relative;
	display:block;	
}

.content-eco-water .btn-area li a:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/facility/icon-btm.png) no-repeat left top;
	width:14px;
	height:9px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:20px;	
	z-index:10;
	transition: all 0.4s;
}

.content-eco-water .btn-area li a:hover:before{
	top:55%;	
}

.content-eco-water-pref{
	margin-top:100px;
}

.content-eco-water-pref h3,
.content-eco-water-pref h2{
	text-align:center;	
}

.content-eco-water-pref .inner{
	width:1120px;
	margin:40px auto 0;
	background:#e9f8f8;
	padding:60px 0;	
}

.content-eco-water-pref .inner ul{
	width:920px;
	margin:0 auto;	
}

.content-eco-water-pref .inner ul li{
	width:280px;
	float:left;
	margin-right:40px;
}

.content-eco-water-pref .inner ul li:nth-child(3n){
	margin-right:0;	
}

.content-eco-water-pref .inner ul li p{
	margin-top:23px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 1.867;
}

.content-eco-water-table{
	width:1120px;
	margin:60px auto 0;	
}

.content-eco-water-table th{
	width:224px;
	border:solid 1px #FFF;
	background:url(/ep/eco/images/facility/bg-table.png) no-repeat left top;
	background-size:cover;
	text-align:center;
	padding:20px 0 18px;
	font-size:134%;
	color:#FFF;
	font-weight:bold;
}

.content-eco-water-table td{
	background:#e9f8f8;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	font-size:125%;
	color:#000;
	padding:20px 0 18px 30px;	
}

@media screen and (max-width: 768px) {
	.content-eco-water{
		width:100%;
		margin:8vw auto 0;	
	}
	
	.content-eco-water .btn-area{
		width:86%;
		margin:11vw auto 0vw;
	}
	
	.content-eco-water .btn-area li{
		width:47%;
		float:left;
		margin-right:0;
		margin-bottom:4vw !important;
	}
	
	.content-eco-water .btn-area li:nth-child(7),
	.content-eco-water .btn-area li:nth-child(8){
		margin-bottom:0 !important;
	}
	
	.content-eco-water .btn-area li:nth-child(2n){
		float:right;	
	}
	
	.content-eco-water .btn-area li:nth-child(4n){
		margin-right:0;	
	}
	
	.content-eco-water .btn-area li a{
		position:relative;
		display:block;	
	}
	
	.content-eco-water .btn-area li a:before{
		content:"";
		display:none;
	}
	
	.content-eco-water .btn-area li a:hover:before{
		top:55%;	
	}
	
	.content-eco-water-pref{
		margin-top:12vw;
	}
	
	.content-eco-water-pref h3,
	.content-eco-water-pref h2{
		text-align:center;
		width:100%;
		margin:0 auto;	
	}
	
	.content-eco-water-pref h3 img,
	.content-eco-water-pref h2 img{
		width:auto;
		height:5.6vw;	
	}
	
	.content-eco-water-pref .inner{
		width:86%;
		margin:5vw auto 0;
		background:#e9f8f8;
		padding:8vw 0;	
	}
	
	.content-eco-water-pref .inner ul{
		width:75%;
		margin:0 auto;	
	}
	
	.content-eco-water-pref .inner ul li{
		width:100%;
		float:none;
		margin-right:0px;
		margin-bottom:8vw;
	}
	
	.content-eco-water-pref .inner ul li:last-child{
		margin-bottom:0;	
	}
	
	.content-eco-water-pref .inner ul li:nth-child(3n){
		margin-right:0;	
	}
	
	.content-eco-water-pref .inner ul li p{
		margin-top:3vw;
		font-size: 3.7vw;
	}
	
	.content-eco-water-table{
		width:86%;
		margin:8vw auto 0;	
		overflow:scroll;
	}
	
	.content-eco-water-table table{
		width:120vw;	
	}
	
	.content-eco-water-table th{
		width:20vw;
		border:solid 1px #FFF;
		background:url(/ep/eco/images/facility/bg-table.png) no-repeat left top;
		background-size:cover;
		text-align:center;
		padding:2vw 0 1.8vw;
		font-size:3.4vw;
		
	}
	
	.content-eco-water-table td{
		font-size:3.2vw;
		color:#000;
		padding:3vw 0 2.8vw 4vw;
	}
}

/* NEWSページ
------------------------------------------------------------*/

.content-eco-news-list{
	width:1180px;
	margin:0 auto;
	background:#eef9fa;
	position:relative;
	top:-22px;
	z-index:1;	
	padding-bottom:80px;
}

.content-eco-news-list ul{
	width:925px;
	margin:0 auto;
	padding:50px 0 0;	
}

.content-eco-news-list ul li{
	padding:50px 0;
	border-bottom:dashed 1px #26b7bc;	
	position:relative;
}

.content-eco-news-list ul li a{
	display:block;
	position:relative;	
}

.content-eco-news-list ul li:last-child{
	border-bottom:none;
}

.content-eco-news-list ul li.new a:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/news/icon_new.png) no-repeat left top;
	width:60px;
	height:60px;
	position:absolute;
	left:-20px;
	top:-25px;
}

.content-eco-news-list ul li .image{
	margin-left:10px;
	width:280px;
}

.content-eco-news-list ul li .txt{
	width:590px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);	
}

.content-eco-news-list ul li .txt p{
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 1.875;
}

.content-eco-news-list ul li .txt p span{
	display:block;
	color:#787878;
	font-weight:bold;
	font-size:125%;
	margin-bottom:10px;
}

.content-eco-news-list .btn-area{
	margin-top:30px;
	text-align:center;	
}

.content-eco-news-list .btn-area a{
	display:inline-block;
	position:relative;
}

.content-eco-news-list .btn-area a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:15px;
	top:22px;
	transition: all 0.4s;
}

.content-eco-news-list .btn-area a:hover:after{
	right:10px;	
}

.news-ttl{
	width:121px;
	margin:0 auto;	
}

@media screen and (max-width: 768px) {
	
	.news-ttl{
		width:20% !important;
		margin:0 auto;	
	}
	
	.content-eco-news-list{
		width:86%;
		margin:0 auto;
		top:-4vw;
		z-index:1;	
		padding-bottom:8vw;
	}
	
	.content-eco-news-list ul{
		width:81%;
		margin:0 auto;
		padding:5vw 0 0vw ;	
	}
	
	.content-eco-news-list ul li{
		padding:9vw 0 6vw;
	}
	
	.content-eco-news-list ul li img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-news-list ul li:last-child{
		border-bottom:none;
	}
	
	.content-eco-news-list ul li.new a:before{
		content:"";
		display:block;
		background:url(/ep/eco/images/news/icon_new.png) no-repeat left top;
		background-size:100% auto;
		width:12vw;
		height:12vw;
		position:absolute;
		left:-6vw;
		top:-4vw;
	}
	
	.content-eco-news-list ul li .image{
		margin-left:0px;
		width:100%;
	}
	
	.content-eco-news-list ul li .txt{
		width:100%;
		position:relative;
		right:auto;
		top:auto;
		transform:translateY(0%);	
	}
	
	.content-eco-news-list ul li .txt p{
		font-size: 3.7vw;
		margin-top:2vw;
	}
	
	.content-eco-news-list ul li .txt p span{
		display:block;
		color:#787878;
		font-weight:bold;
		font-size:3.2vw;
		margin-bottom:1vw;
	}
	
	.content-eco-news-list .btn-area{
		margin-top:0;
		width:70%;
		margin:0 auto;
		text-align:center;	
	}
	
	.content-eco-news-list .btn-area a{
		display:inline-block;
		position:relative;
	}
	
	.content-eco-news-list .btn-area a:after{
		display:none;
	}
	
}

/* TOPページ
------------------------------------------------------------*/

.content-eco-electric{
	margin-top:75px;	
}

.content-eco-electric h3,
.content-eco-electric h2{
	font-size:184%;
	font-weight:bold;
	text-align:center;	
	color:#000;
	letter-spacing:5px;
}

.content-eco-electric .chara{
	text-align:center;
	margin-top:25px;	
}

.content-eco-electric .inner{
	padding:15px 30px;
	width:670px;
	margin:35px auto 0;
	border-width: 2px;
	border-color: rgb(0, 176, 236);
	border-style: solid;
	border-radius: 18px;
	background-color: rgb(255, 255, 255);
	box-sizing:border-box;
}

.content-eco-electric .inner h4{
	font-size:150%;
	color:#00b0ec;
	font-weight:bold;
	border-bottom:solid 1px #00b0ec;
	padding-bottom:3px;
}

.content-eco-electric .inner p{
	font-size:134%;
	margin-top:10px;
	color:#000;	
}

.content-eco-electric02{
	width:1120px;
	margin:60px auto 0;
	background:#e9f8f8;
	padding:50px 0 40px;	
}

.content-eco-electric02 h3{
	text-align:center;	
}

.content-eco-electric02 .txt01{
	text-align:center;
	margin-top:10px;
	color:#26b7bc;
	font-size:117%;	
}

.content-eco-electric02 .inner{
	border-radius: 18px;
	width:900px;
	margin:35px auto 0;
	background:#FFF;
}

.content-eco-electric02 .inner.mt{
/*	margin-top:50px;	*/
}

.content-eco-electric02 .inner h4{
	font-size:233%;
	text-align:center;
	color:#FFF;
	background:url(/ep/eco/images/electric/bg01.png)	repeat;
	border-radius: 18px 18px 0 0;
	padding:3px 0 1px;
	letter-spacing:5px;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-electric02 .inner h4{
	padding:10px 0 0px;
}

:root .content-eco-electric02 .inner h4{
	padding:10px 0 0px;
}

@media all and (-ms-high-contrast:none){
	.content-eco-electric02 .inner h4{
		padding:10px 0 0px;
	}
}

.content-eco-electric02 .inner .graph-area{
	padding:40px 80px;	
	position:relative;
}

.content-eco-electric02 .inner .graph-area .graph-area-l{
	width:260px;
	float:left;	
	position:relative;
}

.content-eco-electric02 .inner .graph-area .graph-area-l .p01{
	position:absolute;
	left:44px;
	top:50%;
	transform:translateY(-50%);
	z-index:20;
	opacity:0;
	transition: all 0.8s;
}

.content-eco-electric02 .inner .graph-area .graph-area-l .p02{
	position:absolute;
	right:44px;
	top:50%;
	transform:translateY(-50%);
	z-index:20;
	opacity:0;
	transition: all 0.8s;
}

.content-eco-electric02 .inner .graph-area .graph-area-l.active .p01,
.content-eco-electric02 .inner .graph-area .graph-area-l.active .p02{
	opacity:1;
	transition-delay: 1500ms;
}

.content-eco-electric02 .inner .graph-area .graph-area-l .graph{
	width:260px;
	height:260px;
	/*
	background:url(/ep/eco/images/electric/bg03.png) no-repeat left top;
	*/
	border-radius: 50%;
	background: #26b7bc;
	background-image: linear-gradient(to right, transparent 50%, #038488 0);
	position:relative;
}

.content-eco-electric02 .inner .graph-area .graph-area-l .graph03 {
	width:260px;
	/*height:260px;*/
}

.content-eco-electric02 .inner .graph-area .graph-area-l .graph03 img{
	width:100%
}

.content-eco-electric02 .inner .graph-area .graph-area-l .graph:before,
.content-eco-electric02 .inner .graph-area .graph-area-l .graph:after{
	content: '';
	display: block;
	height: 100%;
	width: 50%;
	border-radius: 0 100% 100% 0 / 50%;
	background-color: inherit;
	transform-origin: left;
	transition: all 0.7s ease-in;
	background:#26b7bc;
	transform: rotate(0deg);
	position: absolute;
	left: 50%;
}
.content-eco-electric02 .inner .graph-area .graph-area-l .graph:after{
	background:#038488;
	visibility: hidden;
	transition: all 0.1s ease-out;
}

.content-eco-electric02 .inner .graph-area .graph-area-l.active .graph:before{
	transform: rotate(180deg);
	transition-delay: 600ms;
}

.content-eco-electric02 .inner .graph-area .graph-area-l.active .graph:after{
	transform: rotate(10deg);
	transition-delay: 1300ms;
	visibility: visible;
}

.content-eco-electric02 .inner .graph-area .graph-area-l.active .graph.graph2:after{
	transform: rotate(0deg);	
}

.content-eco-electric02 .inner .graph-area .graph-area-l.active .graph.graph3:after{
	transform: rotate(1deg);	
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area .graph-area-l .graph:after{
	display: none;
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area .graph-area-l .graph{
	background: #1c96d4;
	background-image: linear-gradient(to right, transparent 50%, #177aad 0);
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area .graph-area-l .graph:before{
	background:#1c96d4;
	transform: rotate(0deg);
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area .graph-area-l.active .graph:before{
	transform: rotate(145deg);
}

.content-eco-electric02 .inner .graph-area ul{
	width:430px;
	position:absolute;
	left:400px;
	top:50%;
	transform:translateY(-50%);
}

.content-eco-electric02 .inner .graph-area ul li{
	padding-bottom:25px;
	padding-left:40px;
	position:relative;
	color:#000;	
}

.content-eco-electric02 .inner .graph-area ul li:before{
	content:"";
	display:block;
	width:23px;
	height:23px;
	position:absolute;
	left:0;
	top:10px;
	background:#26b7bc;
	border-radius:50%;	
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-electric02 .inner .graph-area ul li:before{
	top:7px;
}

:root .content-eco-electric02 .inner .graph-area ul li:before{
	top:7px;
}

@media all and (-ms-high-contrast:none){
	.content-eco-electric02 .inner .graph-area ul li:before{
		top:7px;
	}
}

.content-eco-electric02 .inner .graph-area ul li:last-child:before{
	background:#038488;
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area ul li:before{
	background:#1c96d4;
}

.content-eco-electric02.content-eco-electric03 .inner .graph-area ul li:last-child:before{
	background:#177aad;
}

.content-eco-electric02 .inner .graph-area ul li .txt{
	font-size:217%;
	font-weight:bold;
}

.content-eco-electric02 .inner .graph-area ul li .min{
	display:block;
	font-size:134%;
	font-weight:normal;	
}

.content-eco-electric02 .caution{
	width:900px;
	margin:20px auto 0;
}

.content-eco-electric02 .caution li{
	font-size: 109%;
	color: rgb(0, 0, 0);
	line-height: 1.538;
	/* padding-left:2.6em; */
	/* text-indent:-2.6em; */
	padding-left:1em;
	text-indent:-1em;
}

.content-eco-electric02 .caution li.mb{
	margin-bottom:8px;	
}

.content-eco-electric02.content-eco-electric03{
	background:#e8f4fb;
	margin-top:50px;
}

.content-eco-electric02.content-eco-electric03 .txt01{
	color:#1c96d4;
}

.content-eco-electric02.content-eco-electric03 h4{
	background:url(/ep/eco/images/electric/bg02.png)	repeat;	
}

.content-eco-electric03 .inner .ttl-area,
.content-eco-electric02 .inner.mt .ttl-area{
	text-align:center;	
}

.content-eco-electric03 .inner .ttl-area h5,
.content-eco-electric02 .inner.mt .ttl-area h5{
	display:inline-block;
	font-size:200%;
	border-bottom:solid 2px #1c96d4;
	margin-top:35px;
	color:#000;	
	letter-spacing:3px;
}

.content-eco-electric02 .inner.mt .ttl-area h5{
	border-color:#26b7bc;	
}

.content-eco-electric03 .inner .ttl-area p,
.content-eco-electric02 .inner.mt .ttl-area p{
	text-align:center;
	margin-top:7px;
	color:#000000;
	font-size:117%;	
}

.electric-btm-caution{
	width:1120px;
	margin:35px auto 0;	
}

.electric-btm-caution li{
	color:#000000;
	font-size:109%;	
}

.electric-btm-btn{
	margin-top:55px;	
	text-align:center;
}

.electric-btm-btn a{
	display:inline-block;
	position:relative;
}

.electric-btm-btn a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:15px;
	top:26px;
	transition: all 0.4s;
}

.electric-btm-btn a:hover:after{
	right:10px;	
}

@media screen and (max-width: 768px) {
	.content-eco-electric{
		margin-top:12vw;	
	}
	
	.content-eco-electric h3,
	.content-eco-electric h2{
		font-size:4.8vw;
	}
	
	.content-eco-electric .chara{
		width:14.6%;
		text-align:center;
		margin:4vw auto 0;	
	}
	
	.content-eco-electric .inner{
		padding:4vw 4%;
		width:86%;
		box-sizing:border-box;
		margin:4vw auto 0;
		border-radius:8px;
		
	}
	
	.content-eco-electric .inner h4{
		font-size:4.2vw;
		padding-bottom:0.8vw;
	}
	
	.content-eco-electric .inner p{
		font-size:3.7vw;
		margin-top:3vw;	
	}
	
	.content-eco-electric02{
		width:86%;
		margin:8vw auto 0;
		padding:8vw 0 ;	
	}
	
	.content-eco-electric02 h3{
		text-align:center;	
		width:61%;
		margin:0 auto;
	}
	
	.content-eco-electric02 .txt01{
		margin-top:2vw;
		font-size:3.2vw;	
	}
	
	.content-eco-electric02 .inner{
		border-radius: 8px;
		width:87%;
		margin:5vw auto 0;
	}
	
	.content-eco-electric02 .inner h4{
		font-size:4.8vw;
		text-align:center;
		color:#FFF;
		background:url(/ep/eco/images/electric/bg01.png)	repeat;
		background-size:3px auto !important;
		border-radius: 8px 8px 0 0;
		padding:1.5vw 0 ;
		letter-spacing:5px;
	}
	
	.content-eco-electric02 .inner .graph-area{
		padding:6vw 0px 5vw;
		position:relative;
	}
	
	.content-eco-electric02 .inner .graph-area .graph-area-l{
		width:100%;
		float:none;	
	}
	
	.content-eco-electric02 .inner .graph-area .graph-area-l .p01{
		width:8vw;
		left:23vw;
	}
	
	.content-eco-electric02 .inner .graph-area .graph-area-l .p02{
		width:8vw;
		right:23vw;
	}
	
	.content-eco-electric02 .inner .graph-area .graph-area-l .graph,
	.content-eco-electric02 .inner .graph-area .graph-area-l .graph03{
		width:41vw;
		/*height:41vw;*/
		background-size:100% auto !important;
		margin:0 auto;
	}
	
	
	.content-eco-electric02 .inner .graph-area ul{
		width:88%;
		position:relative;
		left:auto;
		top:auto;
		transform:none;
		margin:8% auto 0;
	}
	
	.content-eco-electric02 .inner .graph-area ul li{
		padding-bottom:4vw !important;
		padding-left:7vw  !important;
		position:relative;
	}
	
	.content-eco-electric02 .caution li.mb{
		margin-bottom:2vw;	
	}
	
	.content-eco-electric02 .inner .graph-area ul li:last-child{
		padding-bottom:0vw;
	}
	
	.content-eco-electric02 .inner .graph-area ul li:before{
		width:4vw  !important;
		height:4vw  !important;
		top:1.4vw  !important;
		left:0.9vw;
	}
	
	.content-eco-electric02 .inner .graph-area ul li .txt{
		font-size:4.2vw !important;
	}

	
	.content-eco-electric02 .inner .graph-area ul li .min{
		display:block;
		font-size:2.7vw  !important;
	}
	
	.content-eco-electric02 .caution{
		width:87%;
		margin:5vw auto 0;
	}
	
	.content-eco-electric02 .caution li{
		font-size: 2.9vw;
		/* padding-left:2.6em; */
		/* text-indent:-2.6em; */
		padding-left:1em;
		text-indent:-1em;
	}
	
	.content-eco-electric02.content-eco-electric03{
		margin-top:5vw;
	}
	
	.content-eco-electric02.content-eco-electric03 .txt01{
		color:#1c96d4;
	}
	
	.content-eco-electric02.content-eco-electric03 h4{
		background:url(/ep/eco/images/electric/bg02.png)	repeat;	
	}
	
	.content-eco-electric03 .inner .ttl-area{
		text-align:center;	
	}
	
	.content-eco-electric02 .inner.mt{
		/*margin-top:8vw;	*/
	}
	
	.content-eco-electric03 .inner .ttl-area h5,
	.content-eco-electric02 .inner.mt .ttl-area h5{
		display:inline-block;
		font-size:4vw;
		border-bottom:solid 2px #1c96d4;
		margin-top:6vw;
		letter-spacing:3px;
	}
	
	.content-eco-electric02 .inner.mt .ttl-area h5{
		border-color:#26b7bc;	
	}
	
	.content-eco-electric03 .inner .ttl-area p,
	.content-eco-electric02 .inner.mt .ttl-area p{
		margin-top:3vw;
		color:#000000;
		font-size:3.2vw;	
		line-height:1.3;
	}
	
	.electric-btm-caution{
		width:86%;
		margin:8vw auto 0;	
	}
	
	.electric-btm-caution li{
		color:#000000;
		font-size:2.9vw;
		padding-left:2em;
		text-indent:-2em;	
	}
	
	.electric-btm-btn{
		width:86%;
		margin:8vw auto 0;
	}
	
	.electric-btm-btn img{
		width:100%;
		height:auto;	
	}
	
	.electric-btm-btn a{
		display:block;
		position:relative;
	}
	
	.electric-btm-btn a:after{
		content:"";
		display:none;
	}
	
}

/* 料金プラン紹介ページ
------------------------------------------------------------*/

.content-eco-plan-private{
	margin-top:70px;	
}

.content-eco-plan-private .txt01,
.content-eco-plan-private-detail .txt01{
	text-align:center;
	font-size: 184%;
	font-weight: bold;
	line-height: 2.182;		
	color:#000;
}

.content-eco-plan-private-detail .txt01.min{
	font-size: 150%;	
}

.content-eco-plan-private-detail .txt02{
	display:block;
	text-align:center;
	margin-top:50px;
	font-size:109%;	
	font-weight:bold;
	color:#000;
}
.content-eco-plan-private-detail .txt02 a {
	color: #00A0E9;
}
.content-eco-plan-private-detail .txt03 {
	display: block;
	text-align: center;
	margin-top: 50px;
	font-size: 150%;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail .txt03 {
    margin: 5vw auto 0;
    font-size: 3.7vw;
    width: 86%;
    text-align: left;
	}
}

.content-eco-plan-private .content-eco-plan-private-inner{
	width:1120px;
	margin:65px auto 0;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l{
	width:710px;
	float:left;	
	background:#e9f8f8;
	padding:50px 0;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-r{
	width:380px;
	float:right;	
	background:#e8f4fb;
	padding:50px 0;
}

.content-eco-plan-private .content-eco-plan-private-inner h2{
	text-align:center;
	margin-bottom:40px;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul{
	width:610px;
	margin:0 auto;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul li{
	width:280px;
	float:left;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul li:last-child{
	float:right;
}

.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-r ul{
	width:280px;
	margin:0 auto;
}

.content-eco-plan-private .content-eco-plan-private-inner li{
	text-align:center;
}

.content-eco-plan-private .content-eco-plan-private-inner li h3{
	color:#000000;
	font-size:167%;
	margin-bottom:23px;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-plan-private .content-eco-plan-private-inner li h3{
	margin-bottom:19px;
}

:root .content-eco-news .content-eco-plan-private .content-eco-plan-private-inner li h3{
	margin-bottom:19px\0/;
}

@media all and (-ms-high-contrast:none){
	.content-eco-plan-private .content-eco-plan-private-inner li h3{
		margin-bottom:19px;
	}
}

.content-eco-plan-private .content-eco-plan-private-inner li p{
	color:#000000;
	font-size:117%;
	margin-top:18px;
	text-align:left;
	line-height: 1.857;
	margin-bottom:21px;
}

.content-eco-plan-private .content-eco-plan-private-bt-btn{
	margin-top:80px;
	position:relative;
	text-align:center;	
}
	
.content-eco-plan-private .content-eco-plan-private-inner li .btn{
	text-align:center;
}

.content-eco-plan-private .content-eco-plan-private-inner li .btn a,
.content-eco-plan-private .content-eco-plan-private-bt-btn a{
	 display:inline-block;
	 position:relative;	
}

.electric-btm-btn a{
	display:inline-block;
	position:relative;
}

.content-eco-plan-private .content-eco-plan-private-inner li .btn a:after,
.content-eco-plan-private .content-eco-plan-private-bt-btn a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:15px;
	top:26px;
	transition: all 0.4s;
}

.content-eco-plan-private .content-eco-plan-private-inner li .btn a:hover:after,
.content-eco-plan-private .content-eco-plan-private-bt-btn a:hover:after{
	right:10px;	
}

.content-eco-plan-private .content-eco-plan-private-bt-btn a:after{
	width:24px;
	height:8px;
	right:20px;
	top:45px;
}

.content-eco-plan-private .content-eco-plan-private-bt-btn a:hover:after{
	right:15px;	
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private{
		margin-top:12vw;	
	}
	
	.content-eco-plan-private .txt01,
	.content-eco-plan-private-detail .txt01{
		text-align:center;
		letter-spacing:2px;
		font-size: 4vw;
		line-height: 1.733;
		color:#000;
	}
	
	.content-eco-plan-private-detail .txt01.min{
		font-size: 4vw;
		letter-spacing:normal;
		line-height:1.8;
		font-weight:bold;	
	}
	
	.content-eco-plan-private-detail .txt02{
		display:block;
		text-align:center;
		margin:5vw auto 0;
		font-size:2.9vw;	
		width:86%;
		text-align:left;
	}
	
	.content-eco-plan-private-detail .txt02 span{
		display:block;
		padding-left:1em;
		text-indent:-1em;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner{
		width:86%;
		margin:11vw auto 0;
		padding:0vw 0;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l{
		width:100%;
		float:none;	
		background:#e9f8f8;
		padding:8vw 0 ;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-r{
		width:100%;
		margin:12vw auto 0;
		float:none;	
		background:#e8f4fb;
		padding:8vw 0;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner h2{
		text-align:center;
		margin-bottom:0px;
		width:64%;
		margin:0 auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner h2 img{
		width:100%;
		height:auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul{
		width:81%;
		margin:0 auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul li{
		width:100%;
		float:none;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul li:last-child{
		float:none;
		margin-top:9vw;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-l ul li:last-child > img{
		width:92%;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner .content-eco-plan-private-inner-r ul{
		width:81%;
		margin:0 auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li{
		text-align:center;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li h3{
		color:#000000;
		font-size:4.5vw;
		text-align:center;
		margin:5vw 0 3.5vw;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li img{
		width:40%;	
		height:auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li p{
		color:#000000;
		font-size:3.7vw;
		margin-top:2vw;
		margin-bottom:3vw;
	}
	
	.content-eco-plan-private .content-eco-plan-private-bt-btn{
		margin:8vw auto 0;
		width:86%;
		position:relative;
		text-align:center;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-bt-btn img{
		width:100%;
		height:auto;	
	}
		
	.content-eco-plan-private .content-eco-plan-private-inner li .btn{
		text-align:center;
		width:88%;
		margin:0 auto;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li .btn img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li .btn a,
	.content-eco-plan-private .content-eco-plan-private-bt-btn a{
		 display:inline-block;
		 position:relative;	
	}
	
	.electric-btm-btn a{
		display:block;
		position:relative;
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li .btn a:after,
	.content-eco-plan-private .content-eco-plan-private-bt-btn a:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
		background-size:100% auto;
		width:15px;
		height:5px;
		position:absolute;
		right:15px;
		top:26px;
		transition: all 0.4s;
		display:none;
	}
	
	.content-eco-plan-private .content-eco-plan-private-bt-btn a:after{
		display:none;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-inner li .btn a:hover:after,
	.content-eco-plan-private .content-eco-plan-private-bt-btn a:hover:after{
		right:10px;	
	}
	
	.content-eco-plan-private .content-eco-plan-private-bt-btn a:after{
		width:24px;
		height:8px;
		right:20px;
		top:45px;
	}
	
	.content-eco-plan-private .content-eco-plan-private-bt-btn a:hover:after{
		right:15px;	
	}
}

/* ご家庭向けプラン
------------------------------------------------------------*/

h2.private-detail{
	text-align:center;
	margin-top:100px;	
}

h2.private-detail2,
h1.private-detail2{
	padding-top:100px;
	text-align:center;	
}

.content-eco-plan-private-detail h3,
.content-eco-plan-private-detail h2{
	text-align:center;
	margin-top:60px;	
}

.content-eco-plan-private-detail .txt01{
	margin-top:50px;
}

.content-eco-plan-private-detail .inner1{
	width:1120px;
	margin:100px auto 0;
	background:#e9f8f8;
	padding:60px 0;
}

.content-eco-plan-private-detail .inner1 h4{
	text-align:center;	
}

.content-eco-plan-private-detail .inner1 .inner1-list,
.content-eco-plan-private-detail .inner1 .inner1-cautoin{
	width:960px;
	margin:5px auto 0;	
}

.content-eco-plan-private-detail .inner1 .inner1-cautoin{
	margin-top:30px;	
}

.content-eco-plan-private-detail .inner1 .inner1-list li{
	width:280px;
	float:left;
	margin:55px 60px 0 0;	
}

.content-eco-plan-private-detail .inner1 .inner1-cautoin li{
	font-size:109%;
	color:#000;
}

.content-eco-plan-private-detail .inner1 .inner1-list li:nth-child(3n){
	margin-right:0;	
}

.content-eco-plan-private-detail .inner1 .inner1-list li p{
	margin-top:19px;
	font-size: 125%;
	line-height: 2;	
	color:#000;	
}

@media screen and (max-width: 768px) {
	
	.private-detail-main-ttl{
		width:65%;
		margin-left:auto;
		margin-right:auto;
	}
	
	h2.private-detail{
		text-align:center;
		margin-top:30vw;	
	}
	
	h2.private-detail2,
	h1.private-detail2{
		padding-top:12vw;
		text-align:center;
		width:65%;
		margin:0 auto;
	}

	
	.content-eco-plan-private-detail h3,
	.content-eco-plan-private-detail h2{
		text-align:center;
		width:72%;
		margin:6vw auto 0;	
	}
	
	.content-eco-plan-private-detail h3.mt0{
		margin-top:0;	
	}
	
	.content-eco-plan-private-detail .txt01{
		margin-top:4vw;
		letter-spacing:normal;
	}
	
	.content-eco-plan-private-detail .inner1{
		width:86%;
		margin:8vw auto 0;
		padding:12vw 0;
	}
	
	.content-eco-plan-private-detail .inner1 h3{
		text-align:center;
		width:80%;
		margin:0 auto;
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list,
	.content-eco-plan-private-detail .inner1 .inner1-cautoin{
		width:84%;
		margin:0 auto 0;	
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-cautoin{
		margin-top:3vw;	
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list li:nth-child(1){
		margin-top:6vw;	
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list li{
		width:100%;
		float:none;
		margin:7vw 0px 0 0;	
		text-align:center;
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list li img{
		width:68%;
		height:auto;	
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-cautoin li{
		font-size:2.9vw;
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list li:nth-child(3n){
		margin-right:0;	
	}
	
	.content-eco-plan-private-detail .inner1 .inner1-list li p{
		margin-top:3vw;
		font-size: 3.7vw;
		text-align:left;
	}
}

.content-eco-plan-private-detail02{
	width:760px;
	margin:120px auto 0;	
}

.content-eco-plan-private-detail02 h3{
	text-align:center;	
}

.content-eco-plan-private-detail02 table{
	margin-top:40px;	
}

.content-eco-plan-private-detail02 table.mt0{
	margin-top:0;
	width:380px;	
}

.content-eco-plan-private-detail02 table th{
	width:140px;
	padding:22px 0 20px;
	background:url(/ep/eco/images/plan/private/detail-bg01.png) no-repeat left top;
	background-size:cover;
	font-size:134%;
	color:#FFF;
	text-align:center;	
	border-bottom:solid 1px #FFF;
}

.content-eco-plan-private-detail02 table td{
	width:240px;
	vertical-align:middle;
	background:#e5f5fd;
	font-size:125%;
	color:#000;
	text-align:center;
	border-bottom:solid 1px #FFF;
	border-left:solid 1px #FFF;
	box-sizing:border-box;
}

.content-eco-plan-private-detail02-table p{
	margin-top:18px;
	font-size:109%;
	color:#000;	
}

.content-eco-plan-private-detail02-table h4{
	margin-top:55px;
	font-size:150%;
	color:#ffffff;	
	background:url(/ep/eco/images/plan/private/detail-bg02.png) no-repeat left top;
	background-size:cover;
	padding:15px 0 13px;
	text-align:center;
}

.content-eco-plan-private-detail02-table .table3{
	width:100%;	
	margin:0;
}

.content-eco-plan-private-detail02-table .table3 td{
	width:50%;
	padding:18px 0 16px;
	font-size:12px;
	line-height:1.2;
}

.content-eco-plan-private-detail02-table .table3 td span.b{
	font-size:125%;	
}

.content-eco-plan-private-detail02-table .table3 td span.n{
	font-size:200%;
	display:inline-block;
	padding-top:6px;
}

.content-eco-plan-private-detail02-table .table3 tr td:nth-child(1){
	border-left:none;	
}

.content-eco-plan-private-detail03{
	background:#e9f8f8;
	margin-top:80px;
	padding:80px 0;	
}

.content-eco-plan-private-detail03 h3{
	text-align:center;	
}

.content-eco-plan-private-detail03 p,
.content-eco-plan-private-detail05 p{
	text-align:center;	
	margin-top:35px;
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 2;
	font-weight:normal;
}

.content-eco-plan-private-detail03 .image{
	text-align:center;
	margin-top:55px;
}

.content-eco-plan-private-detail03 ul{
	width:1120px;
	margin:30px auto 0;
}

.content-eco-plan-private-detail03 ul li{
	font-size: 109%;
	color: rgb(0, 0, 0);
	line-height: 2;
	padding-left:1em;
	text-indent:-1em;
}

.content-eco-plan-private-detail03 ul li.mt{
	margin-top:23px;	
}

.content-eco-plan-private-detail03 ul li a{
	display:inline-block;
	position:relative;
	color:#26b7bc;
	text-decoration:underline;
}

.content-eco-plan-private-detail03 ul li a:hover{
	text-decoration:none;	
}

.content-eco-plan-private-detail03 ul li a.mr{
	margin-right:45px;	
}

.content-eco-plan-private-detail03 ul li a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/plan/private/icon-brank.png) no-repeat left top;
	width:11px;
	height:10px;
	position:relative;
	left:5px;
	top:1px;
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail02{
		width:100%;
		margin:12vw auto 0;	
	}
	
	.content-eco-plan-private-detail02 h3{
		text-align:center;	
		width:82%;
		margin:0 auto;
	}
	
	.content-eco-plan-private-detail02 table{
		margin:5vw auto 0;	
		width:86%;
	}
	
	.content-eco-plan-private-detail02 table.mt0{
		margin-top:0;
		width:86%;
		margin:0 auto;	
	}
	
	.content-eco-plan-private-detail02 table th{
		width:30%;
		padding:3vw 0 2.8vw;
		background:url(/ep/eco/images/plan/private/detail-bg01.png) no-repeat left top;
		background-size:cover;
		font-size:4vw;
	}
	
	.content-eco-plan-private-detail02 table td{
		width:70%;
		font-size:4vw;
		color:#000;
		text-align:center;
	}
	
	.content-eco-plan-private-detail02-table p{
		width:86%;
		margin:5vw auto 0;
		font-size:2.9vw;
		
	}
	
	.content-eco-plan-private-detail02-table p span{
		display:block;	
		padding-left:1em;
		text-indent:-1em;
	}
	
	.content-eco-plan-private-detail02-table h4{
		width:86%;
		margin:9vw auto 0;
		font-size:4vw;
		background:url(/ep/eco/images/plan/private/detail-bg02.png) no-repeat left top;
		background-size:cover;
		padding:3vw 0 2.8vw;
		text-align:center;
	}
	
	.content-eco-plan-private-detail02-table .table3{
		width:86%;
		margin:0 auto 0;
	}
	
	.content-eco-plan-private-detail02-table .table3 td{
		width:50%;
		padding:5vw 0 ;
		font-size:3.4vw;
	}
	
	.content-eco-plan-private-detail02-table .table3 td span.b{
		font-size:3.4vw;
	}
	
	.content-eco-plan-private-detail02-table .table3 td span.n{
		font-size:5vw;
		padding-top:1vw;
	}
	
	.content-eco-plan-private-detail02-table .table3 tr td:nth-child(1){
		border-left:none;	
	}
	
	.content-eco-plan-private-detail03{
		margin:8vw auto 0;
		padding:12vw 0;
		width:100%;
	}
	
	.content-eco-plan-private-detail03 h3{
		text-align:center;	
		width:56%;
		margin:0 auto;
	}
	
	.content-eco-plan-private-detail03 p,
	.content-eco-plan-private-detail05 p{
		width:86%;
		text-align:left;	
		margin:5vw auto 0;
		font-size: 3.7vw;
	}
	
	.content-eco-plan-private-detail03 .image{
		text-align:center;
		margin:5vw auto 0;
		width:86%;
	}
	
	.content-eco-plan-private-detail03 ul{
		width:86%;
		margin:5vw auto 0;
	}
	
	.content-eco-plan-private-detail03 ul li{
		font-size: 2.9vw;
		line-height: 1.818;
		margin-bottom:0.5vw;
	}
	
	.content-eco-plan-private-detail03 ul li.mt,
	.content-eco-plan-private-detail03 ul li:last-child{
		margin-top:5vw;	
		padding-left: 0em;
	    text-indent: -0em;
	}
	
	.content-eco-plan-private-detail03 ul li.mt{
		margin-top:7vw;	
	}
	
	.content-eco-plan-private-detail03 ul li:last-child{
		margin-top:0;
	}
	
	.content-eco-plan-private-detail03 ul li a{
		display:inline-block;
		position:relative;
		color:#26b7bc;
		text-decoration:underline;
		font-size:3.2vw;
		margin-bottom:3vw;
	}
	
	.content-eco-plan-private-detail03 ul li a:hover{
		text-decoration:none;	
	}
	
	.content-eco-plan-private-detail03 ul li a.mr{
		margin-right:45px;	
	}
	
	.content-eco-plan-private-detail03 ul li a:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/plan/private/icon-brank.png) no-repeat left top;
		background-size:100% auto;
		width:2.4vw;
		height:2.4vw;
		position:relative;
		left:2vw;
		top:0.3vw;
	}
}

.content-eco-plan-private-detail04{
	margin:80px 0 0;
}

.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1{
	border-width: 2px;
	border-color: #d4f1f2;
	border-style: solid;
	width: 1120px;
	box-sizing:border-box;
	padding:35px 30px 30px;
	margin:0 auto;
}

.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1 h4{
	font-size:167%;
	color:#26b7bc;	
}

.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1 p{
	font-size: 117%;
	color: rgb(0, 0, 0);
	line-height: 2;
	margin-top:9px;	
}

.content-eco-plan-private-detail04 h3{
	text-align:center;
	margin-top:80px;	
}

.content-eco-plan-private-detail04 .txt02{
	text-align:center;
	margin-top:25px;
	color:#000000;
	font-size:150%;
	font-weight:bold;
	letter-spacing:3px;	
}

.content-eco-plan-private-detail04 .plan{
	width:1120px;
	margin:90px auto 0;	
}

.content-eco-plan-private-detail04 > ul > li{
	width:550px;
	float:left;	
	background:#e9f8f8;
	padding:80px 40px 40px;
	box-sizing:border-box;
	position:relative;
	text-align:center;
}

.content-eco-plan-private-detail04 > ul > li:nth-child(1) p{
	padding-top:12px;	
}

.content-eco-plan-private-detail04 > ul > li:nth-child(1) p a{
	color:#000;
	text-decoration:underline;	
}

.content-eco-plan-private-detail04 > ul > li:nth-child(1) p a:hover{
	text-decoration:none;	
}

.content-eco-plan-private-detail04  >  ul > li:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/plan/private/detail-icon01.png) no-repeat left top;
	width:90px;
	height:90px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-45px;
}	

.content-eco-plan-private-detail04 > ul > li:last-child{
	width:550px;
	float:right;	
}

.content-eco-plan-private-detail04 >  ul > li:last-child:before{
	background:url(/ep/eco/images/plan/private/detail-icon02.png) no-repeat left top;	
}

.content-eco-plan-private-detail04 > ul li h4{
	font-weight:bold;
	color:#26b7bc;
	font-size:217%;
	display:inline-block;
	line-height:1.3;
	border-bottom:solid 2px #26b7bc;	
}

.content-eco-plan-private-detail04 ul > li > p{
	font-size: 125%;
	font-weight: bold;
	line-height: 1.867;
	text-align: center;
	margin-top:18px;
	color:#000;
}

.content-eco-plan-private-detail04 ul > li > .btn{
	text-align:center;
	margin-top:22px;	
}

.content-eco-plan-private-detail04 ul > li > ul{
	margin-top:35px;	
}

.content-eco-plan-private-detail04 ul > li > ul > li{
	font-size: 109%;
	color: rgb(0, 0, 0);
	line-height: 1.538;
	text-align:left;
	padding-left:1em;
	text-indent:-1em;	
}

.content-eco-plan-private-detail04 ul > li > ul > li a{
	color:#000;
	text-decoration:underline;	
}

.content-eco-plan-private-detail04 ul > li > ul > li a:hover{
	text-decoration:none;	
}

.content-eco-plan-private-detail04 ul > li:nth-child(2) > ul{
	margin-top:15px;	
}

.content-eco-plan-private-detail04 ul > li .tel-area{
	background:#FFF;
	padding:12px 10px 10px;	
	text-align:center;
	margin-top:30px;
}

.content-eco-plan-private-detail04 ul > li .tel-area span{
	display:inline-block;	
}

.content-eco-plan-private-detail04 ul > li .tel-area span.mr0{
	margin-right:0;	
}

.content-eco-plan-private-detail04 ul > li .tel-area .span01{
	color:#26b7bc;
	font-weight:bold;
	font-size:150%;
	margin-right:17px;
	position:relative;
	top:2px;
	
}

.content-eco-plan-private-detail04 ul > li .tel-area .span02{
	color:#FFF;
	background:#26b7bc;
	font-weight:bold;
	font-size:109%;	
	border-radius: 8px;
	padding:2px 7px 1px;
	margin-right:5px;
	position:relative;
	top:-1px;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-plan-private-detail04 ul > li .tel-area .span02{
	padding:2px 7px 1px;
}

:root .content-eco-plan-private-detail04 ul > li .tel-area .span02{
	padding:4px 7px 0px\0/;
}

@media all and (-ms-high-contrast:none){
	.content-eco-plan-private-detail04 ul > li .tel-area .span02{
		padding:4px 7px 0px;
	}	
}

.content-eco-plan-private-detail04 ul > li .tel-area .span03{
	color:#26b7bc;
	font-weight:bold;
	font-size:134%;	
	border-radius: 8px;
	margin-right:10px;
}

.content-eco-corporate-index05{
	margin-top:100px;
	padding:80px 0;
	background:#e8f4fb;	
}

.content-eco-corporate-index05-inner{
	width:1120px;
	margin:50px auto 0;	
}

.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-l,
.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-r{
	width:550px;
	background:#FFF;
	text-align:center;
	padding:45px 0 50px;
	float:left;
}

.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-r{
	float: none;
	margin: 0 auto;
}

.content-eco-corporate-index05-inner h4{
	text-align:center;
	font-size:200%;
	display:inline-block;
	border-bottom:solid 2px #00a0e9;
	color:#000;
}

.content-eco-corporate-index05-inner .image{
	text-align:center;
	margin-top:30px;	
}

.content-eco-corporate-index05-inner p{
	font-size: 134%;
	margin-top:25px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 1.875;
	text-align: center;
}

.content-eco-corporate-index05-inner .btn{
	margin-top:25px;	
}

.content-eco-corporate-index06{
	width:680px;
	margin:60px auto 0;	
}

.content-eco-corporate-index06 li{
	width:320px;
	float:left;	
}

.content-eco-corporate-index06 li:last-child{
	float:right;	
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail04{
		margin:12vw 0 0;
	}
	
	.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1{
		width: 86%;
		box-sizing:border-box;
		padding:4vw;
		margin:0 auto;
	}
	
	.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1 h4{
		font-size:4vw;
	}
	
	.content-eco-plan-private-detail04 .content-eco-plan-private-detail04-inner1 p{
		font-size: 3.4vw;
		color: rgb(0, 0, 0);
		line-height: 1.769;
		margin-top:2vw;
			
	}
	
	.content-eco-plan-private-detail04 h3{
		text-align:center;
		margin:12vw auto 0;	
		width:26%;
	}
	
	.content-eco-plan-private-detail04 .txt02{
		text-align:center;
		margin-top:3vw;
		font-size:4vw;
	}
	
	.content-eco-plan-private-detail04 .plan{
		width:86%;
		margin:14vw auto 0;	
	}
	
	.content-eco-plan-private-detail04 > ul > li{
		width:100%;
		float:none;	
		padding:15vw 5vw 8vw;
		box-sizing:border-box;
		position:relative;
		text-align:center;
	}
	
	.content-eco-plan-private-detail04  >  ul > li:before{
		content:"";
		display:block;
		background:url(/ep/eco/images/plan/private/detail-icon01.png) no-repeat left top;
		background-size:cover;
		width:17vw;
		height:17vw;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:-8vw;
	}	
	
	.content-eco-plan-private-detail04 > ul > li:last-child{
		width:100%;
		float:none;
		margin-top:15vw;	
	}
	
	.content-eco-plan-private-detail04 >  ul > li:last-child:before{
		background:url(/ep/eco/images/plan/private/detail-icon02.png) no-repeat left top;
		background-size:cover;	
	}
	
	.content-eco-plan-private-detail04 > ul li h4{
		font-weight:bold;
		font-size:4.8vw;
		display:inline-block;
		line-height:1.3;
	}
	
	.content-eco-plan-private-detail04 ul > li > p{
		font-size: 3.7vw;
		margin-top:0.5vw;
		color:#000;
	}
	
	.content-eco-plan-private-detail04 ul > li > .btn{
		text-align:center;
		margin-top:4vw;	
	}
	
	.content-eco-plan-private-detail04 ul > li > ul{
		margin-top:3vw;	
	}
	
	.content-eco-plan-private-detail04 ul > li > ul > li{
		font-size: 2.9vw;
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area{
		background:#FFF;
		padding:5vw 0 4.5vw;	
		text-align:center;
		margin-top:5vw;
		position:relative;
		text-align:left;
		padding-left:30vw;
		
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area span{
		display:inline-block;	
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area span.mr0{
		margin-right:0;	
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area .span01{
		font-weight:bold;
		font-size:4.2vw;
		margin-right:0px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		left:5vw;
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area .span02{
		font-weight:bold;
		font-size:3.2vw;	
		padding:0.5vw 0px 0.3vw;
		width:17vw;
		margin-right:2vw;
		margin-bottom:2vw;
		text-align:center;
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area .span02.mb0{
		margin-bottom:0;	
	}
	
	.content-eco-plan-private-detail04 ul > li .tel-area .span03{
		font-weight:bold;
		font-size:3.4vw;	
		margin-right:0px;
	}
	
	.content-eco-corporate-index05{
		width:100%;
		margin:8vw auto 0;
		padding:12vw 0;
	}
	
	.content-eco-corporate-index05 h3{
		width:70%;
		margin:0 auto;	
	}
	
	.content-eco-corporate-index05 h3 img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-corporate-index05-inner{
		width:86%;
		margin:6vw auto 0;	
	}
	
	.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-l,
	.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-r{
		width:100%;
		background:#FFF;
		text-align:center;
		padding:7vw 0 ;
		float:none;
	}
	
	.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-r{
		float:none;
		margin-top:5vw;	
	}
	
	.content-eco-corporate-index05-inner h4{
		font-size:4.5vw;
	}
	
	.content-eco-corporate-index05-inner .image{
		text-align:center;
		margin:5vw auto 0;
		width:23%;
	}
	
	.content-eco-corporate-index05-inner .btn img,
	.content-eco-corporate-index05-inner .image img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-corporate-index05-inner .content-eco-corporate-index05-inner-r .image{
		width:29%;	
	}
	
	.content-eco-corporate-index05-inner p{
		font-size: 3.7vw;
		margin-top:5vw;
	}
	
	.content-eco-corporate-index05-inner .btn{
		margin:5vw auto 0;
		width:69%;	
	}
	
	.content-eco-corporate-index06{
		width:66%;
		margin:12vw auto 0;	
	}
	
	.content-eco-corporate-index06 li{
		width:100%;
		float:none;	
	}
	
	.content-eco-corporate-index06 li:last-child{
		float:none;
		margin-top:5vw;	
	}
}

.content-eco-plan-private-detail05{
	margin-top:90px;
	padding:80px 0;
	background:#e9f8f8;	
}

.content-eco-plan-private-detail05 h3{
	text-align:center;	
}

.content-eco-plan-private-detail05 ul{
	width:960px;
	margin:45px auto 0;
	display: flex;
    justify-content: center
}

.content-eco-plan-private-detail05 ul li{
	width:300px;
	float:left;
	margin-right:30px;	
}

.content-eco-plan-private-detail05 ul li:last-child{
	margin-right:0;	
}


.content-eco-plan-private-detail05 .btn{
	 text-align:center;
	 margin-top:50px;	
}

.content-eco-plan-private-detail06{
	margin-top:95px;	
	text-align:center;	
}

.content-eco-plan-private-detail06 h5{
	font-size:200%;
	color:#26b7bc;
	font-weight:bold;
	letter-spacing:5px;
}

.content-eco-plan-private-detail06 .bnr{
	margin-top:25px;
}

.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn{
	width:680px;
	margin:80px auto 0;
}

.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn li{
	width:320px;
	float:right;	
}

.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn li:last-child{
	float:left;	
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail05{
		margin-top:12vw;
		padding:12vw 0;
	}
	
	.content-eco-plan-private-detail05 p{
		text-align:center;	
	}
	
	.content-eco-plan-private-detail05 h3{
		text-align:center;
		width:41%;
		margin:0 auto;
	}
	
	.content-eco-plan-private-detail05 h3 img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-plan-private-detail05 ul{
		width:61%;
		margin:6vw auto 0;
	}
	
	.content-eco-plan-private-detail05 ul li{
		width:100%;
		float:none;
		margin-right:0px;	
		margin-bottom:4vw;
	}
	
	.content-eco-plan-private-detail05 ul li img,
	.content-eco-plan-private-detail05 .btn img,
	.content-eco-plan-private-detail06 .btn img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-plan-private-detail05 ul li:last-child{
		margin-right:0;	
	}
	
	
	.content-eco-plan-private-detail05 .btn{
		width:61%;
		text-align:center;
		margin:7vw auto 0;	
	}
	
	.content-eco-plan-private-detail06{
		margin-top:12vw;	
		text-align:center;	
	}
	
	.content-eco-plan-private-detail06 h5{
		font-size:5.3vw;
		color:#00a0e9;
		font-weight:bold;
	}
	
	.content-eco-plan-private-detail06 .bnr{
		width:86%;
		margin:5vw auto 0;
	}
	
	.content-eco-plan-private-detail06 .bnr img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-plan-private-detail06 .btn{
		width:61%;
		margin:8vw auto 0;
	}
	
	.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn{
		width:66%;
		margin:8vw auto 0;
	}
	
	.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn li{
		width:100%;
		float:none;	
	}
	
	.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn li img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-plan-private-detail06 .content-eco-plan-private-detail06-btn li:last-child{
		float:none;
		margin-top:4vw;	
	}
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 .content-eco-plan-private-detail04-inner1{
	border-color: #00a0e9;
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 .content-eco-plan-private-detail04-inner1 h4{
	color:#00a0e9;	
}


.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 > ul > li{
	background:#e5f5fd;
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2  >  ul > li:before{
	background:url(/ep/eco/images/plan/private/detail-icon01-2.png) no-repeat left top;
}	

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 >  ul > li:last-child:before{
	background:url(/ep/eco/images/plan/private/detail-icon02-2.png) no-repeat left top;	
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 > ul li h4{
	color:#00a0e9;
	border-bottom:solid 2px #00a0e9;	
}


.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 ul > li .tel-area .span01{
	color:#00a0e9;
	
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 ul > li .tel-area .span02{
	background:#00a0e9;
}

.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 ul > li .tel-area .span03{
	color:#00a0e9;
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2  >  ul > li:before{
		background:url(/ep/eco/images/plan/private/detail-icon01-2.png) no-repeat left top;
		background-size:cover;
		width:17vw;
		height:17vw;
	}	
	
	.content-eco-plan-private-detail04.content-eco-plan-private-detail04-2 >  ul > li:last-child:before{
		background:url(/ep/eco/images/plan/private/detail-icon02-2.png) no-repeat left top;	
		background-size:cover;
		width:17vw;
		height:17vw;
	}
}

/* ご加入者特典
------------------------------------------------------------*/

.content-eco-special01{
	background:#e9f8f8;
	padding:70px 0 90px;
	margin-top:75px;
}

.content-eco-special01 .txt01{
	text-align:center;	
	font-size: 150%;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: center;
	font-weight:bold;
}

.content-eco-special01 .txt01.big{
	font-size:200%;
	margin-bottom:60px;	
}

.content-eco-special01 .txt01 .min{
	font-size:78%;
    display:block;
    line-height:1.6;
}

.content-eco-special01 .btn01{
	text-align:center;
	margin:66px auto 0;
	width:420px;
	
}

.content-eco-special01 .btn01 a{
	display:inline-block;
	font-weight:bold;	
	position:relative;
	color:#00a0e9;
	font-size:150%;
	text-decoration:underline;
}

.content-eco-special01 .btn01 a:hover{
	text-decoration:none;	
}

.content-eco-special01 .btn01 a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/special/icon-btm.png) no-repeat left top;
	width:14px;
	height:9px;
	position:relative;
	top:-1px;
	left:8px;
	z-index:10;
}

.content-eco-special01 .btn01 a:hover:after{
	transition: all 0.4s;
	top:4px;	
}

.content-eco-special01 .image{
	width:1120px;
	margin:80px auto 0;
	position:relative;	
}

.content-eco-special01 .image.image2{
	margin-top:80px;
	padding-top:80px;
	border-top:solid 1px #26b7bc;	
}

.content-eco-special01 .image .ttl.min{
	width:360px;	
}

.content-eco-special01 .image .ttl p{
	font-size: 134%;
	color: #000000;
	font-weight:bold;
	margin-top:8px;
}

@media all and (-ms-high-contrast:none){
	.content-eco-special01 .image .ttl p{
		margin-top:5px;
	}	
}

.content-eco-special01 .detail{
	width:1120px;
	margin:60px auto 0;
	background:#FFF;
	padding:30px 0;
}

.content-eco-special01 .detail table{
	width:970px;
	margin:0 auto;	
}

.content-eco-special01 .detail table th,
.content-eco-special01 .detail table td{
	padding:23px 0 21px 30px;	
	font-size:125%;
	color:#000;
	border-bottom:solid 1px #dcdcdc;
	vertical-align:top;
	line-height: 2;
}

.content-eco-special01 .detail table tr:last-child th,
.content-eco-special01 .detail table tr:last-child td{
	border-bottom:none;
}

.content-eco-special01 .detail table tr.bd:last-child th,
.content-eco-special01 .detail table tr.bd:last-child td{
	border-bottom:solid 1px #dcdcdc;
}

.content-eco-special01 .detail table td ul li{
	padding-left:1em;
	text-indent:-1em;
}

.content-eco-special01 .detail table td ul li.indent_no{
	padding-left:0em;
	text-indent:-0em;
}

.content-eco-special01 .detail table td ul.min li{
	font-size:92%;	
}

.content-eco-special01 .detail table td a{
	/*color:#26B7BC;*/
	text-decoration:underline;
}

.content-eco-special01 .detail table td a:hover{
	text-decoration:none;	
}

.content-eco-special01 .detail table td a.download{
	display:inline-block;
	position:relative;	
}

.content-eco-special01 .detail table td a.download:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/special/icon-download.png) no-repeat left top;
	width:16px;
	height:13px;
	left:10px;
	top:0px;
	position:relative;
}

.content-eco-special01 .detail table td span{
	display:block;
	margin:5px 0;
	font-size:93%;
	font-weight:bold;
	color:#26B7BC;
	font-weight:bold;
}


.content-eco-special01 .detail table th{
	width:230px;	
}

.content-eco-special01 .detail .w-btn{
	border: 6px #00A0E9 solid;
	display: inline-block;
	border-radius: 7px;
	position: relative;
}

.content-eco-special01 .detail .red{
	border: 6px red solid;
}
.content-eco-special01 .detail .red a:before{
	display: none;
}
#content-body-wrapper .content-eco-special01 .detail .red p{
	color: #000;
}

.content-eco-special01 .detail .w-btn a{
	display: block;
	text-decoration: none;
}

.content-eco-special01 .detail .w-btn p{
	color: #00A0E9;
}

.content-eco-special01 .detail .w-btn.tour{
	margin-top: 10px;
}

.content-eco-special01 .detail .w-btn.app{
	margin-left: 30px;
}

.content-eco-special01 .detail .w-btn.app a{
	width: 10em;
}

.content-eco-special01 .detail .w-btn.tour a{
	width: 15em;
}

.content-eco-special01 .detail .w-btn.app p{
	text-align: center;
}

.content-eco-special01 .detail .w-btn.tour p{
	text-align: center;
}

/*.content-eco-special01 .detail .w-btn a:before{
	content: '';
	background-image: url(/ep/eco/images/special/w-btn-before.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 13px;
	position: absolute;
	color: #00A0E9;
	transition: all 0.4s;
}*/

.content-eco-special01 .detail .w-btn a:hover:before{
	content: '';
	background-image: url(/ep/eco/images/special/w-btn-before.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 13px;
	position: absolute;
}

.content-eco-special01 .detail .w-btn.tour a:before{
	top: 9px;
	right: 10px;
}

.content-eco-special01 .detail .w-btn.tour a:hover:before{
	right: 6px;
}

.content-eco-special01 .detail .w-btn.app a:before{
	top: 9px;
	right: 6px;
}

.content-eco-special01 .detail .w-btn.app a:hover:before{
	right: 2px;
}

.content-eco-special01 .detail .flex{
	display: flex;
	justify-content: flex-start;
}

.content-eco-special01 .detail .flex .w-btn.app{
	height: 2em;
}

.content-eco-special01 .detail .flex.timing .w-btn.app{
	margin-top: 10px;
}

.content-eco-special02{
	margin-top:100px;	
}

.content-eco-special02 h3{
	text-align:center;	
}

.content-eco-special02 .inner{
	width:1120px;
	margin:60px auto 0;
	background:#e8f4fb;
	padding:60px 0;	
}

.content-eco-special02 .inner h4{
	text-align:center;
	color:#1c96d4;
	font-size:266%;	
}

.content-eco-special02 .inner p{
	color:#000000;
	text-align:center;
	font-size:134%;
	margin-top:21px;	
}

.content-eco-special02 .inner .image{
	text-align:center;
	margin-top:31px;	
}

.content-eco-special02 .inner .btn{
	text-align:center;
	margin-top:50px;	
}

.content-eco-special01 .detail .btn{
	text-align:center;
	margin-top:40px;	
}

@media screen and (max-width: 768px) {
	.special-main-ttl{
		width:49% !important;
		margin-left:auto;
		margin-right:auto;	
	}
	.content-eco-special01{
		margin-top:12vw;
		padding:9vw 0;
	}
	
	.content-eco-special01 .txt01{
		font-size: 3.7vw;
		line-height: 1.714;			
	}
	
	.content-eco-special01 .txt01.big{
		font-size:5vw;
		margin-bottom:6vw;	
	}
	
	.content-eco-special01 .txt01 .min{
		font-size:3.2vw;	
	}
	
	.content-eco-special01 .btn01{
		text-align:center;
		margin:6.5vw auto 0;
		width:76%;
	}
	
	.content-eco-special01 .btn01 a:before{
		display:none;	
	}
	
	.content-eco-special01 .btn01 a{
		font-size:4.2vw;	
	}
	
	.content-eco-special01 .btn01 a:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/special/icon-btm.png) no-repeat left top;
		background-size:100% auto;
		width:4vw;
		height:3vw;
		position:relative;
		top:0.7vw;
		left:2vw;
		z-index:10;
	}
	
	.content-eco-special01 .btn01 a:hover:after{
		transition: all 0.4s;
		top:0.7vw;	
	}

	
	.content-eco-special01 .image{
		width:86%;
		margin:8vw auto 0;
	}
	
	.content-eco-special01 .image.image2{
		margin-top:8vw;
		padding-top:8vw;
		border-top:solid 1px #26b7bc;	
	}

	.content-eco-special01 .image .ttl.min{
		width:61%;	
	}
		
	.content-eco-special01 .image .ttl p{
		font-size: 3.2vw;
		margin-top:1.5vw;
	}
	
	.content-eco-special01 .detail{
		width: 86%;
		margin: 7vw auto 0;
		background: #FFF;
		padding: 0 0 3vw;
	}
	
	.content-eco-special01 .detail table{
		width:100%;
		margin:0 auto;	
	}
	
	.content-eco-special01 .detail table th,
	.content-eco-special01 .detail table td{
		padding:3.5vw 0vw 3.5vw ;	
		font-size:3.7vw;
		color:#000;
		border-bottom:solid 1px #dcdcdc;
		vertical-align:top;
		line-height: 2;
		display:block;
		width:87% !important;
		margin:0 auto;
		text-align:left;
	}
	
	.content-eco-special01 .detail table td ul.min li{
		font-size:3.4vw;	
	}
	
	.content-eco-special01 .detail table th{
		border-bottom:none;
		padding-bottom:0vw;
		
	}
	
	.content-eco-special01 .detail table td{
		padding-top:0vw;	
		word-break:break-all;
	}
	
	.content-eco-special01 .detail table tr:last-child th,
	.content-eco-special01 .detail table tr:last-child td{
		border-bottom:none;
	}
	
	.content-eco-special01 .detail table td ul li{
		padding-left:1em;
		text-indent:-1em;
	}
	
	.content-eco-special01 .detail table td a{
		/*color:#26B7BC;*/
		text-decoration:underline;
	}
	
	.content-eco-special01 .detail table td a:hover{
		text-decoration:none;	
	}
	
	.content-eco-special01 .detail table td a.download{
		display:inline-block;
		position:relative;	
	}
	
	.content-eco-special01 .detail table td a.download:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/special/icon-download.png) no-repeat left top;
		background-size:100% auto;
		width:4vw;
		height:4vw;
		left:1.5vw;
		top:0.5vw;
		position:relative;
	}
	
	.content-eco-special01 .detail table td span{
		display:block;
		margin:5px 0;
		font-size:93%;
		font-weight:bold;
		color:#26B7BC;
		font-weight:bold;
	}
	
	
	.content-eco-special01 .detail table th{
		width:230px;	
	}

	.content-eco-special01 .detail .flex{
		display: block;
	}

	.content-eco-special01 .detail .flex .w-btn.app{
		margin: 0.5em 0 0 0;
	}

	.content-eco-special01 .detail tr .flex{
		display: flex;
		flex-flow: column;
	}

	.content-eco-special01 .detail tr .flex .w-btn.app{
		width: 9em;
	}

	.content-eco-special01 .detail tr .flex .w-btn.app p{
		text-align: left;
		margin-left: 1em;
	}
	
	.content-eco-special02{
		margin-top:12vw;	
	}
	
	.content-eco-special02 h3{
		width:29%;
		margin:0 auto;
		text-align:center;	
	}
	
	.content-eco-special02 .inner{
		width:86%;
		margin-top:8vw;
		padding:8vw 0;
	}
	
	.content-eco-special02 .inner h4{
		text-align:center;
		color:#1c96d4;
		font-size:5.3vw;	
	}
	
	.content-eco-special02 .inner p{
		color:#000000;
		text-align:left;
		font-size:4vw;
		margin:3vw auto 0;
		width:87%;	
	}
	
	.content-eco-special02 .inner .image{
		text-align:center;
		margin:3vw auto 0;
		width:87%;
	}
	
	.content-eco-special02 .inner .btn{
		text-align:center;
		margin:5.5vw auto 0;
		width:70%;
	}
	
	.content-eco-special01 .detail .btn {
		width: 87%;
		text-align: center;
		margin: 5vw auto	
	}
	
}

/* TEPCOグリーン+ガス
------------------------------------------------------------*/

.content-eco-plan-green-gas01{
	width:1120px;
	margin:0 auto;
	background:#e8f4fb;
	padding:60px 0;	
	margin-top:100px;
}

.content-eco-plan-green-gas01 h2,
.content-eco-plan-green-gas02 h3,
.content-eco-plan-green-gas03 h3{
	text-align:center;	
}

.content-eco-plan-green-gas01 ul{
	width:960px;
	margin:60px auto 0;
}

.content-eco-plan-green-gas01 ul li{
	width:280px;
	float:left;
	margin-right:60px;	
}

.content-eco-plan-green-gas01 ul li:last-child{
	margin-right:0;	
}

.content-eco-plan-green-gas01 ul li p{
	margin-top:20px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;
}

.content-eco-plan-green-gas01 .caution{
	margin:25px auto 0;
	font-size:109%;
	color:#000;	
	width:960px;
	text-align:left;
}

.content-eco-plan-green-gas02{
	margin-top:100px;
	background:#e8f4fb;
	padding:80px 0;	
}

.content-eco-plan-green-gas02 .image{
	text-align:center;
	margin-top:60px;	
}

.content-eco-plan-green-gas03{
	margin-top:80px;	
}

.content-eco-plan-green-gas03 p{
	text-align:center;
	margin-top:27px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;
}

.gus-ttl{
	margin-top:0 !important;	
}

.btn-gas{
	text-align:center;
	margin-top:70px;	
}

.btn-gas a{
	display:inline-block;
	position:relative;	
}

.btn-gas a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	left:15px;
	top:27px;
	transition: all 0.4s;
	transform:rotateY(180deg);
}

.btn-gas a:hover:after{
	left:10px;	
}

@media screen and (max-width: 768px) {
	
	.gus-ttl{
		width:70% !important;
		margin:0 auto;	
	}
	
	.content-eco-plan-green-gas01{
		width:86%;
		margin:0 auto;
		background:#e8f4fb;
		margin:12vw auto 0;
		padding:8vw 0;
	}
	
	.content-eco-plan-green-gas01 h2,
	.content-eco-plan-green-gas02 h3,
	.content-eco-plan-green-gas03 h3{
		text-align:center;	
	}
	
	.content-eco-plan-green-gas01 h2{
		width:41%;
		margin:0 auto;	
	}
	
	.content-eco-plan-green-gas01 ul{
		width:86%;
		margin:5vw auto 0;
	}
	
	.content-eco-plan-green-gas01 ul li{
		width:100%;
		float:none;
		margin-right:0px;
		margin-bottom:5vw;	
		text-align:center;
	}
	
	.content-eco-plan-green-gas01 ul li img{
		width:55%;
		margin:0 auto;	
	}
	
	.content-eco-plan-green-gas01 ul li:last-child{
		margin-right:0;	
	}
	
	.content-eco-plan-green-gas01 ul li p{
		margin-top:3vw;
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 2;
		text-align:left;
	}
	
	.content-eco-plan-green-gas01 .caution{
		margin:0 auto 0;
		font-size:2.9vw;
		color:#000;	
		width:86%;
	}
	
	.content-eco-plan-green-gas01 .caution span{
		display:block;
		padding-left:1.9em;
		text-indent:-1.9em;
	}
	
	.content-eco-plan-green-gas02{
		margin-top:12vw;
		background:#e8f4fb;
		padding:12vw 0;	
	}
	
	.content-eco-plan-green-gas02 h3{
		width:70%;
		margin:0 auto;	
	}
	
	.content-eco-plan-green-gas02 .image{
		width:86%;
		text-align:center;
		margin:7vw auto 0;	
	}
	
	.content-eco-plan-green-gas03{
		margin-top:10vw;	
	}
	
	.content-eco-plan-green-gas03 h3{
		width:33%;
		margin:0 auto;	
	}
	
	.content-eco-plan-green-gas03 p{
		text-align:left;
		margin:5vw auto 0;
		width:86%;
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 2;
	}
	
	.btn-gas{
		text-align:center;
		margin:8vw auto 0;
		width:69%;	
	}
	
	
	.btn-gas a:after{
		content:"";
		display:none;
	}
}

/* フロン排出抑制法対応支援サービスページ
------------------------------------------------------------*/

.content-eco-plan-service01{
	margin-top:90px;
	background:#e8f4fb;	
	padding:80px 0;
}

.content-eco-plan-service01 > ul{
	width:1120px;
	margin:60px auto 0;	
}

.content-eco-plan-service01 > ul li{
	 width:260px;
	 float:left;
	 margin-right:26px;	
	 background:#FFF;
	 height:180px;
}

.content-eco-plan-service01 > ul li:last-child{
	margin-right:0;
	text-align:center;	
}

.content-eco-plan-service01 > ul li .ttl{
	text-align:center;
	font-size:167%;
	color:#FFF;
	font-weight:bold;
	background:url(/ep/eco/images/plan/corporate/service-bg01.png) no-repeat left top;
	background-size:cover;
	padding:15px 0 13px;	
}

.content-eco-plan-service01 > ul li .txt{
	margin-top:35px;
	font-size: 125%;
	text-align:center;
	color: rgb(0, 0, 0);
	line-height: 1.733;
}

.content-eco-plan-service01 > ul li:last-child .txt,
.content-eco-plan-service01 > ul li .txt.long{
	margin-top:21px;	
}

.content-eco-plan-service01 .caution{
	width:1120px;
	margin:25px auto 0;	
	font-size: 109%;
	color: rgb(0, 0, 0);
	text-align:left;
}

.content-eco-plan-service01 .inner{
	background:#FFF;
	width:1120px;
	margin:50px auto 0;	
	padding:60px 0 55px;
	text-align:center;
}

.content-eco-plan-service01 .inner h4{
	font-size:250%;
	letter-spacing:3px;
	color:#1c96d4;
	text-align:center;
	position:relative;
	display:inline-block;	
}

.content-eco-plan-service01 .inner h4:before,
.content-eco-plan-service01 .inner h4:after{
	content:"";	
	display:inline-block;
	background:url(/ep/eco/images/plan/corporate/service-icon01.png) no-repeat left top;
	width:12px;
	height:39px;
	position:absolute;
	left:-38px;
	top:4px;
}



.content-eco-plan-service01 .inner h4.icon-none:before,
.content-eco-plan-service01 .inner h4.icon-none:after{
	display:none;
}

.content-eco-plan-service01 .inner h4:after{
	position:absolute;
	left:auto;
	right:-33px;
	top:2px;
	transform:rotate(180deg);
}

@media all and (-ms-high-contrast:none){
	.content-eco-plan-service01 .inner h4:before,
	.content-eco-plan-service01 .inner h4:after{
		top:-1px;
	}	
}

.content-eco-plan-service01 .inner .txt01{
	text-align:center;
	margin-top:40px;
	font-weight:bold;
	color:#000;
	font-size:150%;	
}

.content-eco-plan-service01 .inner .txt02{
	text-align:center;
	margin-top:13px;
	color:#000;
	font-size:109%;	
}

.content-eco-plan-service01 .inner ul{
	text-align:center;
	margin-top:45px;
}

.content-eco-plan-service01 .inner ul li{
	display:inline-block;
	margin-right:50px;	
}

.content-eco-plan-service01 .inner ul li:last-child{
	margin-right:0;	
}

.content-eco-plan-service01 .inner ul li p{
	text-align:center;
	margin-top:20px;
	font-size:134%;
	color:#000;	
}

.content-eco-plan-service02{
	margin:80px 0 0	;
	position:relative;
}

.content-eco-plan-service02 > ul{
	margin:50px auto 0;
	width:840px;
	position:relative;
}



.content-eco-plan-service02 > ul li{
	width:180px;
	margin-right:40px;
	float:left;
}

.content-eco-plan-service02 > ul li:last-child{
	margin-right:0;	
}

.content-eco-plan-service02 p{
	margin-top:120px;
	text-align:center;
	font-size: 150%;
	color: rgb(0, 0, 0);
	line-height: 2;
	font-weight:bold;
}

.content-eco-plan-service01 .inner .image{
	margin-top:55px;	
}

.content-eco-plan-service03{
	width:800px;
	margin:80px auto 0;	
}

.content-eco-plan-service03 .inner{
	background:#e8f4fb;
	position:relative;
	padding:0px 0 40px;
	text-align:center;
}	

.content-eco-plan-service03 .inner p{
	font-size:184%;
	color:#1c96d4;
	font-weight:bold;
	position:absolute;
	top:90px;
	left:120px;	
}


.content-eco-plan-service03 .inner .txt02{
	left:485px;	
}

.content-eco-plan-service03 .inner .image{
	padding-top:90px;	
}

.content-eco-plan-service03 ul{
	width:800px;
	margin:20px auto 0;	
}

.content-eco-plan-service03 ul li{
	font-size: 109%;
	color: rgb(0, 0, 0);
	line-height: 2;
	padding-left:1.9em;
	text-indent:-1.9em;
	text-align:left;
}

.content-eco-plan-service01 .image-btm{
	text-align:center;
	margin-top:50px;	
}

.content-eco-plan-service04{
	margin-top:80px;	
}

.content-eco-plan-service04 ul{
	width:1120px;
	margin:70px auto 0;	
}

.content-eco-plan-service04 ul li{
	width:260px;
	float:left;
	margin-right:26px;	
	background:#FFF;
	text-align:center;
	box-sizing:border-box;
	height:180px;
	border-radius: 18px;
	background-color: rgb(232, 244, 251);	
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 1.875; 
	position:relative;
	padding-top:55px;
	box-sizing:border-box;
}

.content-eco-plan-service04 ul li:last-child{
	margin-right:0;
}

.content-eco-plan-service04 ul li:before{	
	content:"";
	display:block;
	background:url(/ep/eco/images/plan/corporate/service-no01.png) no-repeat left top;
	width:44px;
	height:46px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-25px;
}

.content-eco-plan-service04 ul li:nth-child(3){
	padding-top:65px;	
}

.content-eco-plan-service04 ul li:nth-child(2):before{
	background:url(/ep/eco/images/plan/corporate/service-no02.png) no-repeat left top;
	width:51px;
}
.content-eco-plan-service04 ul li:nth-child(3):before{
	background:url(/ep/eco/images/plan/corporate/service-no03.png) no-repeat left top;
	width:52px;
}
.content-eco-plan-service04 ul li:nth-child(4):before{
	background:url(/ep/eco/images/plan/corporate/service-no04.png) no-repeat left top;
	width:53px;
}

.content-eco-plan-service04 .btn{
	text-align:center;
	margin-top:80px;
}

@media screen and (max-width: 768px) {
	
	.service-ttl01{
		width:57% !important;	
	}
	.content-eco-plan-service01{
		width:100%;
		margin-top:10vw;
		padding:10vw 0;
	}
	
	.content-eco-plan-service01 h3,
	.content-eco-plan-service01 h2{
		width:80%;
		margin:0 auto;	
	}
	
	.content-eco-plan-service01 h3.ttl02{
		width:28%;	
	}
	
	.content-eco-plan-service01 h3.ttl07{
		width:61%;	
	}
	
	.content-eco-sub-main.news h1{
		width:58%;
		margin:0 auto;	
	}
	
	.content-eco-plan-service01 > ul{
		width:74%;
		margin:6.5vw auto 0;	
	}
	
	.content-eco-plan-service01 > ul li{
		 width:100%;
		 float:none;
		 margin-right:0;	
		 height:auto;
		 margin-bottom:5vw;
	}
	
	.content-eco-plan-service01 > ul li:last-child{
		margin-right:0;
		margin-bottom:0vw;
		text-align:center;	
	}
	
	.content-eco-plan-service01 > ul li .ttl{
		font-size:4.2vw;
		padding:2vw 0 1.5vw;	
	}
	
	.content-eco-plan-service01 > ul li .txt{
		margin-top:0;
		padding:3.5vw 0;
		font-size: 3.7vw;
		line-height: 2;
	}
	
	.content-eco-plan-service01 > ul li:last-child .txt,
	.content-eco-plan-service01 > ul li .txt.long{
		margin-top:0px;	
	}
	
	.content-eco-plan-service01 .caution{
		width:86%;
		margin:5vw auto 0;	
		font-size: 2.9vw;
	}
	
	.content-eco-plan-service01 .caution span,
	.content-eco-plan-service01 .inner .txt02 span{
		display:block;
		padding-left:1em;
		text-indent:-1em;	
	}
	
	.content-eco-plan-service01 .inner{
		width:86%;
		margin:8vw auto 0;	
		padding:8vw 0 ;
	}
	
	.content-eco-plan-service01 .inner h4{
		font-size:5.2vw;
		letter-spacing:3px;
	}
	
	.content-eco-plan-service01 .inner h4.service-ttl05{
		width:58%;
		margin:0 auto;	
	}
	
	.content-eco-plan-service01 .inner h4:before,
	.content-eco-plan-service01 .inner h4:after{
		content:"";	
		display:inline-block;
		background:url(/ep/eco/images/plan/corporate/service-icon01.png) no-repeat left top;
		background-size:100% auto;
		width:2.5vw;
		height:8vw;
		position:absolute;
		left:-6vw;
		top:0vw;
	}
	
	.content-eco-plan-service01 .inner h4.icon-none:before,
	.content-eco-plan-service01 .inner h4.icon-none:after{
		display:none;
	}
	
	.content-eco-plan-service01 .inner h4:after{
		position:absolute;
		left:auto;
		right:-4vw;
		top:0vw;
		transform:rotate(180deg);
	}
	
	.content-eco-plan-service01 .inner .txt01{
		text-align:center;
		margin-top:5vw;
		font-size:4vw;	
	}
	
	.content-eco-plan-service01 .inner .txt02{
		text-align:center;
		margin:4vw auto 0;
		text-align:left;
		font-size:2.9vw;
		width:87%;
	}
	
	.content-eco-plan-service01 .inner ul{
		text-align:center;
		margin-top:8vw;
	}
	
	.content-eco-plan-service01 .inner ul li{
		display:block;
		margin-right:0px;	
	}
	
	.content-eco-plan-service01 .inner ul li:nth-child(1){
		width:100%;	
	}
	
	.content-eco-plan-service01 .inner ul li:nth-child(2){
		width:35%;
		float:left;
		margin-top:5vw;
		margin-left:13%;
	}
	
	.content-eco-plan-service01 .inner ul li:nth-child(2) img,
	.content-eco-plan-service01 .inner ul li:nth-child(3) img{
		width:auto;
		height:20vw;	
	}
	
	.content-eco-plan-service01 .inner ul li:nth-child(3){
		width:35%;
		float:left;	
		margin-left:6%;
		margin-top:5vw;
	}
	
	.content-eco-plan-service01 .inner ul li:nth-child(1) img{
		width:58%;	
	}
	
	.content-eco-plan-service01 .inner ul li:last-child{
		margin-right:0;	
	}
	
	.content-eco-plan-service01 .inner ul li p{
		text-align:center;
		margin-top:2vw;
		font-size:3.4vw;
	}
	
	.content-eco-plan-service02{
		margin:10vw 0 0	;
	}
	
	.content-eco-plan-service02 h3{
		width:48%;
		margin:0 auto;	
	}
	
	.content-eco-plan-service02 > ul{
		margin:5vw auto 0;
		width:86%;
		position:relative;
	}
	
	
	
	.content-eco-plan-service02 >  ul li{
		width:47%;
		margin-right:0px;
		float:left;
		margin-bottom:3vw;
	}
	
	.content-eco-plan-service02 > ul li:nth-child(2n){
		float:right;	
	}
	
	.content-eco-plan-service02 > ul li:last-child{
		margin-right:0;	
	}
	
	.content-eco-plan-service02 p{
		margin-top:15vw;
		text-align:center;
		font-size: 4vw;
		color: rgb(0, 0, 0);
		line-height: 2;
		font-weight:bold;
	}
	
	.content-eco-plan-service01 .inner .image{
 		margin:8vw auto 0;	
		width:60%;
		
	}
	
	.content-eco-plan-service03{
		width:86%;
		margin:8vw auto 0;	
	}
	
	.content-eco-plan-service03 .inner{
		background:#e8f4fb;
		position:relative;
		padding:0px 0 8vw;
		text-align:center;
	}	
	
	.content-eco-plan-service03 .inner p{
		font-size:4vw;
		position:absolute;
		top:13.9vw;
		left:0%;	
		width:100%;
		text-align:center;
	}
	
	
	.content-eco-plan-service03 .inner p.txt02{
		left:0%;	
		left:0vw;	
		top:72.5vw;
	}
	
	.content-eco-plan-service03 .inner .image{
		padding-top:12vw;
		width:66%;
		margin:0 auto;
	}
	
	.content-eco-plan-service03 ul{
		width:100%;
		margin:3vw auto 0;	
	}
	
	.content-eco-plan-service03 ul li{
		font-size: 2.9vw;
	}
	
	.content-eco-plan-service01 .image-btm{
		text-align:center;
		margin:8vw auto 0;
		width:86%;
		
	}
	
	.content-eco-plan-service04{
		margin-top:10vw;	
	}
	
	.content-eco-plan-service04 h3{
		width:61%;
		margin:0 auto;	
	}
	
	.content-eco-plan-service04 ul{
		width:74%;
		margin:15vw auto 0;	
	}
	
	.content-eco-plan-service04 ul li{
		width:100%;
		float:none;
		margin-right:0;	
		height:auto;
		border-radius: 8px;
		background-color: rgb(232, 244, 251);	
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 1.875; 
		position:relative;
		padding:7.7vw 0 5vw;
		box-sizing:border-box;
		margin-bottom:11vw;
	}
	
	.content-eco-plan-service04 ul li:last-child{
		margin-right:0;
	}
	
	.content-eco-plan-service04 ul li:before{	
		content:"";
		display:block;
		background:url(/ep/eco/images/plan/corporate/service-no01.png) no-repeat left top;
		background-size: auto 100%;
		width:10vw;
		height:10vw;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:-5vw;
	}
	
	.content-eco-plan-service04 ul li:nth-child(3){
		padding-top:7.7vw;	
	}
	
	.content-eco-plan-service04 ul li:nth-child(2):before{
		background:url(/ep/eco/images/plan/corporate/service-no02.png) no-repeat left top;
		background-size: auto 100%;
		width:11vw;
		height:10vw;
	}
	.content-eco-plan-service04 ul li:nth-child(3):before{
		background:url(/ep/eco/images/plan/corporate/service-no03.png) no-repeat left top;
		background-size: auto 100%;
		width:11vw;
		height:10vw;
	}
	.content-eco-plan-service04 ul li:nth-child(4):before{
		background:url(/ep/eco/images/plan/corporate/service-no04.png) no-repeat left top;
		background-size: auto 100%;
		width:11vw;
		height:10vw;
	}
	
	.content-eco-plan-service04 .btn{
		text-align:center;
		margin:0vw auto 0;
		width:69%;
	}

}


/* 法人 （大口契約）向けプランページ
------------------------------------------------------------*/

.content-eco-corporate-index01{
	width:1120px;
	margin:90px auto 0;
	padding:60px 0;
	background:#e8f4fb;
}

.content-eco-corporate-index01 ul{
	margin-top:60px;
	text-align:center;	
}

.content-eco-corporate-index01 ul li{
	display:inline-block;
	margin-right:40px;
	width:220px;
	vertical-align:top;
	text-align:left;
}

.content-eco-corporate-index01 ul li:last-child{
	margin-right:0;	
}

.content-eco-corporate-index01 ul li p{
	margin-top:18px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;
}

.content-eco-corporate-index01 ul.caution{
	width:1000px;
	margin:35px auto 0;
	
	color: rgb(0, 0, 0);	
}

.content-eco-corporate-index01 ul.caution li{
	margin:0;
	width:100%;	
	font-size: 109%;
}

.content-eco-corporate-index02{
	padding:100px 0 95px;	
}

.content-eco-corporate-index02 p{
	margin-top:28px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: center;
}

.content-eco-corporate-index03{
	background:#e8f4fb;
	padding:80px 0;	
}

.content-eco-corporate-index03 .inner{
	width:1120px;
	margin:60px auto 0;	
	text-align:center;
}

.content-eco-corporate-index03 .inner .inner-l{
	width:540px;
	float:left;
	background:#FFF;	
	padding-bottom:55px;
}
.content-eco-corporate-index03 .inner .inner-r{
	width:540px;
	float:right;
	background:#FFF;	
	padding-bottom:55px;
}

.content-eco-corporate-index03 .inner h4{
	font-size:200%;
	padding-top:55px;
	color:#000000;
	display:inline-block;
	border-bottom:solid 2px #1c96d4;
}

.content-eco-corporate-index03 .inner ul{
	width:460px;
	margin:45px auto 0;	
}

.content-eco-corporate-index03 .inner ul li{
	width:215px;
	float:left;	
}

.content-eco-corporate-index03 .inner .inner-r ul li:nth-child(1) p{
	margin-top:28px;
}

.content-eco-corporate-index03 .inner ul li:last-child{
	width:215px;
	float:right;	
}

.content-eco-corporate-index03 .inner ul li p{
	margin-top:13px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;		
}

.content-eco-corporate-index03 .inner ul li p span{
	font-size:86%;	
}

.content-eco-corporate-index04{
	margin-top:100px;	
}

.content-eco-corporate-index04 .inner1{
	width:1120px;
	margin:80px auto 0;
	position:relative;
}

.content-eco-corporate-index04 .txt{
	background:#e8f4fb;
	width:720px;
	box-sizing:border-box;
	padding:35px 50px 45px;
	position:absolute;
	left:400px;
	top:120px;	
	text-align:left;
}

.content-eco-corporate-index04 .txt h4{
	font-size: 167%;
	color: rgb(28, 150, 212);
	font-weight: bold;
	line-height: 1.8;		
}

.content-eco-corporate-index04 .txt p{
	margin-top:16px;
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 1.6;
}

.content-eco-corporate-index04 .image{
	text-align:left;	
}

.content-eco-corporate-index04 .image p{
	margin-top:4px;
	font-size: 109%;
	color: rgb(0, 0, 0);
}

.content-eco-corporate-index04 .inner2{
	width:1120px;
	margin:50px auto 240px;
	position:relative;
}

.content-eco-corporate-index04 .inner2 .image{
	width:700px;
	float:right;	
}

.content-eco-corporate-index04 .inner2 .image p{
	text-align:center;
	position:relative;	
}

.content-eco-corporate-index04 .inner2 .image p span{
	position:absolute;
	text-align:right;
	width:100%;
	left:0;	
}

.content-eco-corporate-index04 .inner2 .txt{
	width:460px;
	left:0;
	top:100px;
}

@media screen and (max-width: 768px) {
	
	.corporate-index-ttl01-2{
		width:74% !important;
		margin:0 auto;	
	}
	
	.content-eco-corporate-index01{
		width:86%;
		margin:8vw auto 0;
		padding:12vw 0;
	}
	
	.content-eco-corporate-index01 ul{
		margin:5vw auto 0;
		width:86%;
		text-align:center;	
	}
	
	.content-eco-corporate-index01 ul li{
		display:block;
		margin-right:0px;
		width:100%;
		vertical-align:top;
		text-align:center;
		margin-bottom:7vw;
	}
	
	.content-eco-corporate-index01 ul li img{
		width:66%;	
	}
	
	.content-eco-corporate-index01 ul li:last-child{
		margin-right:0;	
		margin-bottom:0;
	}
	
	.content-eco-corporate-index01 h3{
		width:43%;
		margin:0 auto;
	}
	
	.content-eco-corporate-index01 ul li p{
		margin-top:3vw;
		font-size: 3.7vw;
		text-align:left;
	}
	
	.content-eco-corporate-index01 ul.caution{
		
		margin:5vw auto 0;
		width:86%;	
	}
	
	.content-eco-corporate-index01 ul.caution li{
		padding-left:1em;
		text-indent:-1em;
		text-align:left;
		font-size: 2.9vw;
	}
	
	.content-eco-corporate-index02{
		padding:12vw 0 11vw;	
	}
	
	.content-eco-corporate-index02 h3{
		width:33%;
		margin:0 auto;	
	}
	
	.content-eco-corporate-index02 p{
		margin:5vw auto 0;
		width:86%;
		font-size: 3.7vw;
		line-height: 2;
		color:#000;
		text-align: left;
		line-height: 1.714;
	}
	
	.content-eco-corporate-index03{
		padding:12vw 0;	
	}
	
	.content-eco-corporate-index03 h3{
		width:77%;
		margin:0 auto;
	}
	
	.content-eco-corporate-index03 .inner{
		width:86%;
		margin:8vw auto 0;	
	}
	
	.content-eco-corporate-index03 .inner .inner-l{
		width:100%;
		float:none;
		padding-bottom:8vw;
	}
	.content-eco-corporate-index03 .inner .inner-r{
		width:100%;
		float:none;
		background:#FFF;	
		padding-bottom:8vw;
		margin-top:6vw;
	}
	
	.content-eco-corporate-index03 .inner h4{
		font-size:4.8vw;
		padding-top:8vw;
	}
	
	.content-eco-corporate-index03 .inner ul{
		width:87%;
		margin:6vw auto 0;	
	}
	
	.content-eco-corporate-index03 .inner ul li{
		width:45%;
		float:left;	
	}
	
	.content-eco-corporate-index03 .inner .inner-r ul li:nth-child(1) p{
		margin-top:4vw;
	}
	
	.content-eco-corporate-index03 .inner ul li:last-child{
		width:45%;
		float:right;	
	}
	
	.content-eco-corporate-index03 .inner ul li p{
		margin-top:4vw;
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 1.714;
	}
	
	.content-eco-corporate-index03 .inner ul li p span{
		font-size: 3.7vw;
	}
	
	.content-eco-corporate-index04{
		margin-top:10vw;	
	}
	
	.content-eco-corporate-index04 h3{
		width:38%;
		margin:0 auto;	
	}
	
	.content-eco-corporate-index04 .inner1{
		width:86%;
		margin:6vw auto 0;
		position:relative;
	}
	
	.content-eco-corporate-index04 .inner1 .image{
		width:73%;
		margin:0 auto;	
	}
	
	.content-eco-corporate-index04 .txt{
		background:#e8f4fb;
		width:100%;
		box-sizing:border-box;
		padding:6vw 5vw;
		position:relative;
		left:auto;
		top:auto;	
		margin-top:3vw;
	}
	
	.content-eco-corporate-index04 .txt h4{
		font-size: 4.8vw;
		color: rgb(28, 150, 212);
		font-weight: bold;
		line-height: 1.556;	

	}
	
	.content-eco-corporate-index04 .txt p{
		margin-top:2vw;
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 1.714;
	}
	
	.content-eco-corporate-index04 .image p{
		margin-top:0;
		text-align:right;
		font-size: 2.9vw;
		color: rgb(0, 0, 0);
	}
	
	.content-eco-corporate-index04 .inner2{
		width:86%;
		margin:10vw auto 0;
		position:relative;
	}
	
	.content-eco-corporate-index04 .inner2 .image{
		width:100%;
		float:none;	
	}
	
	.content-eco-corporate-index04 .inner2 .image p{
		text-align:center;
		position:relative;	
	}
	
	.content-eco-corporate-index04 .inner2 .image p span{
		position:absolute;
		text-align:right;
		width:100%;
		left:0;	
	}
	
	.content-eco-corporate-index04 .inner2 .txt{
		width:100%;
		left:auto;
		top:auto;
		margin-top:8vw;
	}
}


/* btn_common
------------------------------------------------------------*/

.btn-common1{
	display:inline-block;
	position:relative;	
}

.btn-common1:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:15px;
	top:37px;
	transition: all 0.4s;
	/*transform:rotateY(180deg);*/
}

.btn-common1.min:after{
	top:27px;	
}

.btn-common1:hover:after{
	right:10px;	
}

.btn-common1.left:after{
	left:15px;
	right:auto;
	transform:rotateY(180deg);	
}

.btn-common1.left:hover:after{
	left:10px;	
}

@media screen and (max-width: 768px) {
	.btn-common1:after{
		display:none;	
	}
}

/* about
------------------------------------------------------------*/

.content-eco-about01{
	margin-top:40px;
	background:#e8f4fb;
	padding:80px 0;	
}

.content-eco-about01.long{
	margin-top:80px;	
}

.content-eco-about01.mt0{
	margin-top:0;	
}

.content-eco-about01 .txt01{
	font-size: 150%;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 2;
	text-align: center;
	margin-top:35px;
}

.content-eco-about01 .inner{
	width:1120px;
	margin:50px auto 0;	
}

.content-eco-about01 .inner .inner-l{
	width:460px;
	float:left;
}

.content-eco-about01 .inner p{
	width:610px;
	float:right;
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 1.875;
}

.content-eco-about02{
	padding:80px 0 0;	
}

.content-eco-about02.mt-min{
	padding-top:0px;	
}

.content-eco-about02 .inner{
	width:1120px;
	margin:55px auto 0;		
}

.content-eco-about02 .inner .inner-l{
	width:460px;
	float:right;	
}

.content-eco-about02 .inner p{
	width:590px;
	float:left;
	font-size: 134%;
	color: rgb(0, 0, 0);
	line-height: 1.875;
}

.content-eco-about01 .image01{
	text-align:center;
	margin-top:45px;	
}

.content-eco-about01 .inner2{
	width:1120px;
	margin:74px auto 0;
	background:#FFF;
	padding:50px;
	position:relative;
	box-sizing:border-box;
}

.content-eco-about01 .inner2 .inner2-l{
	width:360px;
	float:left;	
}

.content-eco-about01 .inner2 .inner2-r{
	width:610px;
	position:absolute;
	right:50px;
	top:50%;
	transform:translateY(-50%);	
}

.content-eco-about01 .inner2 .inner2-r p{
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: left;
	margin-top:33px;
}

.content-eco-about02 .inner2{
	background:#e9f8f8;
	padding:50px ;
	width:1120px;
	margin:0px auto 0;
	background:#e9f8f8;
	box-sizing:border-box;	
}

.content-eco-about02 .inner2 .txt01{
	margin-top:25px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
}

.content-eco-about02 .inner2 .image01{
	margin-top:22px;	
}

.content-eco-about02 .inner2 .image01 li{
	width:490px;
	float:left;	
}

.content-eco-about02 .inner2 .image01 li:last-child{
	float:right;	
}

.content-eco-about03{
	width:1120px;
	margin:80px auto 0;	
}

.content-eco-about03 li{
	padding:50px ;
	width:540px;
	float:left;
	background:	#e9f8f8;
	float:left;
	box-sizing:border-box;
	margin-bottom:40px;
}

.content-eco-about03 li:nth-child(2n){
	float:right;
}

.content-eco-about03 li h4{
	text-align:center;	
}

.content-eco-about03 li p{
	margin-top:30px;
	font-size: 125%;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
}

.content-eco-about03 li .image{
	margin-top:50px;	
}

@media screen and (max-width: 768px) {
	.content-eco-about01{
		margin:8vw auto 0;
		padding:12vw 0;
	}
	
	.content-eco-about01.long{
		margin-top:8vw;	
	}
	
	.content-eco-about01.mt0{
		margin-top:0;	
	}
	
	.content-eco-about01 h3{
		width:49%;
		margin:0 auto;	
	}
	
	.content-eco-about01 h3.ttl02{
		width:56%;	
	}
	
	.content-eco-about01 .txt01{
		font-size: 4vw;
		line-height: 1.733;		
		margin-top:5vw;
	}
	
	.content-eco-about01 .txt01.txt-l{
		width:86%;
		margin:5vw auto 0;
		text-align:left;	
	}
	
	.content-eco-about01 .inner{
		width:86%;
		margin:5vw auto 0;	
	}
	
	.content-eco-about01 .inner .inner-l{
		width:100%;
		margin:0 auto;
		float:none;
	}
	
	.content-eco-about01 .inner p{
		width:100%;
		float:none;
		margin-top:2.4vw;
		font-size: 3.7vw;
		color: rgb(0, 0, 0);
		line-height: 1.875;
	}
	
	.content-eco-about02{
		padding:10vw 0 0;	
	}
	
	.content-eco-about02 .inner{
		width:86%;
		margin:5vw auto 0;		
	}
	
	.content-eco-about02 h3{
		width:86%;
		margin:0 auto;	
	}
	
	.content-eco-about02.min h3{
		width:68%;	
	}
	
	.content-eco-about02 h3.h3-2{
		width:42%;
	}
	
	.content-eco-about02 .inner .inner-l{
		width:100%;
		float:none;
		margin-top:5vw;	
	}
	
	.content-eco-about02 .inner p{
		width:100%;
		float:none;
		font-size: 3.7vw;
		line-height: 2;
	}
	
	.content-eco-about01 .image01{
		width:86%;
		text-align:center;
		margin:5vw auto 0;	
	}
	
	.content-eco-about01 .inner2{
		width:86%;
		margin:16vw auto 0;
		background:#FFF;
		position:relative;
		box-sizing:border-box;
		padding:8%;
	}
	
	.content-eco-about01 .inner2.top{
		margin-top:10%;	
	}
	
	.content-eco-about01 .inner2 .inner2-l{
		width:100%;
		float:none;	
		margin-top:4.5vw;
	}
	
	.content-eco-about01 .inner2 .inner2-r{
		width:100%;
		position:relative;
		right:auto;
		top:auto;
		transform:none;
	}
	
	.content-eco-about01 .inner2 .inner2-r h4 img{
		width:auto;
		height:9vw;	
	}
	
	.content-eco-about01 .inner2 .inner2-r p{		
		font-size: 3.7vw;
		margin-top:2.4vw;
	}
	
	.content-eco-about02 .inner2{
		background:#e9f8f8;
		width:86%;
		margin:6vw auto 0;
		padding:8%;
		background:#e9f8f8;
		box-sizing:border-box;	
	}
	
	.content-eco-about02 .inner2 h4{
		width:23%;
		margin:0 auto;	
	}
	
	.content-eco-about02 .inner2 .txt01{
		margin-top:4vw;
		font-size: 3.7vw;
		line-height: 2;
		text-align: left;
	}
	
	.content-eco-about02 .inner2 .image01{
		margin-top:5vw;	
	}
	
	.content-eco-about02 .inner2 .image01 li{
		width:100%;
		float:none;	
	}
	
	.content-eco-about02 .inner2 .image01 li:last-child{
		float:none;
		margin-top:4vw;	
	}
	
	.content-eco-about03{
		width:100%;
		margin:7vw auto 0;
		background:#FFF;
		position:relative;
		box-sizing:border-box;
		padding:0;
	}
	
	.content-eco-about03 li{
		width:86%;
		float:left;
		background:	#e9f8f8;
		float:none;
		box-sizing:border-box;
		padding:8%;
		margin:0 auto 6vw;;
	}
	
	.content-eco-about03 li h4 img{
		width:auto;
		height:6vw;	
	}
	
	.content-eco-about03 li:nth-child(2n){
		float:none;
	}
	
	.content-eco-about03 li h4{
		text-align:center;	
	}
	
	.content-eco-about03 li p{
		margin-top:4vw;
		font-size: 3.7vw;
		line-height: 2;
	}
	
	.content-eco-about03 li .image{
		margin-top:5vw;	
	}
}

.dot{
	width:1120px;
	margin:0 auto;
	position:relative;	
}

.dot li{
	width:12px;
	height:12px;
	position:absolute;
	left:554px;
	background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
	top:14px;
	opacity:0;
	transition: all 0.4s;
}


.dot.active li{
	opacity:1;	
}

.dot li:nth-child(2){
	width:10px;
	height:10px;
	left:555px;
	background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
	background-size:100% auto;
	top:34px;
}

.dot.active li:nth-child(2){
	transition-delay: 200ms;	
}

.dot.active li:nth-child(3){
	transition-delay: 400ms;	
}

.dot li:nth-child(3){
	width:8px;
	height:8px;
	left:556px;
	background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
	background-size:100% auto;
	top:52px;	
}

.content-eco-plan-service02 .dot li:nth-child(1){
	top:43px;	
}

.content-eco-plan-service02 .dot li:nth-child(2){
	top:65px;	
}

.content-eco-plan-service02 .dot li:nth-child(3){
	top:83px;	
}


@media screen and (max-width: 768px) {
	.dot{
		width:86%;
		margin:0 auto;
		position:relative;	
	}
	
	.dot li{
		width:2.4vw;
		height:2.4vw;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
		background-size:100% auto;
		top:3.6vw;
	}
	
	
	.dot.active li{
		opacity:1;	
	}
	
	.dot li:nth-child(2){
		width:2.1vw;
		height:2.1vw;
		position:absolute;
		left:50.1%;
		transform:translateX(-50%);
		background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
		background-size:100% auto;
		top:7.1vw;
	}
	
	.dot.active li:nth-child(2){
		transition-delay: 200ms;	
	}
	
	.dot.active li:nth-child(3){
		transition-delay: 400ms;	
	}
	
	.dot li:nth-child(3){
		width:1.6vw;
		height:1.6vw;
		position:absolute;
		left:50.2%;
		transform:translateX(-50%);
		background:url(/ep/eco/images/about/icon01.png) no-repeat left top;
		background-size:100% auto;
		top:10.6vw;
	}
	
	.content-eco-plan-service02 .dot li:nth-child(1){
		top:3.4vw;
	}
	
	.content-eco-plan-service02 .dot li:nth-child(2){
		top:6.9vw;
		left:49.9%;
	}
	
	.content-eco-plan-service02 .dot li:nth-child(3){
		top:10.4vw;
		left:49.9%;
	}
}

/* btn_common
------------------------------------------------------------*/

.op0{
	opacity:0;	
	transition: all 0.4s;
}

.op0.active{
	opacity:1;	
}

.op0.active.delay2{
	transition-delay: 200ms;	
}
.op0.active.delay4{
	transition-delay: 400ms;	
}
.op0.active.delay6{
	transition-delay: 600ms;	
}

@media screen and (max-width: 768px) {
	.op0.active.delay2{
		transition-delay: 0ms;	
	}
	.op0.active.delay4{
		transition-delay: 0ms;	
	}
	.op0.active.delay6{
		transition-delay: 0ms;	
	}
}


/* agree
------------------------------------------------------------*/

.agree-ttl{
	font-size:217%;
	color:#000;	
}

.agree-block{
	width:960px;
	margin:60px auto 0;	
}

.agree-block .section__h2{
	font-size:150%;
	color:#000;
	margin-top:60px;
}

.agree-block p,
.agree-block ul{
	font-size:117%;	
	color:#000;
	margin-top:20px;
}


@media screen and (max-width: 768px) {
	.agree-ttl{
		width:100% !important;
		font-size:5vw;
		color:#000;	
	}
	
	.agree-block{
		width:90%;
		margin:6vw auto 0;	
	}
	
	.agree-block .section__h2{
		font-size:4vw;
		color:#000;
		margin-top:5vw;
	}
	
	.agree-block p,
	.agree-block ul{
		font-size:3.4vw;	
		color:#000;
		margin-top:4vw;
	}
}

.modal_block{
	display:none;	
}

.modal_block .inner{
	width:600px;
	margin:0 auto;	
	background:#e9f8f8;
	padding:20px 30px 15px;
	text-align:center;
	box-sizing:border-box;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:2001;
}

.modal_block .inner .close{
	position:absolute;
	right:-45px;
	top:-45px;	
}

.modal_block .inner .txt01{
	font-size:20px;
	color:#26b7bc;	
}

.modal_block .inner .txt02{
	font-size:20px;
	color:#FFF;
	margin-top:10px;
	padding:5px 0;
	background:#038488;	
}

.modal_block .inner .txt03{
	font-size:134%;
	margin-top:18px;	
	color:#000;
}

.over_ray{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.60);
	z-index:2000;
	
}

@media screen and (max-width: 768px) {
	.modal_block .inner{
		width:90%;
		margin:0 auto;	
		background:#e9f8f8;
		padding:4vw 5vw 3.4vw;
	}
	
	.modal_block .inner .close{
		position:absolute;
		right:-0;
		top:-12vw;	
	}
	
	.modal_block .inner .close img{
		width:10vw;
		height:auto;	
	}
	
	.modal_block .inner .txt01{
		font-size:4vw;
		color:#26b7bc;	
	}
	
	.modal_block .inner .txt02{
		font-size:4vw;
		color:#FFF;
		margin-top:2vw;
		padding:2vw 0;
		background:#038488;	
	}
	
	.modal_block .inner .txt03{
		font-size:3.4vw;
		margin-top:4vw;	
		color:#000;
	}
}


/********************** 20190222 ***************************/
.content-eco-special01 .image .card-image-01{
	position:absolute;
	left:420px;
	bottom:100px;	
	transform:rotate(-45deg);
}

.content-eco-special01 .image .card-image-02{
	position:absolute;
	left:450px;
	bottom:50px;	
	transform:rotate(-30deg);
}

@media screen and (max-width: 768px) {
	.content-eco-special01 .image .card-image-01{
		width:20vw;
		position:absolute;
		left:55vw;
		bottom:8vw;	
		transform:rotate(-45deg);
	}
	
	.content-eco-special01 .image .card-image-02{
		width:20vw;
		position:absolute;
		left:60vw;
		bottom:1vw;	
		transform:rotate(-30deg);
	}	
}

.btn-travel{
	position:fixed;
	right:0;
	bottom:150px;
	z-index: 1000;	
}

@media screen and (max-width: 768px) {
	.btn-travel{
		position:absolute;
		right:0;
		bottom:auto;
		left:50%;
		top:85.6vw;
		width:53.3vw;
		transform:translateX(-50%);
		z-index: 1000;	
	}	
}


/********************** /20190222 ***************************/


/********************** 20190312 ***************************/

.content-eco-electric h2 span.min{
	display:block;
	font-size:14px;
}

.content-eco-electric02.content-eco-electric02_2{
	background:#ccffff;
}

@media screen and (max-width: 768px) {
	.content-eco-electric h2 span.min{
		display:block;
		font-size:3.2vw;
	}
}

/********************** /20190312 ***************************/


/********************** 20190424 ***************************/
.image.image2 .image-area .caution{
	position:absolute;
	right:25px;
	bottom:10px;
	background:rgba(0,0,0,0.80);
	padding:5px;
	color:#FFF;
	font-size:12px;
}


@media screen and (max-width: 768px) {
	.image.image2 .image-area .caution{
		right:2vw;
		bottom:1vw;
		padding:1vw;
		font-size:2.8vw;
	}
}
/********************** /20190424 ***************************/

/********************** 20190605 ***************************/
.content-eco-plan-private-detail .new-txt01{
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: center;
	margin-top:30px;
}

.content-eco-plan-private-detail .new-box{
	margin:60px auto 0;
	border-radius: 18px;
	background-color: rgb(255, 255, 255);
	width: 960px;
	padding:30px 0 35px;
}

.content-eco-plan-private-detail .new-box .new-box-txt01{
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: center;
}

.content-eco-plan-private-detail h3.mt0{
	margin-top:0;	
}

.content-eco-plan-private-detail .new-box ul{
	text-align:center;	
	margin-top:35px;
}

.content-eco-plan-private-detail .new-box ul li{
	display:inline-block;
	width:250px;
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align:center;
	position:relative;
}

.content-eco-plan-private-detail .new-box ul li:nth-child(1):before{
	content:"";
	display:block;
	background:url(../images/plan/private/new-block01-image05.png) no-repeat left top;
	background-size:100% auto;
	width:36px;
	height:52px;
	position:absolute;
	left:330px;
	top:23px;	
}

.content-eco-plan-private-detail .new-box ul li:nth-child(1){
	margin-right:200px;	
}

.content-eco-plan-private-detail .new-box ul li .image{
	height:100px;	
}

.content-eco-plan-private-detail .new-box .btn{
	text-align:center;
	margin-top:45px;	
}

.content-eco-plan-private-detail .new-box .btn .btn-common1:after,
.sales-block04 .inner .btn  .btn-common1:after{
    top: 27px;
}

@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail .new-txt01{
		font-size: 3.73vw;
		margin-top:4.6vw;
		padding:0 7vw;
		text-align:left;
	}
	
	.content-eco-plan-private-detail .new-box{
		margin:10.6vw auto 0;
		border-radius: 2.4vw;
		width: 69.3vw;
		padding:5.3vw 6.6vw 6vw;
		box-sizing:border-box;
	}
	
	.content-eco-plan-private-detail .new-box .new-box-txt01{
		font-size: 3.73vw;
		text-align:left;
	}
	
	.content-eco-plan-private-detail .new-box ul{
		text-align:center;	
		margin-top:3.3vw;
	}
	
	.content-eco-plan-private-detail .new-box ul li{
		display:inline-block;
		width:22vw;
		font-size: 2.6vw;
		line-height: 1.5;
		text-align:left;
		
	}
	
	.content-eco-plan-private-detail .new-box ul li:nth-child(1):before{
		content:"";
		display:block;
		background:url(../images/plan/private/new-block01-image05.png) no-repeat left top;
		background-size:100% auto;
		width:3.73vw;
		height:5.46vw;
		position:absolute;
		left:26vw;
		top:13vw;	
	}
	
	.content-eco-plan-private-detail .new-box ul li:nth-child(1){
		margin-right:0px;	
		float:left;
	}
	
	.content-eco-plan-private-detail .new-box ul li:nth-child(2){
		float:right;	
	}
	
	.content-eco-plan-private-detail .new-box ul li .image{
		height:26vw;
	}
	
	.content-eco-plan-private-detail .new-box .btn{
		text-align:center;
		margin-top:5.3vw;	
	}
	
	.content-eco-plan-private-detail .new-box .btn .btn-common1:after {
		top: 5vw;
	}	
}

/********************** /20190605 ***************************/


/********************** sales ***************************/

.sales-block01{
	margin-top:75px;
	text-align:center;	
}

.sales-block01 .txt01{
	font-size:22px;
	font-weight:bold;
	margin-bottom:25px;
	color:#000;	
}

.sales-block02{
	margin-top:40px;
	background:#e8f4fb;	
}

.sales-block02 .inner{
	width:1120px;
	margin:0 auto;
	padding:80px 0;	
}

.sales-block02 h2{
	text-align:center;
}

.sales-block02 .txt01{
	font-size: 18px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	line-height: 2;
	text-align: center;
	margin-top:40px;
}

.sales-block02 .box{
	margin-top:50px;
}

.sales-block02 .box .box-l{
	width:460px;
	float:left;	
}

.sales-block02 .box .txt02{
	width:620px;
	float:right;
	font-size: 16px;
	color: rgb(0, 0, 0);
	line-height: 1.875;
}

.content-sales .sales-ttl02{
	text-align:center;
	margin-top:80px;	
}

.content-sales .sales-ttl03{
	text-align:center;
	margin-top:80px;	
}

.content-sales .sales-ttl04{
	text-align:center;
	margin-top:80px;	
}

.sales-block03{
	width:1120px;
	margin:60px auto 0;
	background:#e9f8f8;
	padding:50px 0;
	text-align:center;	
}

.sales-block03.sales-block03-2{
	margin-top:45px;	
}

.sales-block03.sales-block03-2 .inner{
	width:1020px;
	margin:0px auto 0;	
}

.sales-block03 .txt01{
	margin:30px auto 0;
	text-align:left;
	width:1020px;
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
}

.sales-block03.sales-block03-2 .inner .box{
	margin-top:40px;	
}

.sales-block03 .box .txt02{
	width:435px;
	float:left;	
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
}

.sales-block03 .box .txt02.txt02-2{
	width:625px;	
}

.sales-block03 .box ul{
	width:540px;
	float:right;	
}

.sales-block03 .box ul li{
	/* width:260px; */
	float:left;	
}

.sales-block03 .box ul li:nth-child(2n){
	float:right;	
}

.sales-block03 .box ul.list02{
	width:360px;
	float:right;	
}

.sales-block03 .box ul.list02 li{
	float:none !important;	
}

.sales-block03 .box ul.list02 li:nth-child(2n){
	margin-top:20px;
}

.sales-block04{
	background:#e8f4fb;
	padding:80px 0;	
	margin-top:80px;
}

.sales-block04 h2{
	text-align:center;	
}

.sales-block04 .inner{
	width:1120px;
	margin:0 auto;
}

.sales-block04 .inner .btn{
	width:320px;
	margin:45px auto 0;	
}

.sales-block04 .inner .box{
	margin-top:40px;
	background:#FFF;
	padding:45px 50px 75px;	
}

.sales-block04 .inner .box .txt01{
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
}

.sales-block04 .inner .box .image{
	margin:30px 0;	
}

.sales-block04 .inner .box2{
	margin-top:40px;	
}

.sales-block04 .inner .box2 .box2-l,
.sales-block04 .inner .box2 .box2-r{
	width:540px;
	float:left;
	background:#FFF;
	padding:40px 45px 50px;
	box-sizing:border-box;	
}

.sales-block04 .inner .box2 .box2-r{
	float:right;	
}

.sales-block04 .inner .box2 p{
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2.4;
	text-align: left;
	height:225px;
}

@media screen and (max-width: 768px) {
	.sales-block01{
		margin-top:12vw;
	}
	
	.sales-block01 .txt01{
		font-size:4.8vw;
		margin-bottom:4.6vw;
	}
	
	.sales-block01 .chara{
		width:14.26vw;
		margin:0 auto;	
	}
	
	.sales-block02{
		margin-top:8vw;
	}
	
	.sales-block02 .inner{
		width:86.6vw;
		margin:0 auto;
		padding:10.6vw 0 6.6vw;
	}
	
	.sales-block02 h2{
		width:77.3vw;
		margin:0 auto;
		text-align:center;
	}
	
	.sales-block02 .txt01{
		font-size: 3.73vw;
		margin-top:5.3vw;
	}
	
	.sales-block02 .box{
		margin-top:6.6vw;
	}
	
	.sales-block02 .box .box-l{
		width:100%;
		float:none;	
	}
	
	.sales-block02 .box .txt02{
		width:100%;
		float:none;
		margin-top:6vw;
		font-size: 3.73vw;
	}
	
	.content-sales .sales-ttl02{
		text-align:center;
		margin:10.6vw auto 0;	
		width:72.6vw;
	}

	.content-sales .sales-ttl03{
		text-align:center;
		margin:10.6vw auto 0;	
		width:63.6vw;
	}

	.content-sales .sales-ttl04{
		text-align:center;
		margin:10.6vw auto 0;	
		width:63.6vw;
	}
	
	.sales-block03{
		width:86.6vw;
		margin:6.6vw auto 0;
		padding:8vw 6vw 6.6vw;
		box-sizing:border-box;
	}
	
	.sales-block03 .ttl03-sp{
		width:48.53vw;	
	}
	
	.sales-block03 .ttl04-sp{
		width:68.26vw;	
	}
	
	
	.sales-block03.sales-block03-2{
		margin-top:5.3vw;	
	}
	
	.sales-block03.sales-block03-2 .inner{
		width:100%;
		margin:0px auto 0;	
	}
	
	.sales-block03 .txt01{
		margin:4.5vw auto 0;
		width:100%;
		line-height: 2;
		font-size:3.73vw;
	}
	
	.sales-block03.sales-block03-2 .inner .box{
		margin-top:0px;	
	}
	
	.sales-block03 .box .txt02{
		width:100%;
		float:none;	
		font-size: 3.73vw;
		margin-top:6vw;
		line-height: 2;
	}
	
	.sales-block03 .box .txt02.txt02-2{
		width:100%;	
	}
	
	.sales-block03 .box ul{
		width:100%;
		float:none;
		margin-top:5.3vw;
	}
	
	.sales-block03 .box ul li{
		width:34.6vw;
	}
	
	.sales-block03 .box ul.list02{
		width:100%;
		float:none;	
	}
	
	.sales-block03 .box ul.list02 li{
		float:none !important;	
		width:100%;
	}
	
	.sales-block03 .box ul.list02 li:nth-child(2n){
		margin-top:4vw;
	}
	
	.sales-block04{
		padding:10.6vw 0;	
		margin-top:10.6vw;
	}
	
	.sales-block04 h2{
		text-align:center;	
		width:86.6vw;
		margin:0 auto;
	}
	
	.sales-block04 .inner{
		width:86.6vw;
		margin:0 auto;
	}
	
	.sales-block04 .inner .btn{
		width:62vw;
		margin:6.6vw auto 0;	
	}
	
	.sales-block04 .inner .box{
		margin-top:8.6vw;
		background:#FFF;
		padding:6vw 6.6vw 6.6vw;	
	}
	
	.sales-block04 .inner .box .txt01{
		font-size: 3.73vw;
		line-height: 2;
	}
	
	.sales-block04 .inner .box .image{
		margin:6vw 0;	
	}
	
	.sales-block04 .inner .box2{
		margin-top:40px;	
	}
	
	.sales-block04 .inner .box2 .box2-l,
	.sales-block04 .inner .box2 .box2-r{
		width:100%;
		float:none;
		padding:6vw 6.6vw 6.6vw;
	}
	
	.sales-block04 .inner .box2 .box2-r{
		float:none;	
		margin-top:5.3vw;
	}
	
	.sales-block04 .inner .box2 p{
		font-size: 3.73vw;
		line-height: 2;
		height:auto;
		margin-bottom:4vw;
	}
	
}

.content-eco-menu .menu1 li.list06,
.content-eco-menu .menu1 li.list07,
.content-eco-menu .menu1 li.list08{
	width:392px;
	margin-right:32px;
}

.content-eco-menu .menu1 li.list07{
	margin-right:0;	
}

.content-eco-menu li.list08 a:before{
	top:58px;
	left:31px;
}

.content-eco-menu li.list08 a:after{
	top:108px;
	left:31px;
}

.content-eco-menu li.list08 a:hover:before{
	width:310px;
}

.content-eco-menu li.list08 a:hover:after{
	width:180px;
}

.ank00 {
	text-align: right;
}

.ank00 a {
	display: block;
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	.content-eco-menu .menu1 li.list06,
	.content-eco-menu .menu1 li.list07,
	.content-eco-menu .menu1 li.list08{
		width:100%;
		margin-right:0;
	}	
}

.mt_image{
	position:relative;	
}

.mt_image p{
	width:294px;
	background:rgba(0,0,0,0.4);
	position:absolute;
	left:0;
	top:150px;
	color:#FFF;
	text-align:center;
	font-size:14px;
	padding:20px 0 18px;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
	.mt_image p{
		width:100%;
		top:30vw;
		color:#FFF;
		text-align:center;
		font-size:3.4vw;
		padding:4vw 0 3.5vw;
		font-weight:bold;
	}	
}

/********************** /sales ***************************/

/********************** 2020/02 ***************************/
.special-btn{
    text-align:center;
    margin:46px 0 38px;
}

.special-btn li{
    display:inline-block;   
}

.special-btn li a{
    display:block;
    position:relative;   
}

.special-btn li:last-child{
    margin-left:40px;   
}

.special-btn li a:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/facility/icon-btm.png) no-repeat left top;
	width:14px;
	height:9px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:20px;	
	z-index:10;
	transition: all 0.4s;
}

.special-btn li a:hover:before{
	top:55%;	
}

.content-eco-special01 .txt01.mt{
    margin-top:50px;
}

.content-eco-special01 .image.image2.image3{
    border-color:#1c96d4;   
}

.content-eco-special01 .image.image2.image3 h4{
    text-align:center;   
}

.ttl2020-02{
    text-align:center;
    margin-bottom:60px;   
}
	
.ank00 {
	text-align: right;
}

.ank00 a {
	display: block;
	margin-right: 20px;
	color:  #00a0e9;
	}



@media screen and (max-width: 768px) {
     .special-btn{
        text-align:center;
        margin:4vw 0;
    }
    
    .special-btn li{
        width:70vw;
        margin:0 auto 4vw;
        display:block;   
    }
    
    .special-btn li:last-child{
        margin-left:auto;   
        margin-bottom:0;
    }
    
    .special-btn li a:before{
        content:"";
        display:none;
    }

	.content-eco-special01 .txt01 .min.min-l{
        display:block;
        text-align:left;
        margin:0 auto;
        width:86%;
        text-indent:-1em;
        padding-left:1em;
    }
    
    .content-eco-special01 .txt01.mt{
        margin-top:4vw;
    }
    
    .content-eco-special01 .image.image2.image3 h4{
        width:18vw;
        margin:0 auto;
    }
    
    .ttl2020-02{
        width:17.5vw;
        margin:0 auto 8vw;   
    }
}

/********************** /2020/02 ***************************/

/********************** /2021/04EV誘導追加 ***************************/

.content-eco-plan-private-detail06 .bnr_20210408 {
width:880px;
margin:25px auto 0;
}

.content-eco-plan-private-detail06 .bnr_20210408 li {
width:412px;
float:right;
}

.content-eco-plan-private-detail06 .bnr_20210408 li:last-child {
float:left;
}

@media screen and (max-width: 768px){
.content-eco-plan-private-detail06 .bnr_20210408 {
width:86%;
margin: 5vw auto 0;
}
.content-eco-plan-private-detail06 .bnr_20210408 li {
width: 100%;
float:none;
}
.content-eco-plan-private-detail06 .bnr_20210408 li:last-child {
float: none;
margin-top: 4vw;
}
.content-eco-plan-private-detail06 .bnr_20210408 li:first-child {
margin-bottom:4vw;
}
.content-eco-plan-private-detail06 .bnr_20210408 li img {
width: 100%;
height: auto;
}
}


.content-eco-note {
	display: block;
	margin: 20px 0 50px;
	color: #ff0000;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.content-eco-note {
		width: 86%;
		margin: 4vw auto 8vw;
		font-size: 3vw;
		text-align: left;
	}
	.content-eco-note span {
    display: block;
		text-indent: -1em;
    margin-left: 1em;
	}
}
.content-eco-special01 .list {
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0px auto;
}
.content-eco-special01 .list a {
	width: 50%;
	font-weight: 700;
	font-size: 120%;
	text-align: center;
	color: #00a0e9;
	text-decoration: underline;
}
.content-eco-special01 .list a:hover {
	text-decoration: none;
}
.content-eco-special01 .list a:not(:first-child, :nth-child(2)) {
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	.content-eco-special01 .list {
		width: 86%;
		margin: 0 auto;
	}
	.content-eco-special01 .list.list-tour{
		display: block;
		flex-wrap: nowrap;
		text-align: center;
	}
	.content-eco-special01 .list.list-tour a{
		display: block;
		width: 100%;
	}
	.content-eco-special01 .list.list-tour .list-tour02{
		margin-top: 1em;
	}
	.content-eco-special01 .list a {
		width: 50%;
		font-weight: 700;
		font-size: 3.4vw;
		text-align: center;
		color: #00a0e9;
		text-decoration: underline;
	}
}

.content-eco-product {
	background: #fff;
	padding: 80px 0 40px;
	border-radius: 20px;
}
.content-eco-product.tour{
	padding: 75px 0 12px;
}
.content-eco-product h4 {
	width: 132px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.content-eco-product .tour-ttl{
	width: 200px;
	margin-bottom: 125px;
}
.content-eco-product-image {
	width: 966px;
	margin: -80px auto 20px;
}
.content-eco-product-image .pc-only {
}
.content-eco-product-image .sp-only {
	display: none;
}
.content-eco-product img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.content-eco-product {
		padding: 8% 0 5%;
	}
	.content-eco-product.tour{
		padding: 8% 0 5%;
	}
	.content-eco-product h4 {
		width: 20%;
	}
	.content-eco-product .tour-ttl{
		width: 30%;
		margin-bottom: 0;
	}
	.content-eco-product-image {
		width: 95%;
		margin: -10% auto 2%;
	}
	.content-eco-product-image .pc-only {
		display: none;
	}
	.content-eco-product-image .sp-only {
		display: block;
	}	
}

.anc {
	display: block;
}

.content-eco-special01 .image .image-area {
	width: 1120px;
}
.content-eco-special01 .image .image-area img {
	width: 100%;
	vertical-align: top;
}
.content-eco-special01 .image .image-area .pc-only {
}
.content-eco-special01 .image .image-area .sp-only {
	display: none;
}
.content-eco-special01 .image .ttl {
	width: 534px;
	background: #fff;
	padding: 30px 0 30px 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 60px;
}
.content-eco-special01 .image.tour .ttl {
	width: 600px;
}
.content-eco-special01 .image .ttl h2 {
	font-size: 280%;
	color: rgb(38, 183, 188);
	line-height: 1.2;
}
.content-eco-special01 .detail .btn-apply {
	display: inline-block;
	width: 175px;
	margin-left: 20px;
	padding: 0.8em 0 0.8em 1em;
	font-weight: bold;
	color: #00A0E9;
	border: 2px solid #00A0E9;
	border-radius: 7px;
	text-decoration: none;
	line-height: 1;
	position: relative;
	box-sizing: border-box;
}
.content-eco-special01 .detail .btn-apply::after {
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #00A0E9;
	border-right: 2px solid #00A0E9;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%) rotate(45deg);
}
.content-eco-special01 .detail .img {
	width: 360px;
	margin-bottom: 10px;
}
.content-eco-special01 .detail .img img {
	width: 100%;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
	.content-eco-special01 .image .image-area {
		width: 100%;
	}
	.content-eco-special01 .image .image-area .pc-only {
		display: none;
	}
	.content-eco-special01 .image .image-area .sp-only {
		display: block;
	}
	.content-eco-special01 .image .ttl {
		width: 86%;
		padding: 3vw 4vw;
		bottom: 9vw;
	}
	.content-eco-special01 .image .ttl h2 {
		font-size: 4.6vw;
	}
	.content-eco-special01 .image .ttl.tour-title h2 {
		font-size: 4.2vw;
	}
	.content-eco-special01 .detail .btn-apply {
		width: 56%;
		margin-left: 0;
	}
	.content-eco-special01 .detail .btn-apply::after {
		width: 6px;
		height: 6px;
	}
	.content-eco-special01 .detail .img {
		width: 100%;
	}
	.content-eco-special01 .image.tour .ttl{
		width: 81vw;
	}
}



@media screen and (min-width: 768px) {
.list202107 {
width: 810px;
float: right;
margin: 3em 0;
}
.list202207 {
/* width: 942px; */
float: right;
margin: 0 auto 3em;
display: flex;
}
.list202207 li{
margin-left: 10px;
}
.list202207 li.box4 img.pic2{
margin-right: 10px;
}
.list202207 .pc-only{
display: block;
}
.list202207 .sp-only{
display: none;
}
.list202107_left {
float: left;
}
.list202107_right {
float: right;
}
.text202107 {
width:360px;
}
.sales_arrow_box {
float:left;
display:block;
min-height: 220px;
min-width: 40px;
margin:0 0.5em 0 2em;
}
/* .sales_arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 110px 0 110px 40px;
border-color: transparent transparent transparent #007bff;
} */

}


@media screen and (max-width: 768px) {
.list202107 {
margin-top:1em;
}

.list202107 img {
    width: 100%;
    height: auto;
}
.list202107 li {
    float: none !important;
    width: 100%;
}
.list202207 {
margin-top:1em;
}
.list202207 .pc-only{
display: none;
}
.list202207 .sp-only{
display: block;
}

.list202207 img {
    width: 100%;
    height: auto;
}
.list202207 li {
    float: none !important;
    width: 100%;
	margin-bottom:1em;
}
.list202207 li.box4 img.pic2{
margin-right:0;
}
.list202107_left {
    margin-bottom:1em;
}

.sales_arrow_box {
display:block;
/* min-height: 30px; */
width: 100%;
margin:0.5em 0;
}
/* .sales_arrow {
width: 0;
height: 0;
text-align:center;
display:inline-block;
border-style: solid;
border-width: 25px 110px 0 110px;
border-color: #007bff transparent transparent transparent;
} */
}



/* 202110 電源構成追記 */

.heading {
width: 80%;
color:#FFF;
font-size:180%;
background: #058488;
margin: 1em auto;
text-align: center;
padding: 0.3em;
}

.content-eco-electric02 .inner .graph-area ul li.another1:before {
background:#27ba8d!important;
}
.content-eco-electric02 .inner .graph-area ul li.another2:before {
background:#06875f!important;
}

/********************** 202204 修正 ***************************/
/* plan/private/detail.html */
.content-eco-plan-private-detail .new-box .new-box-txt02{
	padding: 50px 40px 0;
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: left;
}
.content-eco-plan-private-detail .new-box .new-box-txt03{
	padding: 20px 40px 0;
	font-size: 109%;
	color: rgb(0, 0, 0);
	line-height: 2;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.content-eco-plan-private-detail .new-box .new-box-txt02{
		padding: 9vw 0 0;
		font-size: 3.73vw;
	}
	.content-eco-plan-private-detail .new-box .new-box-txt03{
		padding: 3vw 0 0;
		font-size: 2.9vw;
	}
	.content-eco-plan-private-detail06 img {
		max-width: 100%;
	}
}
/* plan/corporate/index-j.html */
.content-eco-corporate-index01 {
	margin: 50px auto 0;
}
.content-eco-plan-private-detail .txt02 {
	display: block;
	max-width: 1120px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	font-size: 125%;	
	font-weight: normal;
	color: #000;
}
.content-eco-plan-private-detail .txt02 a {
	color: #00A0E9;
}
@media screen and (max-width: 768px) {
	.content-eco-corporate-index01 {
		margin: 12vw auto 0;
	}
	.content-eco-plan-private-detail .txt02{
		display: block;
		text-align: left;
		padding-right: 0;
		padding-left: 0;
		margin: 12vw auto 0;
		font-size: 3.6vw;	
		width: 86%;
	}
}
/* electric/index-j.html */
.content-eco-electric02 .inner .graph-area .graph-area-l .graph03 {
	width: 261px;
}
.content-eco-electric02 .inner .graph-area {
	padding: 40px 40px 40px 80px;
}
.content-eco-electric02 .inner .graph-area ul {
	width: auto;
}
.content-eco-electric02 .inner .graph-area:nth-child(3) ul {
	top: 62%;
}
@media screen and (max-width: 768px) {
	.content-eco-electric02 .inner .graph-area .graph-area-l .graph03 {
		width: 41vw;
	}
	.content-eco-electric02 .inner .graph-area {
		padding: 6vw 0 5vw;
	}
	.content-eco-electric02 .inner .graph-area ul {
		width: 88%;
	}
	.content-eco-electric02 .inner .graph-area:nth-child(3) ul {
		top: auto;
	}
	.content-eco-electric02 .inner .graph-area ul li .min {
		margin-left: 1em;
		text-indent: -1em;
	}
}