@charset "utf-8";
@import "common.css";

/*------------------------------
		  contents
------------------------------*/
#contents{
	width:100%;
	overflow:hidden;
}
@media only screen and (max-width: 767px){
	#contents{ padding-bottom:0;}
}

/*------------------------------
		  parallax
------------------------------*/

/*----- parallaxContents -----*/
.parallaxContents{
	padding:125px 0 0;
}

.parallaxContents .titConcept{
	width:100%;
	height:250px;
	position:absolute;
	top:-125px;
}
.parallaxContents .titConcept .wrap{
	position:relative;
	height:250px;
}
.imgTxtWrap{
	width:1000px;
	margin:0 auto;
	position:relative;
	top:-311px;
	padding:61px 0 0 0;
	font-size:0;
	line-height:0;
}
.imgTitTxt{
	width:1000px;
	margin:0 auto;
	font-size:0;
	line-height:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
.parallaxContents .conceptParts{ position:absolute; }
@media only screen and (max-width: 767px) {
	.parallaxContents{
		padding:0px 5% 30px;
		box-sizing:border-box;
	}
	.parallaxContents .titConcept .wrap{
		height:auto;
	}
	.imgTxtWrap{
		width: 100%;
		height: 180px;
		top: 0;
		padding:0;
	}
	.imgTitTxt{
		width:80%;
		margin:0 auto;
		right: 0;
		left: 0;
		padding-top:55px;
	}
	.parallaxContents .titConcept .wrap{
		height:180px;
	}
	.jsHide{
		opacity : 0;
		transform : translate(0, 45px);
		transition : all 2s;
	}
	.jsHide.hover{
		opacity : 1;
		transform : translate(0, 0);
	}
}

/*----- parallax01 -----*/
#parallax01{
	width:100%;
	height:952px;
	background:url(../img/index/bgParallax01.jpg) top center no-repeat;
}
#parallax01 .wrap{ position:relative; }
#parallax01 .puzzleBall{
	font-size:0;
	line-height:0;
	text-align:center;
	padding:86px 0 21px 0;
	width:206px;
	height:206px;
	margin:0 auto;
	position:relative;
}
#imgPuzzleBall{
	position:absolute;
	left:0px;
	top:86px;
	display:none;
	/*
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
	
	-webkit-transform:rotateZ(360deg) scale(0);
	-moz-transform:rotateZ(360deg) scale(0);
	-ms-transform:rotateZ(360deg) scale(0);
	-o-transform:rotateZ(360deg) scale(0);
	transform:rotateZ(360deg) scale(0);
	
	-webkit-transform:rotateZ(0deg) scale(0);
	-moz-transform:rotateZ(0deg) scale(0);
	-ms-transform:rotateZ(0deg) scale(0);
	-o-transform:rotateZ(0deg) scale(0);
	transform:rotateZ(0deg) scale(0);
	*/
}
#imgPuzzleBall.play{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
	
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg) scale(1);
	-moz-transform:rotateZ(0deg) scale(1);
	-ms-transform:rotateZ(0deg) scale(1);
	-o-transform:rotateZ(0deg) scale(1);
	transform:rotateZ(0deg) scale(1);
}

/*#imgPuzzleBall.logoIn{
	-webkit-transition-duration:2s;
	-moz-transition-duration:2s;
	-ms-transition-duration:2s;
	-o-transition-duration:2s;
	transition-duration:2s;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}*/
.puzzleBall .puzzleStructure{
	position:absolute;
	/*display:none;*/
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.puzzleBall .puzzleStructure.play{
	-webkit-transition-duration:5s;
	-moz-transition-duration:5s;
	-ms-transition-duration:5s;
	-o-transition-duration:5s;
	transition-duration:5s;
	
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

#logoPuzzle{
	display:none;
	font-size:0;
	line-height:0;
	width:206px;
	height:206px;
	position:relative;
	left:0;
	top:0;
	/*background:url(../img/index/bgPuzzleRandom.png) left top no-repeat;*/
}

#logoPuzzle.resetScale{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
	
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}

#logoPuzzle .logoPuzzle{
	position:absolute;
	left:0;
	top:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
	-webkit-opacity:0.0;
	-moz-opacity:0.0;
	-ms-opacity:0.0;
	-o-opacity:0.0;
	opacity:0.0;
}

#logoPuzzle .logoPuzzle.showFade{
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-opacity:1.0;
	-moz-opacity:1.0;
	-ms-opacity:1.0;
	-o-opacity:1.0;
	opacity:1.0;
}

