@media screen and (min-width: 1001px) {

/*------------------------------------------------------------------------------
								CHARA
------------------------------------------------------------------------------*/
#chara {
	width:1160px;
	padding-left:40px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#charaArea {
	width:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#charaArea li {
	width:340px;
	float:left;
	margin-right:50px;
	margin-bottom:20px;
	height:450px;
	box-sizing:border-box;
	padding-top:150px;
	padding-right:190px;
	font-family: "M PLUS Rounded 1c";
	font-weight:400;
	text-align:justify;
	line-height:1.8em;
}
#charaArea li:nth-child(3),#charaArea li:nth-child(6) {
	margin-right:0px;
}
#charaArea li:nth-child(7) {
	margin-left:195px;
}
#charaArea li:nth-child(4) {
	margin-left:0px;
}
#charaArea #chara1 {
	background:url(../../img/chara/chara1b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara2 {
	background:url(../../img/chara/chara2b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara3 {
	background:url(../../img/chara/chara3b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara4 {
	background:url(../../img/chara/chara4b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara5 {
	background:url(../../img/chara/chara5b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara6 {
	background:url(../../img/chara/chara6b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara7 {
	background:url(../../img/chara/chara7.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara8 {
	background:url(../../img/chara/chara8.gif) no-repeat center top;
	background-size:contain;
}
}
@media screen and (max-width: 1000px) {

/*------------------------------------------------------------------------------
								CHARA
------------------------------------------------------------------------------*/
#chara {
	width:530px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#charaArea {
	width:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
}
#charaArea li {
	width:100%;
	margin-bottom:40px;
	height:700px;
	box-sizing:border-box;
	padding-top:240px;
	padding-right:270px;
	font-family: "M PLUS Rounded 1c";
	font-weight:400;
	text-align:justify;
	line-height:1.8em;
	font-size:24px;
}
#charaArea #chara1 {
	background:url(../../img/chara/chara1b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara2 {
	background:url(../../img/chara/chara2b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara3 {
	background:url(../../img/chara/chara3b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara4 {
	background:url(../../img/chara/chara4b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara5 {
	background:url(../../img/chara/chara5b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara6 {
	background:url(../../img/chara/chara6b.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara7 {
	background:url(../../img/chara/chara7.gif) no-repeat center top;
	background-size:contain;
}
#charaArea #chara8 {
	background:url(../../img/chara/chara8.gif) no-repeat center top;
	background-size:contain;
}

}