@charset "utf-8";

/* common
========================================================== */
.scroll {
	width:110px;
	height:60px;
	position:absolute;
	bottom:64px;
	left:50%;
	margin:0 0 0 -55px;
}

/* story
========================================================== */
.story {
	width:100%;
	position:relative;
	background:url('/story/images/bgi_story_1.jpg') no-repeat center top;
}
.story h2 {
	width:210px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-134px 0 0 -105px;
}
.story .copy {
	width:780px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:14px 0 0 -390px;
}

/* vision
========================================================== */
.vision {
	width:100%;
	position:relative;
	background:url('/story/images/bgi_story_2.jpg') no-repeat center top;
}
.vision h2 {
	width:140px;
	height:40px;
	position:absolute;
	top:94px;
	left:50%;
	margin:0 0 0 -70px;
}
.vision .copy {
	width:670px;
	height:350px;
	position:absolute;
	top:186px;
	left:50%;
	margin:0 0 0 -335px;
}
.vision .txt {
	width:750px;
	height:280px;
	margin:0 auto;
	padding:550px 0 210px;
}

/* mission
========================================================== */
.mission {
	width:100%;
	position:relative;
	background:url('/story/images/bgi_story_3.jpg') no-repeat center top;
}
.mission h2 {
	width:190px;
	height:40px;
	position:absolute;
	top:72px;
	left:50%;
	margin:0 0 0 -95px;
}
.mission .copy {
	width:810px;
	height:40px;
	position:absolute;
	top:236px;
	left:50%;
	margin:0 0 0 -405px;
}
.mission .txt {
	width:820px;
	height:250px;
	margin:0 auto;
	padding:340px 0 415px;
}
.mission .btn {
	width:206px;
	height:47px;
	position:absolute;
	top:680px;
	left:50%;
	margin:0 0 0 -103px;
}