#puzzleStructure01{
	left:256px;
	top:76px;
}
#puzzleStructure02{
	left:219px;
	top:255px;
}
#puzzleStructure03{
	right:196px;
	top:312px;
}
#puzzleStructure04{
	left:35px;
	top:334px;
}
#puzzleStructure05{
	right:166px;
	top:-14px;
}
#puzzleStructure06{
	left:-172px;
	top:132px;
}
#puzzleStructure07{
	right:-37px;
	top:-71px;
}
@media only screen and (max-width: 767px) {
	#parallax01{
	    background: url(../img/index/bgParallax01Sp.jpg) top center no-repeat;
		height:auto;
		background-size:cover;
		padding: 0px 5% 140px;
	}
	#contents .wrap{
		width:100%;
	}
	#parallax01 .puzzleBall{
		width:120px;
		height:120px;
		padding: 110px 0 22px;
		margin:0 auto 0;
	}
	#logoPuzzle{
		width:120px;
		height:120px;
	}
	#logoPuzzle .logoPuzzle img{
		width:120px;
		height:120px;
	}
	#imgPuzzleBall{
		position:static;
	}
	#imgPuzzleBall img{
		width:120px;
		height:120px;
	}
}

/*----- puzzleParts -----*/
#puzzleParts{
	position:absolute;
	left:168px;
	top:-68px;
	
	display:none;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
	
	-webkit-transform:scale(1) rotateZ(-960deg);
	-moz-transform:scale(1) rotateZ(-960deg);
	-ms-transform:scale(1) rotateZ(-960deg);
	-o-transform:scale(1) rotateZ(-960deg);
	transform:scale(1) rotateZ(-960deg);
}
#puzzleParts.play{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:4s;
	-moz-transition-duration:4s;
	-ms-transition-duration:4s;
	-o-transition-duration:4s;
	transition-duration:4s;
	
	-webkit-transform:scale(0) rotateZ(0deg);
	-moz-transform:scale(0) rotateZ(0deg);
	-ms-transform:scale(0) rotateZ(0deg);
	-o-transform:scale(0) rotateZ(0deg);
	transform:scale(0) rotateZ(0deg);
}

#puzzleParts02{
	position:absolute;
	left:168px;
	top:-68px;
	
	display:none;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
	
	-webkit-transform:scale(0.8) rotateZ(960deg);
	-moz-transform:scale(0.8) rotateZ(960deg);
	-ms-transform:scale(0.8) rotateZ(960deg);
	-o-transform:scale(0.8) rotateZ(960deg);
	transform:scale(0.8) rotateZ(960deg);
}
#puzzleParts02.play{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:2.8s;
	-moz-transition-duration:2.8s;
	-ms-transition-duration:2.8s;
	-o-transition-duration:2.8s;
	transition-duration:2.8s;
	
	-webkit-transform:scale(0) rotateZ(0deg);
	-moz-transform:scale(0) rotateZ(0deg);
	-ms-transform:scale(0) rotateZ(0deg);
	-o-transform:scale(0) rotateZ(0deg);
	transform:scale(0) rotateZ(0deg);
}

#puzzleParts03{
	position:absolute;
	left:168px;
	top:-68px;
	
	display:none;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0;
	
	-webkit-transform:scale(0.8) rotateZ(-960deg);
	-moz-transform:scale(0.8) rotateZ(-960deg);
	-ms-transform:scale(0.8) rotateZ(-960deg);
	-o-transform:scale(0.8) rotateZ(-960deg);
	transform:scale(0.8) rotateZ(-960deg);
}
#puzzleParts03.play{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:1.6s;
	-moz-transition-duration:1.6s;
	-ms-transition-duration:1.6s;
	-o-transition-duration:1.6s;
	transition-duration:1.6s;
	
	-webkit-transform:scale(0) rotateZ(0deg);
	-moz-transform:scale(0) rotateZ(0deg);
	-ms-transform:scale(0) rotateZ(0deg);
	-o-transform:scale(0) rotateZ(0deg);
	transform:scale(0) rotateZ(0deg);
}

#parallax01 .mainTitle{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 -20px;
	text-align:center;
	padding:0 0 45px 0;
	position:relative;
	height:143px;
}
@media only screen and (max-width: 767px) {
	#parallax01 .mainTitle{
		height:auto;
		width:220px;
		margin:0 auto;
		padding:0;
	}
	#parallax01 .mainTitle img{
		width:auto;
		height:32px;
	}
	#parallax01 .mainTitle .titSub img{
		height:16px;
	}
	#puzzleParts,
	#puzzleParts02,
	#puzzleParts03{
		top:-60px;
		left:0;
		right:0;
		margin:0 auto;
	}
}


.mainTitle .mainFont{
	position:absolute;
	top:0;
	
	/*top:20px;*/
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-o-transform:scale(2);
	transform:scale(2);
	
}
#mainFont01{ left:210px; }
#mainFont02{ left:280px; }
#mainFont03{ left:339px; }
#mainFont04{ left:399px; }
#mainFont05{ left:486px; }
#mainFont06{ left:573px; }
#mainFont07{ left:649px; }
#mainFont08{ left:708px; }
#mainFont09{ left:788px; }
#mainFont01.mainScale,
#mainFont02.mainScale,
#mainFont03.mainScale,
#mainFont04.mainScale,
#mainFont05.mainScale,
#mainFont06.mainScale,
#mainFont07.mainScale,
#mainFont08.mainScale,
#mainFont09.mainScale{
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:.4s;
	-moz-transition-duration:.4s;
	-ms-transition-duration:.4s;
	-o-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mainTitle .subFont{
	position:absolute;
	top:98px;
	display:none;
}
#subFont01{
	left:268px;
}
#subFont02{
	left:362px;
}
#subFont03{
	left:430px;
}
#subFont04{
	left:541px;
}
#subFont05{
	left:604px;
}
.mainTitle .titSub{
	padding:98px 0 0 0;
	font-size:0;
	line-height:0;
	/*display:none;*/
	
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	-ms-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
	opacity:0;
}
.mainTitle .titSub.active{
	opacity:1;
}
#parallax01 .parallaxGuide{
	text-align:center;
	font-size:0;
	line-height:0;
	padding:0 0 0 0;
	display:none;
}

