@charset "UTF-8";
/* -----------------------------------------------------------
   INTRO
------------------------------------------------------------*/
#contentsArea h1{text-indent:-9999px;}
.text1,.text2,.text3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	}

#original{ background-color:#f5f4f4;}

@media all and (min-width: 768px) {
#contentsArea .inner{
	padding:20px 40px 40px;
	}
#contentsArea h1{
	display:block;
	height:240px;
	background:url(../img/intro_header.jpg) no-repeat;
	}
.text1,.text3{ color:#808080;}
.text2{ color:#e4007f;}
.text1{
	font-size:140%;
	line-height:2.0;
	margin-bottom:30px;
	}
.text2{
	font-size:180%;
	line-height:1.4;
	margin-bottom:30px;
	}
.text3{
	font-size:120%;
	line-height:2.0;
	margin-bottom:30px;
	}
.h-text{
	font-size:90%;
	line-height:1.6;
	margin-bottom:20px;
	}
#original h2{
	padding:20px 20px 5px 20px;
	font-size:90%;
}
#original p{
	font-size:90%;
	line-height:1.6;
	padding:0 20px 20px;
	}
}
@media all and (max-width: 767px) {
#contentsArea .inner{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	}
#contentsArea h1{
	display:block;
	width:100%;
	height:0;
	padding-top:28.125%;
	background-size:cover;
	background-image:url(../img/intro_header_smp.jpg);
	}
.text1,.text3{ color:#606060;}
.text2{ color:#e4007f;}
.text1{
	font-size:90%;
	line-height:1.6;
	margin-bottom:20px;
	}
.text2{
	font-size:120%;
	line-height:1.0;
	margin-bottom:20px;
	}
.text3{
	font-size:80%;
	line-height:1.8;
	margin-bottom:20px;
	}
.h-text{
	font-size:80%;
	line-height:1.6;
	margin-bottom:20px;
	}
#original h2{
	padding:20px 20px 5px 20px;
	font-size:80%;
}
#original p{
	font-size:80%;
	line-height:1.4;
	padding:0 20px 20px;
	}
}