.demo {
	width: 960px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.kankyo-fv {
	background: url("../images/kankyo/kankyo_bg01.png");
	background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    /*padding-top: 80px;
    padding-bottom: 151px;*/
    padding: 0 0 151px;
    height: 1128px;

    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
 
/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.kankyo-fv-inner {
	margin: 0 auto;
	max-width: 1240px;
	height: 1128px;
}

.kankyo-fv .main {
	transition-delay: 1.0s;
    top: 80px;
    left: 120px;
    width: 1000px;
}

.kankyo-fv .upcicle {
	z-index: 100;
	top: 297px;
    left: 120px;
    transition-delay: 1.2s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.kankyo-fv .upcicle img {
	width: 269px;
}
.kankyo-fv .biomass {
	z-index: 100;
	top: 699px;
    left: 316px;
    transition-delay: 1.4s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.kankyo-fv .biomass img {
	width: 215px;
}
.kankyo-fv .datsupra {
	z-index: 100;
	top: 674px;
    right: 220px;
    transition-delay: 1.6s;
    left: unset;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.kankyo-fv .datsupra img {
	width: 329px;
}

.kankyo-fv .kankyo-hato03 {
	z-index: 150;
	width: 111px;
    top: 100px;
    left: 332px;
    transition-delay: 1.8s;
}


.kankyo-issues {
	padding-top: 180px;
	margin-bottom: 170px;
	max-width: 1240px;
}
.kankyo-issues h3 {
	margin: 0 auto 50px;
	color: #3DB5EA;
	font-size: 40px;
	border-bottom: 4px solid #3DB5EA;
	width: fit-content;
}
.kankyo-issues p {
	color: #3E3E3E;
}
.kankyo-issues a {
	color: #3E3E3E;
}
.kankyo-issues-icon {
	bottom: -45px;
    left: -195px;
}
.kankyo-issues-img {
	width: 100%;
}
.issue-caption {
	font-size: 16px;
	line-height: 28px;
}

.kankyo-future {
	background: url("../images/kankyo/kankyo_bg02.png");
	background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
    padding-top: 210px;
    padding-bottom: 75px;
}
.kankyo-future h3 {
	margin: 0 auto 40px;
	color: #3DB5EA;
	font-size: 40px;
	border-bottom: 4px solid #3DB5EA;
	width: fit-content;
}
.kankyo-future p {
	color: #3E3E3E;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 28px;
}
.kankyo-future-title {
	max-width: 1240px;
}
.kankyo-future-title p {
	text-align: center;
}
.kankyo-future-content {
	max-width: 1240px;
	margin: 0 auto 40px;
    display: flex;
    align-items: center;
}
.kankyo-future-content h4 {
	color: #3DB5EA;
	font-size: 30px;
}
#upcicle .inner-img {
	margin-right: 30px;
}
#upcicle .inner-caption {
	padding-top: 100px;
}
#datsupra .inner-img {
}
#datsupra .inner-caption {
	margin-right: 30px;
	padding-top: 100px;
}
#biomass .inner-img {
	margin-right: 30px;
}
#biomass .inner-caption {
	padding-top: 100px;
}



.scale-up-center:hover {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
/*	border: 1px solid #008742;*/
  border-radius: 18px;
  background-color: #66cdaa;
}
/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}



@media screen and (max-width: 1240px) {
	.kankyo-fv {
		width: 960px;
		height: 676px;
	}

	.kankyo-fv-inner {
		margin: 0 auto;
		max-width: 960px;
		height: 676px;
	}

	.kankyo-fv .main {
		transition-delay: 1.0s;
		top: 50px;
    left: 181px;
    width: 598px;
	}

	.kankyo-fv .upcicle {
		z-index: 100;
		top: 178px;
    left: 180px
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.kankyo-fv .upcicle img {
		width: 161px;
	}
	.kankyo-fv .biomass {
		z-index: 100;
		top: 419px;
    left: 298px;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.kankyo-fv .biomass img {
		width: 129px;
	}
	.kankyo-fv .datsupra {
		z-index: 100;
		top: 404px;
    right: 240px;
	    left: unset;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.kankyo-fv .datsupra img {
		width: 197px;
	}

	.kankyo-fv .kankyo-hato03 {
		z-index: 150;
		width: 67px;
    top: 60px;
    left: 307px;
	    transition-delay: 1.8s;
	}
}

@media screen and (max-width: 480px) {
	.kankyo-fv {
	    width: 100%;
	    height: auto;
	    background: none;
	    padding: 0;
	}
	.kankyo-fv-inner {
	    margin: 0 auto;
	    max-width: 100%;
	    height: 413px;
	}
	.kankyo-fv .main {
		transition-delay: 1.0s;
	    width: 100%;
	}

	.kankyo-issues {
		padding-top: 60px;
		margin-bottom: 100px;
		max-width: 1240px;
	}
	.kankyo-issues h3 {
		margin: 0 auto 20px;
		color: #3DB5EA;
		font-size: 30px;
		border-bottom: none;
		text-decoration: underline;
		width: fit-content;
	}
	.kankyo-issues p {
		color: #3E3E3E;
	}
	.kankyo-issues a {
		color: #3E3E3E;
	}
	.kankyo-issues-img {
		margin-bottom: 20px;
	}
	.kankyo-issues-icon {
	    bottom: 0;
	    left: auto;
	    right: 0;
	    width: 80px;
	}
	.issue-caption {
		font-size: 14px;
		line-height: 22px;
	}

	.kankyo-future {
		background: url("../images/kankyo/kankyo_bg02_sp.png");
		background-repeat: no-repeat;
	    background-position: top;
	    background-size: cover;
	    padding: 65px 0 0;
	    height: 2146px;
	}
	.kankyo-future h3 {
		margin: 0 auto 20px;
		color: #3DB5EA;
		font-size: 30px;
		border-bottom: 4px solid #3DB5EA;
		width: fit-content;
	}
	.kankyo-future p {
		color: #3E3E3E;
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 22px;
	}
	.kankyo-future-title p {
		text-align: left;
	}
	.kankyo-future-content {
	    max-width: 100%;
	    margin: 0 auto 40px;
	    display: block; 
	    align-items: center;
	}
	.kankyo-future-content .content-img {
		width: 70%;
	}
	#upcicle .inner-img {
		margin: 0;
		text-align: center;
	}
	#upcicle .inner-caption {
		padding-top: 10px;
	}
	#datsupra .inner-img {
		margin: 0;
		text-align: center;
	}
	#datsupra .inner-caption {
		margin-right: 0;
		padding-top: 10px;
	}
	#biomass .inner-img {
		margin: 0;
		text-align: center;
	}
	#biomass .inner-caption {
		padding-top: 10px;
	}

	.inner-caption {
		text-align: center;
	}
	.inner-caption img {
		width: 77px;
	}
	.kankyo-future-content h4 {
		font-size: 22px;
	}
	.kankyo-future-content p {
		text-align: left;
		padding: 0 20px;
	}
}