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

#story1 { background: url(../img/story/story1.png) no-repeat 50% 0; width: 100%; height: 306px; }
#story2 { background: url(../img/story/story2.png) no-repeat 50% 0; width: 100%; height: 305px; }
#story3 { background: url(../img/story/story3.png) no-repeat 50% 0; width: 100%; height: 303px; }

.cen { color: #43b702; line-height: 1.8; }
.subtitle{ font-family: 'Noto Serif', serif;font-size:30px;}
.subtitle_small{ font-family: 'Noto Serif', serif;font-size:25px;}
.senario_area{ text-align:center;width:700px;margin:auto;}
.senario_area .frame{border:solid 1px #007440; padding:20px;margin-top:20px;text-align:left;}


/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
#sp { display: none; }
@media screen and (max-width: 720px) {
	#story1 { background: none; height: 25px; margin-bottom: 50px; }
	#story2,#story3 { display: none; }
	
	#sp { display: block; margin-bottom: 15px; font-family: "Sawarabi Mincho"; font-size:13px;}
    .subtitle{ font-family: 'Noto Serif', serif;font-size:20px;}
    .subtitle_small{ font-family: 'Noto Serif', serif;font-size:18px;}
    .senario_area{ text-align:center;width:90%;margin:70px auto;}
    p{font-size:80%;}
    .senario_area .frame{font-size:80%;}
}