@charset "UTF-8";


.characterBox{
	padding: 50px 10px 80px 10px;
}
.characterBox:before{
	content:"";
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	background: url(../../img/common/bg_4.png) center 100% no-repeat;
	background-size: 100%;
}

.characterSection1{
	margin-top: -13%;
	position: relative;
	z-index: 3;
}
.characterSection2{
	margin-top: -11%;
	position: relative;
	z-index: 3;
}
.characterSection3{
	margin-top: -11%;
	position: relative;
	z-index: 3;
}
.characterSection4{
	margin-top: -6%;
	position: relative;
	z-index: 3;
}

.characterSection5{
	margin-top: 5%;
	position: relative;
	z-index: 3;
}
.characterSection5 img,
.characterSection4 img,
.characterSection3 img,
.characterSection2 img,
.characterSection1 img{
	position: relative;
	z-index: 3;
}
.characterSection5 span,
.characterSection4 span,
.characterSection3 span,
.characterSection2 span,
.characterSection1 span{
	position: absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.characterTit1{
	position: relative;
	z-index: 3;
}
.characterTit1 img{
	margin-left: auto;
	width: 68%;
	position: relative;
	z-index: 3;
}