@charset "utf-8";
#contentContainer {
	height:720px;
}

#inner {
	height:720px;
}


#text{
	position: absolute;
	top:20px;
	width: 960px;
	height:176px;
	left: 140px;
}
#nobori{
	position: absolute;
	top:190px;
	left:1000px;
	width: 240px;
	height:200px;
	z-index:1;
	border-radius: 30px;
}
#text3{
	position: absolute;
	top:400px;
	width: 240px;
	height:32px;
	left:1000px;
	z-index:1;
}
#kudari{
	top:190px;
	left:90px;
	position: absolute;
	width: 280px;
	height:400px;
	z-index:1;
	border-radius: 30px;
}
#text2{
	position: absolute;
	top:600px;
	width: 240px;
	height:32px;
	left:90px;
	z-index:1;
}
#base{
	position: absolute;
	top:230px;
	left:330px;
	width: 800px;
	height:450px;
	z-index:0;
}

.playBtn{
	position: absolute;
	width: 80px;
	height:40px;
	z-index:1;
	cursor: pointer;
}
#playBtn1{
	top:270px;
	left:670px;
	
}
#playBtn2{
	top:350px;
	left:460px;
}
#playBtn3{
	top:360px;
	left:900px;
}
#arrow1{
	position: absolute;
	top:285px;
	left:370px;
	width: 205px;
	height: 50px;
	border-top: 8px solid #5bc0de;
	border-right: 8px solid #5bc0de;
	box-sizing: border-box;
	z-index:1;
  }
  
  #arrow1::after{
	content: "";
	position: absolute;
	bottom: -14px;
	right: -17px;
	border-top: 14px solid #5bc0de;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
  }
  #arrow2{
	position: absolute;
	top:285px;
	left:865px;
	width: 120px;
	height: 50px;
	border-top: 8px solid #5bc0de;
	border-left: 8px solid #5bc0de;
	box-sizing: border-box;
	z-index:1;
  }
  #arrow2::after{
	content: "";
	position: absolute;
	bottom: -14px;
	left: -17px;
	border-top: 14px solid #5bc0de;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	}
	
	#relrel {
		position: relative;
	}