@media only screen and (max-width: 767px) {
	#parallax01 .parallaxGuide{
		display:none !important;
	}
	.mainTitle .titSub{
		padding: 52px 0 0 0;
		text-align:center;
	}
}
/*----- parallax02 -----*/
#parallax02{
	width:100%;
	height:1953px;
	position:relative;
	background:url(../img/index/bgParallax02.jpg) top center no-repeat;
}
#imgTitTxt02{
	position:absolute;
	left:400px;
}
#parallax02 .titConcept{
	left:-2000px;
	background:url(../img/index/titBgParallax02.png) left top repeat-x;
}
#titConceptParts02{
	top:-95px;
	/*left:-20px;*/
	left:-20px;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(-40deg);
	-moz-transform:rotateZ(-40deg);
	-ms-transform:rotateZ(-40deg);
	-o-transform:rotateZ(-40deg);
	transform:rotateZ(-40deg);
}
#titConceptParts02.parts02Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}
#parallax02 .space{
	width:1000px;
	margin:0 auto;
	font-size:0;
	line-height:0;
	position:relative;
}

.space .spaceMenuWrap{
	position:relative;
	display:block;
}
.space .spaceMenu{ position:absolute; }
#spaceMenu01{
	left:379px;
	top:264px;
	width:539px;
	height:290px;
	z-index:3;
}
#spaceMenu02{
	left:-20px;
	top:451px;
	width:539px;
	height:290px;
	z-index:2;
}
#spaceMenu03{
	right:1px;
	top:746px;
	width:484px;
	height:190px;
	z-index:1;
}
.space .txtMenu{
	color:#fff;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
	position:absolute;
	z-index:100;
}
.space .txtMenu a{ vertical-align:bottom; }
#txtMenu01{
	left:36px;
	top:234px;
}
#txtMenu02{
	right:87px;
	top:204px;
}
#txtMenu03{
	left:37px;
	top:4px;
}
.space .shuffleTxt{
	color:#FFF;
	text-decoration:none;
}
.space .btnSpaceMore{
	display:inline-block;
	width:60px;
	height:26px;
	margin:0 0 0 11px;
	background-position:left top;
}
#spaceMore01{ background:url(../img/index/btnSpaceMenu01.png) left top no-repeat; }
#spaceMore02{ background:url(../img/index/btnSpaceMenu02.png) left top no-repeat; }
#spaceMore03{ background:url(../img/index/btnSpaceMenu03.png) left top no-repeat; }
#spaceMore01:hover,
#spaceMore02:hover,
#spaceMore03:hover{ background-position:right top; }
.space .imgMenuBg{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.space .imgMenu{
	position:absolute;
	z-index:0;
}
.space #imgMenu02.active{
	opacity:1;
}
#imgMenu01{
	width:350px;
	height:179px;
	/*right:-46px;*/
	right:-146px;
	top:51px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#imgMenu02{
	width:190px;
	height:218px;
	/*left:21px;*/
	left:-121px;
	top:4px;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:2s;
	-moz-transition-duration:2s;
	-ms-transition-duration:2s;
	-o-transition-duration:2s;
	transition-duration:2s;
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	-webkit-transform:rotateZ(-40deg);
	-moz-transform:rotateZ(-40deg);
	-ms-transform:rotateZ(-40deg);
	-o-transform:rotateZ(-40deg);
	transform:rotateZ(-40deg);
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	-webkit-transform: translate3d(0,0,0)
}
#imgMenu02.moveOn{
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	-webkit-transform: translate3d(0,0,0);
}
#imgMenu03{
	width:300px;
	height:225px;
	right:-52px;
	/*top:-25px;*/
	top:-125px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}

#spaceRocket{
	position:absolute;
	left:615px;
	top:1348px;
	z-index:5;
}

#spaceAirship{
	position:absolute;
	left:533px;
	top:1226px;
	z-index:5;
}
#spaceBallon{
	position:absolute;
	left:184px;
	top:1521px;
	z-index:5;
}

#imgCloud01{
	position:absolute;
	right:-50px;
	top:-32px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#imgCloud02{
	position:absolute;
	left:-50px;
	top:620px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#imgCloud03{
	position:absolute;
	right:-50px;
	top:1440px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#imgCloud04{
	position:absolute;
	left:-50px;
	top:1650px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}

