@charset "UTF-8";
/* -----
人物一覧
--------------- */
.chara01 {
	max-width: 222px;
	width: 19.13%;
	height: 30.92%;
	top: 0%;
	left: 18.87%;
}

.chara02 {
	max-width: 222px;
	width: 19.13%;
	height: 30.92%;
	top: 0%;
	left: 57.93%;
}

.chara03 {
	max-width: 222px;
	width: 19.13%;
	height: 30.92%;
	top: 31.14%;
	left: 38.1%;
}

.chara04 {
	max-width: 177px;
	width: 15.25%;
	height: 25.21%;
	top: 40.35%;
	left: 67.75%;
}

.chara05 {
	max-width: 177px;
	width: 15.25%;
	height: 25.21%;
	top: 43.75%;
	left: 5.6%;
}

.chara06 {
	max-width: 177px;
	width: 15.25%;
	height: 25.21%;
	top: 70.39%;
	left: 5.6%;
}

.chara07 {
	max-width: 177px;
	width: 15.25%;
	height: 25.21%;
	top: 70.39%;
	left: 34.74%;
}

.chara08 {
	max-width: 177px;
	width: 15.25%;
	height: 25.21%;
	top: 70.39%;
	left: 67.75%;
}

@media screen and (max-width: 640px) {
	.chara01 {
		width: 40.36%;
		height: 21.37%;
		top: 26.91%;
		left: 4.36%;
	}

	.chara02 {
		width: 40.36%;
		height: 21.37%;
		top: 12.58%;
		left: 56.54%;
	}

	.chara03 {
		width: 40.36%;
		height: 21.37%;
		top: 0%;
		left: 4.36%;
	}

	.chara04 {
		width: 30.9%;
		height: 17.43%;
		top: 42.3%;
		left: 59.27%;
	}

	.chara05 {
		width: 30.9%;
		height: 17.43%;
		top: 58.9%;
		left: 12%;
	}

	.chara06 {
		width: 30.9%;
		height: 17.43%;
		top: 76.64%;
		left: 12%;
	}

	.chara07 {
		width: 30.9%;
		height: 17.43%;
		top: 82.63%;
		left: 60.18%;
	}

	.chara08 {
		width: 30.9%;
		height: 17.43%;
		top: 62.01%;
		left: 60.18%;
	}
}