@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Pacifico);


#mainImg {
	position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background-color: #cd4340;
    padding: 2.5% 0 2.5% 0;
}
#mainImg .main_textbox {
	max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
section h2 {
	text-align: left;
}
/* SEC01
------------------------------------------------------------*/
#sec01 {
    background-color: #ffffff;
    padding: 3% 0 3% 0;
}
#sec01 .eco_text_box{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}
/* SEC02
------------------------------------------------------------*/
#sec02 {
    background-color: #fcf9ef;
    padding: 2% 0 2% 0;
}
#sec02 .eco_text_box{
	width: 100%;
	max-width: 960px;
	margin: 0 auto 2%;
	text-align: left;
	font-size: 14px;
}
#sec02 .eco_power_box {
	width: 100%;
    max-width: 960px;
    margin: 0 auto 3%;
}
#sec02 .eco_power_box .eco_power_r {
	float: left;
	margin-right: 10px;
}
#sec02 .eco_power_box .eco_power_l {
	float: left;
	width: 26.50%;
}
#sec02 .eco_power_box .eco_power_r .eco_rimg {
	display: block;
	width: 100%;
}
#sec02 .eco_power_box .eco_power_r .eco_rimg_sp {
	display: none;
}
#sec02 .eco_power_box .eco_power_1 .eco_limg {
	display: block;
}
#sec02 .eco_power_box .eco_power_l .eco_limg_sp {
	display: none;
}
#sec02 .eco_power_box .eco_text {
	font-size: 12px;
}
#sec02 .eco_enelgy_box {
	width: 100%;
    max-width: 960px;
    margin: 0 auto 4%;
}
#sec02 .eco_enelgy_box .eco_power_text {
    width: 65%;
    float: left;
}
#sec02 .eco_enelgy_box .eco_power_img {
	width: 35%;
    float: left;
    text-align: right;
}

/* RESPONSIVE 設定
------------------------------------------------------------*/

.nav-width{}
@media only screen and (max-width: 799px){
    .nav-width{width: 100%;}
	#mainImg{
		padding-top: 80px;
		z-index: -100;
	}
	#mainImg .main_visual_text {
		top: 35%;
		left: 8%;
		width: 35%;
	}
	#mainImg .main_visual {
		display: none;
	}
	#mainImg .main_visual_sp {
		display: block;
		width: 100%;
	}
	#mainImg .main_visual img {
		width: 100%;
	}
	s
	#sec01 {
    padding: 4% 0 4% 0;
	}
	#sec01 .eco_text_box, #sec02 .eco_text_box {
		width: 92%;
		font-size: 12px;
	}
	#sec02 .eco_power_box .eco_power_r {
		margin-right: 0;
		width: 92%;
    	margin: 0 auto;
		float: none;
	}
	#sec02 .eco_power_box .eco_power_r .eco_rimg {
		display: none;
	}
	#sec02 .eco_power_box .eco_power_r .eco_rimg_sp {
		display: block;
		margin-bottom: 2%;
	}
	#sec02 .eco_power_box .eco_power_l {
		width: 92%;
    	margin: 0 auto;
    	float: none;
	}
	#sec02 .eco_power_box .eco_power_l .eco_text {
		font-size: 12px;
	}
	#sec02 .eco_power_box .eco_power_l .eco_limg {
		display: none;
	}
	#sec02 .eco_power_box .eco_power_l .eco_limg_sp {
		display: block;
	}
	#sec02 .eco_power_box .eco_power_l .eco_text {
		width: 100%;
    	margin: 0 auto;
    	float: none;
	}
	#sec02 .eco_enelgy_box .eco_power_text {
		float: none;
		width: 92%;
		margin: 0 auto;
		font-size: 12px;
	}
	#sec02 .eco_enelgy_box .eco_power_img {
		float: none;
    	margin: 4% auto 0;
	}
	#sec02 .eco_enelgy_box .eco_enelgy_text {
		width: 92%;
		margin: 0 auto;
		font-size: 12px;
	}
}