#parallax02 .spaceBottom{
	width:1000px;
	height:952px;
	margin:876px auto 0;
	/*margin:659px auto 0;*/
	text-align:center;
	position:relative;
	z-index:2;
	background:url(../img/index/bgSpaceBottom.png) left top no-repeat;
}
#slidingCloudOrverWrap{
	position:absolute;
	left:-6000px;
	top:1300px;
	z-index:1;
}
#slidingCloudUnderWrap{
	position:absolute;
	left:0;
	top:1550px;
	z-index:1;
}
@media only screen and (max-width: 767px) {
	#parallax02{
		height:273vw;
	    background: url(../img/index/bgParallax02Sp.jpg) top center no-repeat;
		background-size:cover;
	}
	#parallax02 .imgTitTxt{
		width:84%;
	}
	#parallax02 .space{
		width:100%;
	}
	#spaceMenu01,
	#spaceMenu02,
	#spaceMenu03{
		width: 89%;
		height: auto;
		left: 0;
		right: 0;
		display:block;
		margin: 0 auto;
	}
	#spaceMenu01{
		left:0;
		top:17vw;
	}
	#spaceMenu02{
		left:0;
		top:55.5vw;
	}
	#spaceMenu03{
		left:0;
		top:98vw;
	}
	#txtMenu01{
		top:23vw;
		left:15px;
	}
	#txtMenu02{
		top:22vw;
		right:15px;
	}
	#txtMenu03{
		top:-3vw;
		left:15px;
	}
	#imgMenu01{
		width:45%;
		height:auto;
		top:31px;
		right:0;
	}
	#imgMenu02{
		width:26%;
		top:15px;
		height:auto;
		left:0;
	}
	#imgMenu03{
		width:40%;
		height:auto;
		right:0;
	}
	.space .txtMenu{
		font-size:15px;
		line-height:1.2;
	}
	#parallax02 .spaceBottom{
		width:76%;
		height:22.9%;
		background: url(../img/index/bgSpaceBottomSp.png) left top no-repeat;
		background-size:100% auto;
		margin:112vw auto 0;
	}
	#slidingCloudUnderWrap,
	#slidingCloudOrverWrap{
		top:auto;
		bottom:0;
	}
	#slidingCloudUnderWrap{
		bottom:-340px;
	}
	#slidingCloudOrverWrap{
		bottom:-310px;
	}
	#slidingCloudOrverWrap img{
		width:auto;
		height:400px;
	}
	#slidingCloudUnderWrap img{
		width:auto;
		height:400px;
	}
	#titConceptParts02{
		width: 20%;
		top: -55px;
		left: 3%;
	}
	.space .shuffleTxt{
		display:inline-block;
		vertical-align:middle;
		margin-top:5px;
	}
	#spaceRocketSp{
		width: 54%;
		position:absolute;
		top: 155vw;
		left:15px;
		z-index:500;
	}
	#spaceAirshipSp{
		width:67%;
		position:absolute;
		top:166vw;
		right:-10px;
	}
	#spaceBallonSp{
		width:14.5%;
		position:absolute;
		top:200vw;
		left:60px;
		z-index:5;
	}
	.spaceBg{
		width:39.5%;
		position:absolute;
		top:-110px;
		right:65px;
		z-index:5;
	}
	
}



