/* commone
------------------------------------- */
#energy #gHeader { background: transparent; border-bottom: 0; }

@media all and (min-width: 600px) { #energy #gHeader { background: #fff; } }

.is_sticky #gHeader { background: #fff !important; }


/* movie
------------------------------------- */
#movie {
	padding-top: 30px;
}
#movie .movie_wrap{
	text-align: center;
}
#movie .youtube{
	max-width: 600px;
}
#movie .movie_wrap .txt{
	margin-top: 10px;
	text-align: center;
	line-height: 1.2;
}
@media all and (min-width: 600px){
	#movie {
		padding-top: 0px;
	}
	#movie .youtube {
		max-width: 780px;
		margin: auto;
		padding-top: 40%;
	}
	#movie .movie_wrap .txt{
		margin-top: 20px;
	}
}

/* info
------------------------------------- */
#info .news{
	background: #fff;
}
.mod_info01 .news .tit:before{
	background: url(/img/common/ico_blank01_blue.png) no-repeat center;
}
.mod_info01 .news .list .bl{
	padding-left: 0px;
}
.mod_info01 .news .list .bl a{
	color: #0171b8;
    font-weight: bold;
}
@media all and (min-width: 600px){
	#info .news{
		margin-top: 0px;
	}
	.mod_info01 .news .list .bl a {
		font-size: 1.7rem;
	}
}

/* intro
------------------------------------- */
#intro { position: relative; background: url(../img/energy/bg_intro01_sp.png) no-repeat center bottom/cover; /* &:before { content: ''; position: absolute; top: -150px; left: 0; height: 150px; width: 100%; background: #eee; } */ }

#intro .introInner { padding-top: 40px; padding-bottom: 55px; }

@media all and (min-width: 600px) { #intro { background-image: url(../img/energy/bg_intro01_pc.png); }
  #intro:before { display: none; }
  #intro .introInner { padding-top: 100px; padding-bottom: 80px; } }

/* other
------------------------------------- */
#other .otherInner { padding-top: 50px; padding-bottom: 60px; }

@media all and (min-width: 600px) { #other .otherInner { padding-top: 90px; padding-bottom: 5px; } }