@charset "utf-8";
/* CSS Document */
/*建設業頁*/
.header-img{
}
.header-img img{
	width:100%;
}
/*ページ内リンクの位置調整*/
#solar,#wind,#biomass{
	margin-top: -80px;
	padding-top:80px;
}
	/*太陽光発電*/
.solar{
	background:#F0FFFF url(../img/energy/bg_solar.jpg) no-repeat center center;
	background-size:100% auto;
}
.solar div.row{
	padding:3rem;
}
@media screen and (max-width: 992px) {
.solar{
	background-size:auto 100%;
}
.solar div.row{
	padding:0.5rem;
}
}

.solar_division {
	text-align: center;
	color: #444444;
}
.solar_division .block {
	position: relative;
	float: left;
	width: 33.33333% ;
	width: calc(100% / 3);
	height: 100%;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.solar_division .block ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/**** blockのhover ****/
.solar_division .block:hover {
	position: relative;
	z-index: 100;
	transition-delay: 0s;
	-webkit-transform: translate(-2px,-2px);
	transform: translate(-2px,-2px);
	box-shadow: 0px 0 5px rgba(0,0,0,0.5);
}
.solar_division .block:hover .header1,
.solar_division .block:hover .header2,
.solar_division .block:hover .style1,
.solar_division .block:hover .style2,
.solar_division .block:hover .footer1,
.solar_division .block:hover .footer2 {
	padding: 0.5em;
}
/* --- メニュー名ブロック ---  */
.solar_division .block .header1 {
	width: 100%;
	padding: 0.5em;
	border-top: 1px solid #131874;
	background: #F9F2A4;
	font-weight:bold;
}
.solar_division .block .header2 {
	width: 100%;
	padding: 0.5em;
	border-top: 1px solid #131874;
	background: #EDD8A6;
	font-weight:bold;
}
.solar_division .block .header3 {
	width: 100%;
	padding: 0.5em;
	border-top: 1px solid #131874;
	background: #F7C6A1;
	font-weight:bold;
}
/* --- 詳細 ---  */
.solar_division .block .style1,
.solar_division .block .style2,
.solar_division .block .style3,
.solar_division .block .footer1,
.solar_division .block .footer2,
.solar_division .block .footer3 {
	width: 100%;
	padding: 0.5em;
}
.solar_division .block .footer1,
.solar_division .block .footer2,
.solar_division .block .footer3 {
	padding: 0.5em;
}
.solar_division .block .style1,
.solar_division .block .footer1 {
	background-color: #F8F5D3;
}
.solar_division .block .style2,
.solar_division .block .footer2 {
	background-color: #EAE2D1;
}
.solar_division .block .style3,
.solar_division .block .footer3 {
	background-color: #F6DFCF;
}
.solar_division .block .style1,
.solar_division .block .style2,
.solar_division .block .style3 {
	border-bottom: 1px dotted #ffffff;
}
@media screen and (max-width: 576px) {
.solar_division .block {
	width: 100%;
}
}

	/*風力発電*/
.wind{
	background:#F0FFFF url(../img/energy/bg_wind.jpg) no-repeat center center;
	background-size:100% auto;
}
.wind div.row{
	padding:3rem;
}
@media screen and (max-width: 992px) {
.wind{
	background-size:100% auto;
}
.wind div.row{
	padding:0.5rem;
}
}
	/*バイオマス発電*/
.biomass{
	background:#F0FFFF url(../img/energy/bg_biomass.jpg) no-repeat center center;
	background-size:100% auto;
}
@media screen and (max-width: 992px) {
.biomass{
	background-size:100% auto;
}
.biomass div.row{
	padding:0.5rem;
}
}