/*----- parallax03 -----*/
#parallax03{
	width:100%;
	/*height:3204px;*/
	position:relative;
	    padding-bottom: 250px;
	background:url(../img/index/bgParallax03.jpg) top center no-repeat,url(../img/index/bgParallax03_2.jpg) bottom center no-repeat,#3FB0FC;
}
#imgTitTxt03{
	position:absolute;
	left:-400px;
}
#parallax03 .titConcept{
	right:-2000px;
	background:url(../img/index/titBgParallax03.png) left top repeat-x;
}
#titConceptParts03{
	top:-75px;
	left:-39px;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(-40deg);
	-moz-transform:rotateZ(-40deg);
	-ms-transform:rotateZ(-40deg);
	-o-transform:rotateZ(-40deg);
	transform:rotateZ(-40deg);
}
#titConceptParts03.parts03Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}
.companyTmp{
	font-size:0;
	line-height:0;
	margin:29px 0 0 0;
}
#parallax03 .corporateProfile{
	width:939px;
	height:517px;
	position:relative;
	padding:33px 0 0 21px;
	margin:70px auto 82px;
	background:url(../img/index/bgCorporateProfile.png) left top no-repeat;
}
.corporateProfile .titProfile{
	padding:0 0 29px 0;
	font-size:0;
	line-height:0;
}
.corporateProfile .txtProfileBlock{
	color:#fff;
	font-size:15px;
	line-height:22px;
	padding:0 0 22px 1px;
}
#parallax03 .corporateProfile .wrapperProfile{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	padding-right: 40px;
}
.corporateProfile .secSlider{
	width: 500px;
	padding-top: 10px;
}
.corporateProfile .secSlider .swiper-pagination{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: 100%;
	position: static;
	margin-top: 20px;
}
.corporateProfile .secSlider .swiper-pagination-bullet{
	margin: 0 5px !important;
	opacity: 1;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: relative;
	background: #fff;
}
.corporateProfile .secSlider .swiper-pagination-bullet-active{
	background: #3fb0fc;
}
#access{
	font-size:0;
	line-height:0;
	margin:0 0 21px 0;
}
#parallax03 .access{
	width:940px;
	height:297px;
	margin:0 auto 57px;
	padding:54px 0 0 20px;
	position:relative;
	background:url(../img/index/bgAccess.png) left top no-repeat;
}
#parallax03 .txtAccessBlock{
	color:#fff;
	font-size:15px;
	line-height:22px;
	padding:31px 0 14px 2px;
}
#parallax03 .btnAccessMap{
	display:block;
	width:355px;
	height:60px;
	background:url(../img/index/btnAccessMap.png) left top no-repeat;
}
#parallax03 .btnAccessMap:hover{ background-position:right top; }
#parallax03 .iconMap{
	position:absolute;
	right:193px;
	top:173px;
}
@media only screen and (max-width: 767px) {
	#parallax03 .access{
		width:100%;
		height:auto;
		background:rgba(25,131,223,0.7);
		padding:30px 0 44px;
		margin:0 auto 20px;
	}
	#parallax03 .corporateProfile{
		width:100%;
		height:auto;
		background:rgba(25,131,223,0.7);
		padding:30px 0 20px;
		margin:0 auto 20px;
	}
	#parallax03 .corporateProfile{
		width:100%;
		height:auto;
		background:rgba(25,131,223,0.7);
		padding:30px 0 20px;
		margin:20px auto 20px;
		z-index:10;
	}
	#parallax03 .corporateProfile{ padding:30px 0 15px;}
	.corporateProfile .titProfile {
		width: 44%;
		margin: 0 auto;
		position:relative;
	}
	.corporateProfile .titProfile::before,
	.corporateProfile .titProfile::after{
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.corporateProfile .titProfile::before{
		bottom:8px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #FFF;
		border-right: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.corporateProfile .titProfile.active::before,
	.corporateProfile .titProfile.active::after{
		display:none;
	}
	.corporateProfile .txtProfile{
		padding:20px 5% 0;
	}
	.corporateProfile .txtProfileBlock{
		font-size:13px;
	}
	.corporateProfile .txtProfileBlock:last-child{
		padding:0 0 0 1px;
	}
	#parallax03 .corporateProfile .wrapperProfile{
		display: block;
		padding-right: 0;
	}
	.corporateProfile .secSlider{
		width: 90%;
		padding-top: 0;
		margin: 0 auto;
	}
	.corporateProfile .secSlider img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.corporateProfile .secSlider .swiper-pagination{
		margin-top: 10px;
	}
	.corporateProfile .secSlider .swiper-pagination-bullet{
		margin: 0 2.5px !important;
		width: 7px;
		height: 7px;
	}
	#parallax03 .access .titAccess{
		width:31%;
		margin:0 auto;
		position:relative;
	}
	#parallax03 .access .titAccess::before,
	#parallax03 .access .titAccess::after{
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	#parallax03 .access .titAccess::before{
		bottom:-21px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #FFF;
		border-right: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#parallax03 .access .titAccess.active::before,
	#parallax03 .access .titAccess.active::after{
		display:none;
	}
	#parallax03 .txtAccessBlock{
		font-size:13px;
		padding:0 5%;
	}
	#parallax03 .iconMap{ display:none;}

	#parallax03 .mapImg{
		width:40%;
		margin:20px auto 35px;
	}
	#parallax03 .btnAccessMap{
		background:none;
		width:89%;
		margin:15px auto 0;
		height:auto;
	}
	#parallax03 .iconMapSp{
		position:absolute;
		top:3%;
		right:-3%;
		z-index:10;
	}
	#parallax03 .spBox{ display:none;}
	#parallax03 .spBox.on{ display:block;}
}

#parallax03 .history{
	width:960px;
	margin:0 auto;
	position:relative;
	padding:33px 0 0 22px;
	background:rgba(25,131,223,0.7);
	box-sizing: border-box;
	border-radius: 5px;
}
.history .titHistory{
	font-size:0;
	line-height:0;
	padding:0 0 31px 0;
}
.history .txtHistoryBlock{
	color:#fff;
	font-size:15px;
	line-height:22px;
	padding:0 0 22px;
}
.history .txtHistoryBlock img{ vertical-align:middle; }
.history .historyParts01{
	position:absolute;
	/*
	top:-92px;
	right:-144px;
	*/
	top:-292px;
	right:-344px;
}
.history .historyParts02{
	position:absolute;
	top:1052px;
	right:-90px;
}
@media only screen and (max-width: 767px) {
	#parallax03{
		height:auto;
		background: url(../img/index/bgParallax03_2Sp.png) bottom center no-repeat,#3FB0FC;
		background-size:100% auto;
		    padding: 0px 5% 60px;
	}
	#parallax03 .titConcept{
		right:0;
		background:rgba(23,120,208,0.7);
		z-index:2;
	}
	#parallax03 .imgTxtWrap{ z-index:3;}
	#parallax03 .history{
		width:100%;
		height:auto;
		background:rgba(25,131,223,0.7);
		padding:30px 5% 23px;
	}
	#parallax03 .history .titHistory{
		width:51%;
		margin:0 auto;
		padding-bottom:21px;
		position:relative;
	}
	#parallax03 .history .titHistory::before,
	#parallax03 .history .titHistory::after{
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	#parallax03 .history .titHistory::before{
		bottom:0px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #FFF;
		border-right: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#parallax03 .history .titHistory.active::before,
	#parallax03 .history .titHistory.active::after{
		display:none;
	}
	.history .txtHistoryBlock{
		font-size:12px;
		padding-bottom:12px;
	}
	.history .txtHistoryBlock img{
		width:auto;
		height:17px;
	}
}

