@charset "utf-8";
/* CSS Document */

.top_img {
	background:url(../p7_eco/img/ss_eco_top.jpg) center center;
	background-size:cover;
}

.subp_introduction h3 {
	margin-bottom:40px;
}

body{
	background:#fdfdfd;
	color:#666;
}

body:after {/*擬似要素をつくる*/
	display:none;
}

.bg_logo img{
	display:none;
}

.subp_introduction h3 {
	border-left:5px solid #b3c1a3;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
}

.eco_img {
	width:90%;
	height:50vw;
	max-height:250px;
	background:url(../p7_eco/img/eco_img.jpg) center center;
	background-size:cover;
	color:#666;
	text-align:center;
text-shadow: 2px 2px 6px #fff, -2px 2px 6px #fff, 2px -2px 6px #fff, -2px -2px 6px #fff, 2px 2px 6px #fff, -2px 2px 6px #fff, 2px -2px 6px #fff, -2px -2px 6px #fff, 2px 2px 6px #fff, -2px 2px 6px #fff, 2px -2px 6px #fff, -2px -2px 6px #fff, 2px 2px 6px #fff, -2px 2px 6px #fff, 2px -2px 6px #fff, -2px -2px 6px #fff;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:5px;
	margin:0 auto 40px;
	box-shadow:0 0 20px rgba(255,255,255,0.8);
}

.eco_img p {
	margin-bottom:20px;
	display:inline-block;
}

/* 基本のスタイル */
.fuwa.delighter {
      -webkit-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
      -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
    transform: translateY(10%);
      opacity: 0;
   }
 
/* スタート時のスタイル */
 .fuwa.delighter.started {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      opacity: 1;
 }
 
.eco_text h4 {
	font-size:18px;
	font-weight:normal;
	border-bottom:solid 2px #b3c1a3;
	padding:0 0 5px 10px;
	color:#666;
	text-align:left;
	border-radius: 0px 0px 40px 40px/0px 0px 10px 1px;
}

.eco_text img {
	width:100%;
	height:auto;
	display:block;
	border-radius:5px;
	margin:20px auto;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
}
	 
.eco_text {
	margin-bottom:60px;
	padding:20px;
}