@charset "utf-8";
/*　レスポンシブスタイル　*/
@media screen and (max-width: 990px) {
.header > div {
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.footer > div {
	width:100%;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}
.story_area {
/*	height:990px;*/
	height:750px;
}
}
@media screen and (max-width: 710px) {
#rect01 {
	background-size:100%;
	width:100%;
/*    margin-left:-50%;*/
}
#rect02 {
	background-size:100%;
	width:100%;
/*    margin-left:-50%;*/
}
.content {
	width:100%;
}
.ttl_img01 {
}
.text_content {
	top:500px;
}
.header {
	height:65px;
}
.header > div img {
	height:35px;
}
.ttl_img02 {
	top:-95px;
	right:-167px;
	width:175px !important;
}
.ttl_text {
	margin:20px;
}
.mid_text {
	margin:20px;
}
.story_area {
/*	height:990px;*/
	height:850px;
}
.movie_area > div {
	margin:0 auto;
	background:url(../img/special_video_small.png) no-repeat bottom center transparent;
	padding-bottom:40px;
}
}
@media screen and (max-width: 600px) {
.ttl_imgarea {
margin-top:340px;
}
.text_content {
	top:450px;
	width:auto;
}
.ttl_img02 {
	top:-65px;
	right:-140px;
	width:147px !important;
}
.movie_area > div {
	margin:0 10px;
	width:auto;
}
.movie_area > div iframe {
	width:100%;
}
.story_content p {
	font-size:12px;
}

}

@media screen and (max-width: 500px) {
.ttl_imgarea {
margin-top:280px;
}
.text_content {
	top:410px;
}
.ttl_img02 {
	top:-35px;
	right:-110px;
	width:115px !important;
}
.story_area {
/*	height:1000px;*/
	height:1200px;
}
}
@media screen and (max-width: 430px) {
.header {
	height:55px;
}
.header > div img {
	height:30px;
	margin-top:10px;
}
.ttl_imgarea {
	margin-top:250px;
}
.ttl_img02 {
	display:none;
}
}

@media screen and (max-width: 360px) {
.story_area {
/*	height:1220px;*/
	height:1400px;
}
}
@media screen and (max-width: 340px) {
.header > div {
	padding:0 5px;
}
.ttl_imgarea {
margin-top:200px;
}
.footer > div {
	padding-left:5px;
	padding-right:5px;
}
}