/*----- parallax04 -----*/
#parallax04{
	width:100%;
	height: 937px;
	position:relative;
	z-index:500px;
	background:url(../img/index/bgParallax04_01.jpg) top center no-repeat, url(../img/index/bgParallax04_02.jpg) no-repeat bottom center, #FFF;
}
#imgTitTxt04{
	position:absolute;
	left:400px;
}
#parallax04 .titConcept{
	left:-2000px;
	background:url(../img/index/titBgParallax04.png) left top repeat-x;
}
#titConceptParts04{
	top:-55px;
	right:0px;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(40deg);
	-moz-transform:rotateZ(40deg);
	-ms-transform:rotateZ(40deg);
	-o-transform:rotateZ(40deg);
	transform:rotateZ(40deg);
}
#titConceptParts04.parts04Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}

#parallax04 .message{
	width:976px;
	height: 622px;
	margin:0 auto;
	position:relative;
}
.message .messageBox{
	width:976px;
	height:534px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	position:absolute;
}
#messageBox01{
	left:2000px;
	top:82px;
	background:url(../img/index/bgParallax04Staff01.png) left top no-repeat;
}
#messageBox02{
	left:-2000px;
	top:682px;
	height:580px;
	background:url(../img/index/bgParallax04Staff02.png) left top no-repeat;
}
#messageBox03{
	left:2000px;
	top: 669px;
	background:url(../img/index/bgParallax04Staff03.png?2204200) left top no-repeat;
}
#messageBox04{
	left:-2000px;
	top:1882px;
	height:580px;
	background:url(../img/index/bgParallax04Staff04.png) left top no-repeat;
}


.message .messageBoxWrap{ position:relative; }
#messageParts01{
	position:absolute;
	right:130px;
	top:-63px;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}
#messageParts01.message01Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(40deg);
	-moz-transform:rotateZ(40deg);
	-ms-transform:rotateZ(40deg);
	-o-transform:rotateZ(40deg);
	transform:rotateZ(40deg);
}
#messageParts02{
	position:absolute;
	left:454px;
	top:-53px;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(40deg);
	-moz-transform:rotateZ(40deg);
	-ms-transform:rotateZ(40deg);
	-o-transform:rotateZ(40deg);
	transform:rotateZ(40deg);
	
}
#messageParts02.message02Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	
}
#messageParts03{
	position:absolute;
	right:130px;
	top:-35px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	
}
#messageParts03.message03Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(40deg);
	-moz-transform:rotateZ(40deg);
	-ms-transform:rotateZ(40deg);
	-o-transform:rotateZ(40deg);
	transform:rotateZ(40deg);
}
#messageParts04{
	position:absolute;
	left:454px;
	top:-50px;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(40deg);
	-moz-transform:rotateZ(40deg);
	-ms-transform:rotateZ(40deg);
	-o-transform:rotateZ(40deg);
	transform:rotateZ(40deg);
	
}
#messageParts04.message04Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
	
}


.message .txtFRight{
	width:520px;
	float:right;
	padding:0 29px 0 0;
}
.message .txtFLeft{
	width:520px;
	padding:0 0 0 27px;
	float:left;
}
.message .titMessage{
	font-size:0;
	line-height:0;
	padding:48px 0 0 0;
	height:75px;
}
.message .txtFRight .titMessage{
	padding:55px 0 0 5px;
}
.message .txtFLeft .titMessage{
	padding:55px 0 0 5px;
}
.message .titMessage img{ display:none; }
.message .managerial{
	font-size:13px;
	padding:9px 0 0 2px;
	font-weight:bold;
}
.message .staffName{
	font-size:20px;
	font-weight:bold;
	padding:13px 0 0 2px;
}
.message .staffName .spNone{ display:inline;}
.message .txtMessage{
	font-size:13px;
	line-height:20px;
	padding:17px 0 0 2px;
}
.message .txtMessage .messageLine{
	padding:0 0 20px 0;
}
#messageParts10{
	position:absolute;
	/*
	left:-108px;
	top:-44px;
	*/
	left:-508px;
	top:-340px;
	z-index:40;
}
#messageParts05{
	position:absolute;
	/*
	left:-130px;
	top:1211px;
	*/
	left:-430px;
	top:1011px;
	z-index:40;
}
#messageParts06{
	position:absolute;
	right:-145px;
	top:2652px;
	z-index:40;
}
#parallax04 .messageParts07{
	width:1200px;
	margin:0 auto;
	text-align:center;
	font-size:0;
	position:relative;
	line-height:0;
}
#messageParts07{
	position:absolute;
	left:0;
	top:0px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#messageParts08{
	position:absolute;
	left:335px;
	top:0px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#messageParts09{
	position:absolute;
	left:800px;
	top:0px;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}
