@charset "UTF-8";
/* CSS Document */

#main{
	width:90%;
	padding-bottom:1%;
}


h4{
	font-size:20pt;
	height:auto;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:1%;
}

#PROLOGUE_Box{
	margin-left:10%;
	width:780px;
	height:auto;
	text-align:left;
	margin-bottom:20%;
}

.PROLOGUE_text{
	margin-left:10%;
	font-size:15pt;
}

#STORY_A_Box{
	margin-bottom:20%;
	margin-left:10%;
}

#STORY01_Box{
	width:850px;
	margin-left:0%;
	margin-top:2%;
	margin-bottom:2%;
}

#SERIHU_Box01{
	width:800px;
	height:auto;
	margin-top:2%;
}


.icon img{
	min-width:90px;
	width:5%;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:0%;
	padding-right:2%;
	top:-0em;
}

.serihu{
	font-size:15pt;
	margin-bottom:2%;
	margin-top:-85px;
	margin-left:12%;
}

.st_text_Box01{
	font-size:15pt;
	margin-left:12%;
	margin-top:6%;
	height:auto;
	width:70%;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	
	#main{
	width:100%;
	padding-bottom:1%;
}

h4{
	font-size:20pt;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:1%;
}

#PROLOGUE_Box{
	margin-left:10%;
	width:85%;
	height:auto;
	text-align:left;
	margin-bottom:20%;
}

.PROLOGUE_text{
	margin-left:10%;
	font-size:15pt;
}

#STORY_A_Box{
	margin-bottom:20%;
	margin-left:10%;
}

#STORY01_Box{
	width:85%;
	margin-left:0%;
	margin-top:2%;
	margin-bottom:2%;
}

#SERIHU_Box01{
	width:95%;
	height:auto;
}


.icon img{
	min-width:90px;
	width:4%;
	margin-top:2%;
	margin-bottom:2%;
	margin-left:-3%;
	padding-right:2%;
	top:-0em;
}

.serihu{
	font-size:13pt;
	width:82%;
	margin-bottom:2%;
	margin-top:-85px;
	margin-left:20%;
}

.st_text_Box01{
	font-size:13pt;
	margin-left:21%;
	margin-top:10%;
	height:auto;
	width:82%;
}

	
	}/* 959px以下に適用されるCSS（タブレット用） */





@media screen and (max-width: 559px) {
	/* 559px以下に適用されるCSS（スマホ用） */
	
#main{
	width:100%;
	padding-bottom:1%;
}

h4{
	font-size:15pt;
	padding-left:5%;
	padding-top:5%;
	padding-bottom:1%;
}

#PROLOGUE_Box{
	width:85%;
	height:auto;
	text-align:left;
	padding-bottom:20%;
}

.PROLOGUE_text{
	margin-left:2%;
	font-size:12pt;
}

#STORY_A_Box{
	margin-bottom:20%;
	margin-left:15%;
}

#STORY01_Box{
	width:85%;
	margin-left:0%;
	margin-top:2%;
	margin-bottom:2%;
}

#SERIHU_Box01{
	width:90%;
	height:auto;
}


.icon img{
	min-width:55px;
	width:4%;
	padding-top:2%;
	padding-bottom:2%;
	margin-left:-30px;
	top:-0em;
}

.serihu{
	font-size:10pt;
	width:85%;
	margin-bottom:10%;
	margin-top:-70px;
	margin-left:11%;
}

.st_text_Box01{
	font-size:10pt;
	margin-left:12%;
	margin-top:6%;
	height:auto;
	width:85%;
}

	
}/*　画面サイズが559px以下の場合ここの記述が適用される　*/