@charset "UTF-8";

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

@media screen and (max-width: 640px) {
	.parallax.bg-01 {
	background:url("../images/intro_bg.jpg") 52% top no-repeat;
	background-size:auto 100%;
	height:200vW !important;
	min-height:200vW;
	margin-top:-30px;
	}
}
#poemArea{
	margin-top:-800px;
}
#poemArea p{
	margin:0;
	line-height:0;
}
#poemArea #poem{
	margin:0px 0 0 50%;
	padding-top:150px;
	width:50%;
}
#poemArea .contents{
	min-height:800px;
}

@media screen and (max-width: 640px) {
	#poemArea{
	margin-top:-175vW;
	}
	#poemArea p{
		margin:0;
		line-height:0;
	}
	#poemArea #poem{
		margin:0px 0 0 22%;
		width:75%;
		padding:28vW 0 0 0 ;
	}
	#poemArea #poem img{
		width:100%;
	}
	#poemArea .contents{
		min-height:145vW;
		height:145vW;
	}
}
#poemArea .cateTitle{
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	margin:0 auto ;
}

@media screen and (max-width: 640px) {
	#poemArea .cateTitle{
	position:absolute;
	bottom:10vW;
	left:0;
	right:0;
	margin:0 auto ;
	}	
}
#intro::before{
	content:'';
	width:100%;
	height:3px;
	background:url("../../images/paper01.png") center top no-repeat;
	position:absolute;
	top:-3px;
	left:0;
	display:block;
}
#intro::after{
	content:'';
	width:100%;
	height:3px;
	background:url("../../images/paper02.png") center top no-repeat;
	position:absolute;
	bottom:-3px;
	left:0;
	display:block;
}
#intro{
	position:relative;
	background:url("../../images/paper.jpg") center top repeat-y;
	padding:60px 0 100px 0;
}
#intro .contents{
	max-width:810px;
}

@media screen and (max-width: 640px) {
	#intro{
	padding:10% 0 20% 0;
	}
}
#intro h2{
	font-size:24px;
	line-height:1.55em;
	font-weight:700;
	text-align:center;
	color:#4e5d5c;
}
#intro h2 .big{
	font-size:34px;
	font-weight:700;
}
#intro h3{
	font-size:22px;
	line-height:1.4em;
	font-weight:700;
	text-align:center;
	margin-bottom:30px;
	color:#4e5d5c;
}
#intro p{ font-weight:500;
}
@media screen and (max-width: 640px) {
	#intro h2{
	font-size:18px;
	line-height:1.5em;
	font-weight:700;
	text-align:center;
	margin-bottom:12px;
	}
	#intro h2 .big{
		font-size:25px;
		font-weight:700;
	}
	#intro h3{
	font-size:16px;
	line-height:1.3em;
	font-weight:700;
	text-align:center;
	margin-bottom:10%;
	}
	#intro p{
		width:86%;
		margin:0 auto;
	}
}