@charset "UTF-8";

#story{
}
@media screen and (min-width:980px){
#story{
	width:100%;
	position:relative;
	background:url("../images/story_bg_pc.jpg") center top no-repeat;
	padding-top:300px;
	padding-bottom:150px;
}
}
@media screen and (min-width:641px) and (max-width:980px){
	#story{
	margin:3vW auto 0 auto;
	position:relative;
	background:url("../images/story_bg_pc.jpg") center top no-repeat;
	background-size:2272px auto;
	padding-top:30vw;
	padding-bottom:150px;

	}
}
@media screen and (max-width:640px){
	#story{
	width:100%;
	margin:0;
	position:relative;
	background:#6395a7 url("../images/story_bg_pc.jpg") center top no-repeat;
	background-size:180% auto;
	padding-top:50vw;
	padding-bottom:0;
	}
}

#story h2{ display:none; }

@media screen and (min-width:981px) {
	#story h1{
	max-width:731px;
	max-height:211px;
	
	width:731px;
	height:211px;
	background:url("../images/story_ti.png") no-repeat;
	text-indent:-9999px;
	margin:0px auto -30px auto;
	top:-50px;
		display:block;
		position:relative;
	}
	#story p{
	width:80%;
	margin:0 auto;
		padding-bottom:50px;
	}
	#story .contents{
	width:731px !important;
	margin:0 auto;
	background:#fff;
	border-radius: 20px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
}
}

@media screen and (min-width:641px) and (max-width:980px){
	#story h1{
	max-width:731px;
	
	width:75vW;
	height:22vw;
	background:url("../images/story_ti.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto;
	top:-5vw;
	display:block;
	position:relative;
	}
	#story p{
	width:90%;
	margin:-3vw auto 0 auto;
		padding-bottom:40px;
	}
	#story .contents{
	width:75% !important;
	padding:0;
	overflow: visible;
	background:#fff;
	border-radius: 20px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px; 
	}
}

@media screen and (max-width:640px){
	#story h1{
	width:100%;
	height:39vw;
	background:url("../images/story_ti.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto;
	display:block;
	position:relative;
	top:-12vw;
	}
	#story p{
	width:90%;
	margin:-12vw auto 0 auto;
		padding-bottom:40px;
	}
	
	#story .contents{
	width:100% !important;
	overflow:visible !important;
	margin:0 auto;
	background:#fff;
	padding:6% 0;
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px; 
	}
}