@media only screen and (max-width: 767px) {
	#parallax04{
		height:auto;
		background: url(../img/index/bgParallax04_01Sp.png) top center no-repeat, url(../img/index/bgParallax04_02Sp.png) no-repeat bottom center, #FFF;
		background-size:100% auto;
		padding:0 5% 175px;
	}
	#parallax04 .imgTitTxt{
		width:89%;
	}
	.parallaxContents .titConcept{
		height:180px;
		top:0;
	}
	#parallax04 .titConcept{
		left:0;
		background:rgba(131,174,0,0.8);
	}
	#parallax04 .message{
		width:100%;
		margin:20px auto 0;
		height:auto;
	}
	.message .messageBox{
		width:100%;
		height:auto;
		position:static;
	}
	.message .spBox{
		position:relative;
	}
	
	.message .spBox::before,
	.message .spBox::after{
		position: absolute;
		bottom: 0;
		right:0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.message .spBox::before{
		bottom:28px;
		right:10px;
		width: 8px;
		height: 8px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#messageBox03 .spBox::before{
		bottom:18px;
	}
	.message .spBox.active::before,
	.message .spBox.active::after{
		display:none;
	}
	
	#messageBox01,
	#messageBox02,
	#messageBox03{
		background:none;
		height:auto;
		opacity:1 !important;
	}
	#messageBox02,
	#messageBox03{ margin-top:20px;}
	.message .txtFRight,
	.message .txtFLeft{
		width:100%;
		float:none;
		padding:0;
	}
	.message .btnMove { margin-top:30px;}
	.message .titMessage,
	.message .txtFRight .titMessage,
	.message .txtFLeft .titMessage{
		height:auto;
		font-weight:bold;
		font-size:16px;
		line-height:1.4;
	    padding: 23px 40px 0 0;
	}
	.message .txtMessage{
		line-height:1.7;
		display:none;
	}
	.message .titMessage img{
		display:none !important;
	}
	.message .txtMessage .messageLine{
		padding:0;
	}
	.message .imgMessage{
		position:relative;
	}
	.message .imgMessage .sub{
		position:absolute;
		bottom:15px;
		left:15px;
		color:#fff;
	}
	.message .managerial{ padding:0;}
	.message .staffName{
		line-height:1.2;
		padding:7px 0 0;
	}
	.titConceptParts06{
		width:9.5%;
		top:-30px;
		left:7%;
	}
	.titConceptParts07{
		width: 10.5%;
		top: -10px;
		right:5%;
	}
	#parallax04 .messageParts07{
		width:100%;
	}
}

/*----- parallax05 -----*/
#parallax05{
	width:100%;
	height: 870px;
	position:relative;
	z-index:600;
	background:url(../img/index/bgParallax05_1.jpg) top center no-repeat,url(../img/index/bgParallax05_2.jpg?220420) bottom center no-repeat,#3FB0FC;
}
#imgTitTxt05{
	position:absolute;
	left:-400px;
}
#parallax05 .titConcept{
	right:-2000px;
	background:url(../img/index/titBgParallax05.png) left top repeat-x;
}
#titConceptParts05{
	top:-86px;
	left:-37px;
	-webkit-transition-property:transform;
	-moz-transition-property:transform;
	-ms-transition-property:transform;
	-o-transition-property:transform;
	transition-property:transform;
	
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	
	-wenkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	
	-webkit-transform:rotateZ(-40deg);
	-moz-transform:rotateZ(-40deg);
	-ms-transform:rotateZ(-40deg);
	-o-transform:rotateZ(-40deg);
	transform:rotateZ(-40deg);
}
#titConceptParts05.parts05Show{
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	
	-webkit-transform:rotateZ(0deg);
	-moz-transform:rotateZ(0deg);
	-ms-transform:rotateZ(0deg);
	-o-transform:rotateZ(0deg);
	transform:rotateZ(0deg);
}

#parallax05 .service{
    width: 960px;
    height: 549px;
    color: #fff;
    font-size: 15px;
    position: relative;
    padding: 50px 20px;
    margin: 63px auto 0;
    background:url(../img/index/bgService.png?20240507) left top no-repeat;
}
.service .titService{
	font-size:0;
	line-height:0;
	padding:0 0 29px 0;
}
.service .txtCaption{
	font-size:22px;
	line-height:22px;
	padding:0 0 24px 2px;
}
.service .txtService a{
	position: relative;
	color: inherit;
}
.service .txtService a::before{
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    display: block;
    bottom: 3px;
    right: -15px;
    width: 10px;
    height: 10px;
    background-image: url(../img/index/linkIcon.png);
}
.service .txtService{
	font-size:15px;
	line-height:22px;
	padding:0 0 40px 2px;
}
.service .btnMove{
	display:block;
	width:355px;
	height:60px;
	margin:0 0 60px 0;
	background:url(../img/index/btnMoveService.png) left top no-repeat;
}
.service .btnMove:hover{ background-position:right top; }
#serviceParts01{
	position:absolute;
	/*
	right:-73px;
	top:530px;
	*/
	right:-430px;
	top:1080px;
}

