/*------------------------------------------------------------------------------
								INTRO
------------------------------------------------------------------------------*/
body {
	background: #000000;
}
#chara-area {
	background: #000000;
}
#chara {
	width: 100%;
}
.scroll-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	overflow-x: hidden;
}
.main-img-box {
	width: 100%;
	height: auto;
}
.main-img {
	background: url("../../img/chara/sokan4.jpg") no-repeat center top / cover;
	min-height: 52vw;
}
.alert {
	width: 17vw;
	height: 2vw;
	margin: 0;
	text-indent: -99999px;
	position: absolute;
	bottom: 9.2%;
	left: 2.5%;
	background: url("../../img/chara/alert.png") no-repeat center center / contain;
}
@media screen and (max-width: 1280px) {
.main-img {
	height: 665.6px;
}
}
/*------------------------------------------------------------------------------
								SP
------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
h2 {
	font-size:8vw;
	margin: 0 auto 0;
	padding-bottom: 3vw;
}
#chara {
	width: 100%;
	position: relative;
}
.scroll-box {
	width: 100%;
	height:  196vw;
	overflow: hidden;
	overflow-x: auto;
	box-sizing: border-box;
	padding: 0;
}
#main-img-box {
	width: 340vw;
	height: 196vw;
	box-sizing: border-box;
	padding: 0;
}
.main-img {
	width: 100%;
	height: 100%;
	background: url("../../img/chara/sokan4.jpg") no-repeat center top / 100% auto;
	padding-top: 0%;
}
.alert {
	width: 60vw;
	height: 8vw;
	margin: 0;
	text-indent: -99999px;
	position: absolute;
	bottom: 17vw;
	left: 50%;
	margin-left: -30vw;
	background: url("../../img/chara/alert.png") no-repeat center center / contain;
}
.scroll-icon {
	width: 20vw;
	height: 8vw;
	margin: 0;
	text-indent: -99999px;
	position: absolute;
	bottom: 6vw;
	left: 50%;
	margin-left: -10vw;
	background: url("../../img/chara/scroll-icon.png") no-repeat center center / contain;
}
}