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


/*トップページ*/

#loading{
position: absolute;
left: 50%;
top: 30%;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #FFF;
z-index: 1;
}

.wrapper__pc {
	position: relative;
	background: #71c7ee;
	/*height: 20000px;*/
	/*width: 1900px;*/
	overflow: visible;
	transition: .3s;
	padding-top: 56px;
}
/*.wrapper__pc.sky {
	background: #b9e6fb;
	transition: transform 0.3s ease-out;
}*/
.scene__01 .parker {
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 1000;
	width: 9.2%;
	height: auto;
}
.parker {
	/*top: 0;*/
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 1000;
	width: 9.2%;
	height: auto;
}
.targetTxt01 {
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto 14.35%;
	width: 94.58%;
	height: auto;
}
.scene__box {
	width: 960px;
	height: 540px;
	margin: 0 auto;
	position: relative;
	/*overflow: hidden;*/
}
.bgTown {
	background: #b9e6fb;
}
/*.bgTown .scene__box {
	background: url(../images/top/top_bg_town.png) no-repeat left 270px;
}*/
.targetBg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	/*width: 100%;*/
	background: url(../images/top/top_bg.png) center bottom repeat-x;
	-webkit-background-size: contain;
	background-size: contain;
}
/*@media screen and (min-width:1670px)*/
/*@media screen and (min-width:1330px) {
	.targetBg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: url(../images/top/top_bg.png) center bottom repeat-x;
		-webkit-background-size: cover;
		background-size: cover;
	}
}*/
.targetTxt02 {
	/*margin-bottom: 33.7%;*/
	right: 4.58%;
	bottom: 33.7%;
	width: 33.54%;
	height: auto;
	z-index: 10;
}
.targetCar {
	bottom: 8.4%;
	right: 55%;
	/*margin-bottom: 5.74%;
	margin-right: -26.66%;*/
	width: 26.66%;
	height: auto;
	z-index: 20;
}
.targetTrain01 {
	bottom: 46.29%;
	/*left: -32.604%;*/
	width: 32.604%;
	height: auto;
	/*margin-bottom: 24.8%;*/
	z-index: 10;
}
.targetRail01 {
	bottom: 27.77%;
	left: 0;
	width: 54.16%;
	height: auto;
	/*margin-bottom: 27.7%;*/
	z-index: 10;
}
.targetTxt03 {
	bottom: 45.37%;
	/*margin-bottom: 22.59%;*/
	left: 4.58%;
	width: 33.54%;
	height: auto;
	z-index: 10;
}
.targetTown01 {
	bottom: 18.51%;
	right: 5.2%;
	width: 43.75%;
	height: auto;
	/*margin-bottom: 9.259%;*/
	z-index: 10;
}
.targetSatellite {
	bottom: 84.44%;
	left: 5.2%;
	width: 8.3%;
	height: auto;
	/*margin-bottom: 60%;*/
	z-index: 10;
}
.targetCloud {
	bottom: 0;
	left: 0;
	width: 16.6%;
	height: auto;
	margin-bottom: 33.33%;
	z-index: 5;
}
.targetMountain {
	bottom: 27.7%;
	left: 0;
	width: 64.58%;
	height: auto;
	/*margin-bottom: 15.3%;*/
	z-index: 5;
}
.targetTxt04 {
	width: 33.54%;
	height: auto;
	/*margin-bottom: 21%;*/
	right: 4.58%;
	bottom: 45.18%;
	z-index: 10;
}
.targetTxt05 {
	width: 64.79%;
	height: auto;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 77.96%;
	z-index: 10;
}
.targetTown02 {
	bottom: 18.51%;
	right: 5.3125%;
	width: 36.35%;
	height: auto;
	/*margin-bottom: 7.23%;*/
	z-index: 10;
}
.targetCar02 {
	bottom: 12.96%;
	left: 22.5%;
	/*right: -26.66%;
	margin-bottom: 5.74%;
	margin-right: -26.66%;*/
	width: 26.66%;
	height: auto;
	z-index: 20;
}
.targetTrain02 {
	bottom: 37.03%;
	/*left: -27.18%;*/
	left: 4.6875%;
	width: 27.18%;
	height: auto;
	/*margin-bottom: 24.5%;*/
	z-index: 10;
}
.targetRail02 {
	bottom: 27.77%;
	left: 0;
	width: 47.91%;
	height: auto;
	/*margin-bottom: 15.3%;*/
	z-index: 10;
}
.targetTxt06 {
	width: 41.14%;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 80.92%;
	z-index: 10;
}
.targetStaff {
	width: 87.708%;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -70.18%;
	z-index: 50;
	/*opacity: 0;
    transform: translate(0, 40%);
    transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);*/
}
.targetStaff.is-animation {
	opacity: 1;
	transform: translate(0, 0);
}
.targetTxt07 {
	width: 41.14%;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 80.92%;
	z-index: 10;
}
.targetTxt08 {
	width: 92.8125%;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 69.074%;
	z-index: 10;
}
.parker.is-end {
	width: 20%;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	/*bottom: -77.59%;*/
	z-index: 100;
}
.center {
	/*position: fixed;*/
	position: absolute;
}
.js-scroll-fade {
    /*opacity: 0;
    transform: translate(0, 40px);
    transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);*/
}
.js-scroll-fade.is-animation {
	opacity: 1;
	transform: translate(0, 0);
}
.endAb {
	position: absolute;
}
.footerImg {
	width: 87.708%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}


