@charset "UTF-8";
.Illust #mainImg img{ background-image: url(../img/illust_img.jpg);}


@media all and (min-width: 768px) {
.Illust h1{
	width:980px;
	height:110px;
	margin:30px auto;
	background:url(../img/illust_parts.png) no-repeat;
	text-indent:-9999px;
	}
.Illust #mainImg img{
	width:900px;
	height:640px;
	margin:0 auto 30px;
	}
#contentsArea h2{
	font-size:110%;
	color:#0376a8;
	padding-bottom:10px;
	line-height:1.6;
	}
.introText{
	margin-bottom:30px;
	}
#contentsArea p{
	font-size:94%;
	line-height:1.8;
	}

#profile{
	background-color:#eff5f8;
	padding:10px;
	}
#profile .inbox{
	border:1px solid #a5bbc9;
	padding:25px;
	}
#profile .inbox h3{
	color:#025376;
	font-size:120%;
	font-weight:normal;
	line-height:1.4;
	padding-bottom:10px;
	}
#profile .inbox p{
	color:#025376;
	font-size:94%;
	line-height:1.6;
	}
}
@media all and (max-width: 767px) {
.Illust h1{
	width:94%;
	height:0;
	padding-top:12.12%;
	margin:10px auto 15px;
	background:url(../img/illust_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Illust #mainImg img{
	width:100%;
	height:0;
	padding-top:71.11%;
	margin:0 auto 20px;
	background-size:cover;
	}
#contentsArea h2{
	font-size:90%;
	color:#0376a8;
	padding-bottom:10px;
	line-height:1.6;
	}
.introText{
	margin-bottom:20px;
	}
#contentsArea p{
	font-size:86%;
	line-height:1.6;
	}

#profile{
	background-color:#eff5f8;
	padding:6px;
	}
#profile .inbox{
	border:1px solid #a5bbc9;
	padding:15px;
	}
#profile .inbox h3{
	color:#025376;
	font-size:90%;
	line-height:1.4;
	padding-bottom:10px;
	}
#profile .inbox p{
	color:#025376;
	font-size:86%;
	line-height:1.6;
	}
}