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

.seikatsu-fv {
	background: url("../images/seikatsu/seikatsu_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}
}

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

.seikatsu-fv .main {
	transition-delay: 1.0s;
    top: 116px;
    left: 184px;
    width: 818px;
}

.seikatsu-fv .manabi {
	z-index: 100;
	top: 334px;
    left: 305px;
    transition-delay: 1.2s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.seikatsu-fv .manabi img {
	width: 233px;
}
.seikatsu-fv .value {
	z-index: 100;
	top: 80px;
    right: 224px;
    transition-delay: 1.4s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.seikatsu-fv .value img {
	width: 220px;
}
.seikatsu-fv .diversity {
	z-index: 100;
	top: 470px;
    right: 237px;
    transition-delay: 1.6s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.seikatsu-fv .diversity img {
	width: 150px;
}
.seikatsu-fv .connect {
	z-index: 100;
	top: 658px;
    right: 378px;
    transition-delay: 1.8s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.seikatsu-fv .connect img {
	width: 148px;
}
.seikatsu-fv .workation {
	z-index: 100;
	top: 678px;
    left: 266px;
    transition-delay: 2.0s;
    border-radius: 18px;
  	background-color: rgba(255, 255, 255, 1);
}
.seikatsu-fv .workation img {
	width: 157px;
}

.seikatsu-fv .seikatsu-eisei {
	z-index: 150;
	width: 147px;
    top: 141px;
    left: 501px;
    transition-delay: 2.2s;
}
.seikatsu-fv .seikatsu-kumo {
	z-index: 150;
	width: 328px;
    top: 794px;
    right: 185px;
    transition-delay: 2.2s;
}



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

.seikatsu-future {
	background: url("../images/seikatsu/seikatsu_bg02.png");
	background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
    padding-top: 210px;
    padding-bottom: 75px;
}
.seikatsu-future h3 {
	margin: 0 auto 40px;
	color: #FF9D00;
	font-size: 40px;
	border-bottom: 4px solid #FF9D00;
	width: fit-content;
}
.seikatsu-future p {
	color: #3E3E3E;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 28px;
}
.seikatsu-future-title {
	max-width: 1240px;
}
.seikatsu-future-title p {
	text-align: center;
}
.seikatsu-future-content {
	max-width: 1240px;
	margin: 0 auto 40px;
    display: flex;
    align-items: center;
}
.seikatsu-future-content h4 {
	color: #FF9D00;
	font-size: 30px;
}
#diversity .inner-img {
	margin-right: 30px;
}
#diversity .inner-caption {
	padding-top: 100px;
}
#manabi .inner-img {
}
#manabi .inner-caption {
	margin-right: 30px;
	padding-top: 100px;
}
#connect .inner-img {
	margin-right: 30px;
}
#connect .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) {
	.seikatsu-fv {
		width: 960px;
		height: 676px;
	}

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

	.seikatsu-fv .main {
		transition-delay: 1.0s;
		top: 70px;
    left: 220px;
    width: 490px;
	}

	.seikatsu-fv .manabi {
		z-index: 100;
		top: 197px;
    left: 291px;
	    transition-delay: 1.2s;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.seikatsu-fv .manabi img {
		width: 140px;
	}
	.seikatsu-fv .value {
		z-index: 100;
		top: 44px;
    right: 243px;
	    transition-delay: 1.4s;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.seikatsu-fv .value img {
		width: 132px;
	}
	.seikatsu-fv .diversity {
		z-index: 100;
		top: 278px;
    right: 250px;
	    transition-delay: 1.6s;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.seikatsu-fv .diversity img {
		width: 90px;
	}
	.seikatsu-fv .connect {
		z-index: 100;
		top: 390px;
    right: 335px;
	    transition-delay: 1.8s;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.seikatsu-fv .connect img {
		width: 89px;
	}
	.seikatsu-fv .workation {
		z-index: 100;
		top: 402px;
    left: 267px;
	    transition-delay: 2.0s;
	    border-radius: 18px;
	  	background-color: rgba(255, 255, 255, 1);
	}
	.seikatsu-fv .workation img {
		width: 94px;
	}

	.seikatsu-fv .seikatsu-eisei {
		z-index: 150;
		width: 88px;
    top: 85px;
    left: 408px;
	    transition-delay: 2.2s;
	}
	.seikatsu-fv .seikatsu-kumo {
		z-index: 150;
		width: 197px;
    top: 476px;
    right: 218px;
	    transition-delay: 2.2s;
	}
}

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

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

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

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