/* ====▼ 768px以下 ▼==== */
@media screen and (max-width:768px) {
  .l-footer {
    position: relative!important;
  }
	.target {
		/*top: 0;*/
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto auto 13.25%;
		z-index: 1000;
		width: 25%;
		transform: scale(.5);
		height: auto;
		backface-visibility:hidden;
-webkit-backface-visibility: hidden;
	}
	.targetTxt01 {
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto 95.78125%;
		width: 94.58%;
		height: auto;
	}
	.targetBg {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		/*width: 100%;*/
		background: url(../images/top/top_bg_sp.png) center bottom repeat-x;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.targetTxt02 {
		bottom: 0;
		margin-bottom: 79.0625%;
		left: 6.25%;
		width: 87.5%;
		height: auto;
		z-index: 10;
	}
	.targetCar {
		bottom: 0;
		right: -26.66%;
		margin-bottom: 5.74%;
		margin-right: -26.66%;
		width: 26.66%;
		height: auto;
		z-index: 20;
	}
	.targetTrain01 {
		bottom: 0;
		left: -32.604%;
		width: 32.604%;
		height: auto;
		margin-bottom: 27.71%;
		z-index: 10;
	}
	.targetRail01 {
		bottom: 0;
		left: 0;
		width: 48.75%;
		height: auto;
		margin-bottom: 18.5%;
		z-index: 10;
	}
	.targetTxt03 {
		bottom: 0;
		margin-bottom: 79.0625%;
		left: 6.25%;
		width: 87.5%;
		height: auto;
		z-index: 10;
	}
	.targetTown01 {
		bottom: 0;
		right: 1%;
		width: 43.75%;
		height: auto;
		margin-bottom: 10.52%;
		z-index: 10;
	}
	.targetSatellite {
		bottom: 0;
		left: 5.2%;
		width: 8.3%;
		height: auto;
		margin-bottom: 47.29%;
		z-index: 10;
	}
	.targetCloud {
		bottom: 0;
		left: 0;
		width: 16.6%;
		height: auto;
		margin-bottom: 37.29%;
		z-index: 5;
	}
	.targetMountain {
		bottom: 0;
		left: -10%;
		width: 64.58%;
		height: auto;
		margin-bottom: 18.3%;
		z-index: 5;
	}
	.targetTxt04 {
		width: 87.5%;
		height: auto;
		margin-bottom: 79.0625%;
		left: 6.25%;
		bottom: 0;
		z-index: 10;
	}
	.targetTxt05 {
		width: 87.5%;
		height: auto;
		margin: 0 auto 80%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
	.targetTown02 {
		bottom: 0;
		right: 5.3125%;
		width: 36.35%;
		height: auto;
		margin-bottom: 10.41%;
		z-index: 10;
	}
	.targetCar02 {
		bottom: 0;
		right: -26.66%;
		margin-bottom: 5.74%;
		margin-right: -26.66%;
		width: 26.66%;
		height: auto;
		z-index: 20;
	}
	.targetTrain02 {
		bottom: 0;
		left: -27.18%;
		width: 27.18%;
		height: auto;
		margin-bottom: 25.93%;
		z-index: 10;
	}
	.targetRail02 {
		bottom: 0;
		left: 0;
		width: 47.91%;
		height: auto;
		margin-bottom: 16.14%;
		z-index: 10;
	}
	.targetTxt06 {
		width: 87.5%;
		height: auto;
		margin: 0 auto 96.0625%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
	.targetStaff {
		width: 95%;
		height: auto;
		margin: 0 auto -31.14%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 50;
		opacity: 0;
		transform: translate(0, 31.14%);
		transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
	}
	.targetStaff.is-animation {
		opacity: 1;
		transform: translate(0, 0);
	}
	.targetTxt07 {
		width: 95.703125%;
		height: auto;
		margin: 0 auto 79.0625%;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
}