@charset "UTF-8";

#wrapper{
	overflow:hidden;
}
.parallax.bg-01 {
	background:url("../images/story_bg.jpg") center top no-repeat;
	height:1300px;
}

@media screen and (max-width: 640px) {
	.parallax.bg-01 {
	background:url("../images/story_bg.jpg") center top no-repeat;
	background-size: auto 140vH;
	height:140vH;
	}
}
#storyHeader{
	min-height:700px;
	margin-top:-1400px;
}
#storyHeader .contents{
	min-height:700px;
	
}
#storyHeader .cateTitle{
	position:absolute;
	bottom:60px;
	left:0;
	right:0;
	margin:0 auto ;
}

@media screen and (max-width: 640px) {
	#storyHeader{
	min-height:90vH;
	margin-top:-140vH;
	}
	#storyHeader .contents{
		min-height:90vH;

	}
	#storyHeader .cateTitle{
		position:absolute;
		top:60vH;
		bottom:auto;
		left:0;
		right:0;
		margin:0 auto ;
	}
}
#story::before{
	content:'';
	width:100%;
	height:3px;
	background:url("../../images/paper_br_01.png") center top no-repeat;
	position:absolute;
	top:-3px;
	left:0;
	display:block;
	opacity:0.8;
}

#story{
	position:relative;
	padding:60px 0 100px 0;
}
.storyBg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../../images/paper_br.jpg") center top repeat-y;
	opacity:0.8;
}
#story .contents{
	max-width:810px;
}
#story h2{
	font-size:32px;
	line-height:1.3em;
	font-weight:700;
	text-align:center;
	color:#fff;
	margin-bottom:30px;
}
#story p{
	font-weight:500;
	color:#c9b597;
}
@media screen and (max-width: 640px){
	#story{
	position:relative;
	padding:10% 0 20% 0;
	}
	.storyBg{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background:url("../../images/paper_br.jpg") center top repeat-y;
		opacity:0.8;
	}
	#story .contents{
		max-width:82%;
	}
	#story h2{
		font-size:18px;
		line-height:1.3em;
		font-weight:700;
		text-align:center;
		color:#fff;
		margin-bottom:30px;
	}
	#story p{
		color:#c9b597;
	}
}