@charset "UTF-8";

#topText{
	color:#059dde;
	text-align:center;
	}
#comment h2{color:#059dde;}
#comment section:last-child{ margin-bottom:0;}


@media all and (min-width: 768px) {
.Intro h1{
	width:980px;
	height:110px;
	margin:30px auto;
	background:url(../img/intro_parts.png) no-repeat;
	text-indent:-9999px;
	}
#mainImage img{
	width:900px;
	height:350px;
	margin:0 auto 30px;
	background:url(../img/intro_img.jpg) no-repeat;
	}
#topText{
	font-size:190%;
	line-height:2.0;
	padding-bottom:40px;
	}
#topText strong{
	padding-bottom:10px;
	border-bottom:2px solid #059dde;
	}
#topText span{
	padding:15px 0 0;
	display:inline-block;
	}
.ti_text{
	font-size:100%;
	line-height:2.0;
	padding-bottom:40px;
	text-align:center;
	}
.story_text{
	color:#059dde;
	font-size:130%;
	line-height:2.4;
	text-align:center;
	padding-bottom:40px;
	}
.Intro h2{
	font-size:110%;
	line-height:2.0;
	}
.text{
	padding-bottom:20px;
	font-size:94%;
	line-height:1.8;
	}

#comment section{
	background-color:#fff3e6;
	padding:20px 25px;
	margin-bottom:15px;
	}
#comment section h3{
	color:#0a91cb;
	font-size:100%;
	line-height:1.5;
	}
#comment section p{
	color:#29abe3;
	font-size:94%;
	line-height:1.7;
	margin-bottom:15px;
	}
}
@media all and (max-width: 767px) {
.Intro h1{
	width:94%;
	height:0;
	padding-top:12.12%;
	margin:10px auto 15px;
	background:url(../img/intro_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
#mainImage img{
	width:100%;
	height:0;
	padding-top:38.88%;
	margin:0 auto 30px;
	background:url(../img/intro_img.jpg) no-repeat;
	background-size:cover;
	}
#topText{
	font-size:110%;
	line-height:1.8;
	padding-bottom:20px;
	}
#topText strong{
	padding-bottom:4px;
	border-bottom:2px solid #059dde;
	}
#topText span{
	padding:2px 0 0;
	display:inline-block;
	}
.ti_text{
	font-size:94%;
	line-height:1.4;
	padding-bottom:20px;
	text-align:center;
	}
.story_text{
	color:#059dde;
	font-size:94%;
	line-height:1.8;
	padding-bottom:20px;
	text-align:center;
	}

.Intro h2{
	font-size:100%;
	line-height:1.4;
	}
.text{
	padding-bottom:20px;
	font-size:86%;
	line-height:1.6;
	}
#comment h2{
	margin-bottom:10px;
	}
#comment section{
	background-color:#fff3e6;
	padding:15px 20px 5px;
	margin-bottom:10px;
	box-sizing:border-box;
	}
#comment section h3{
	color:#0a91cb;
	font-size:94%;
	line-height:1.5;
	}
#comment section p{
	color:#29abe3;
	font-size:86%;
	line-height:1.6;
	margin-bottom:15px;
	}
}