#parallax05 .serviceMore{
	width:960px;
	margin:0 auto;
	padding:96px 0 0 0;
	position:relative;
}
#serviceMoreParts01{
	position:absolute;
	left:-40px;
	top:26px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#serviceMoreParts02{
	position:absolute;
	left:250px;
	top:116px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#serviceMoreParts03{
	position:absolute;
	right:-35px;
	top:116px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#serviceMoreParts04{
	position:absolute;
	right:230px;
	top:16px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#serviceMoreParts05{
	position:absolute;
	left:90px;
	top:345px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
#serviceMoreParts06{
	position:absolute;
	left:530px;
	top:330px;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	opacity:0;
}
@media only screen and (max-width: 767px) {
	#parallax05{
		height:auto;
		background:url(../img/index/bgParallax05_1Sp.png) top center no-repeat,url(../img/index/bgParallax05_2Sp.jpg) bottom center no-repeat,#3FB0FC;
		background-size:100% auto;
		padding: 0px 5% 130px;
	}
	#parallax05 .titConcept{
		right:0;
		background:rgba(255,102,0,0.8);
	}
	#parallax05 .service{
		width:100%;
		height:auto;
		margin:20px auto 0;
		padding:30px 5% ;
		padding-bottom: 0;
		background:rgba(255,102,0,0.85);
		box-sizing:border-box;
	}
	.service .titService{
		width:36%;
		padding: 0 0 22px 0;
		margin:0 auto;
	}
	.service .txtCaption{
		font-size:15px;
		padding:0;
	}
	.service .txtService a::before{
		right: -15px;
		width: 10px;
		height: 10px;
	}
	.service .txtService{
		font-size:13px;
		padding: 0 0 30px 0;
	}
	.service .spHouse{
		  display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
	.service .spIn:nth-child(1){
		order:2;
	}
	.service .spIn:nth-child(2){
		order:1;
	}

	.service .btnMove{
		width:100%;
		height:auto;
		background:none;
		margin:15px auto 25px;
	}
	.service .spIn:nth-child(1) .btnMove { display:none;}
	#parallax05 .serviceMore{
		width:70%;
		padding:25px 0 0;
		font-size:0;
	}
	#serviceMoreParts01,
	#serviceMoreParts03{
		position:static;
		opacity:1;
		width:48%;
		margin-right:4%;
		display:inline-block;
		vertical-align:top;
		top:0 !important;
		opacity:1 !important;
	}
	#serviceMoreParts03{ margin-right:0;}
	.service .btnMove.last{
		margin:15px auto 0;
	}
}


/*------------------------------
		  footer
------------------------------*/
#footer{
	background:#242424 url(../img/common/bgFooter.gif) left top repeat-x;
}

/*----- footerLogo -----*/
#footer .logoFooter{
	width:300px;
	margin:0 auto;
	padding:30px 0 31px;
}

/*----- footMenu -----*/
.footMenu{
	color:#ccc;
	width:1004px;
	margin:0 auto;
	padding:0 0 6px 0;
}
.footMenu .menuBox{
	width:184px;
	float:left;
	margin:0 0 0 21px;
}
.footMenu .menuBox.mostLeft{
	margin:0;
}
.menuBox .siteLink{
	display:block;
	width:184px;
	height:59px;
}
.menuBox .siteLink.siteBg01{ background:url(../img/index/btnFootMenu01.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg02{ background:url(../img/index/btnFootMenu02.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg03{ background:url(../img/index/btnFootMenu03.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg04{ background:url(../img/index/btnFootMenu04.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg05{ background:url(../img/index/btnFootMenu05.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg06{ background:url(../img/index/btnFootMenu06.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg07{ background:url(../img/index/btnFootMenu07.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg08{ background:url(../img/index/btnFootMenu08.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg09{ background:url(../img/index/btnFootMenu09.jpg) left top no-repeat; }
.menuBox .siteLink:hover{ background-position:right top; }
.menuBox .siteTxt{
	text-align:center;
	font-size:11px;
	padding:12px 0 27px;
}

/*----- footNavi -----*/
.footNavi a{ color:#fff; }
.footNavi a:hover{ color:#ccc; }
.footNavi{ color:#fff; }

#footer .footNavi{
	background:url(../img/index/bgFootNavi.gif) left top repeat-y;
}
.footNavi .naviBox{
	background:url(../img/index/bgFootNavi.gif) right top repeat-y;
}
@media only screen and (max-width: 767px) {
	#footer .logoFooter{
		width:43%;
		margin:0 auto;
	    padding: 27px 0 21px;
	}
	.footMenu{
		width:90.5%;
	}
	.footMenu .menuBox{
		width:49%;
		margin:0;
		margin-bottom:10px;
	}
	.footMenu .menuBox .siteLink.siteBg02,
	.footMenu .menuBox .siteLink.siteBg05{
		margin-left:2%;
	}
	.menuBox .siteLink{
		width:100%;
		height:auto;
	}
	.menuBox .siteTxt{
	    padding: 12px 0 2px;
	}
}