.character-bg {
    background-position: 80% 2%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    height: 100vh;
	}

.character{
	max-width: 1040px;
    margin: 0 auto;
	padding: 8vw 0;
    }

.character-koma {
	width: 55%;
	}

.character-name {
	width: 45%;
	float: right;
	margin: 20% 0;
	}
.character-serifu {
	width: 90%;
	}

.chara1 {
    background-image: url(../img/character/character_01-img.jpg);
    }
.chara2 {
    background-image: url(../img/character/character_02-img.jpg);
    }
.chara3 {
    background-image: url(../img/character/character_03-img.jpg);
    }
.chara4 {
    background-image: url(../img/character/character_04-img.jpg);
    }
.chara5 {
    background-image: url(../img/character/character_05-img.jpg);
    }
.chara6 {
    background-image: url(../img/character/character_06-img.jpg);
    }
.chara7 {
    background-image: url(../img/character/character_07-img.jpg);
    }
.chara8 {
    background-image: url(../img/character/character_08-img.jpg);
    }
.chara9 {
    background-image: url(../img/character/character_09-img.jpg);
    }
.chara10 {
    background-image: url(../img/character/character_10-img.jpg);
    }
.chara11 {
    background-image: url(../img/character/character_11-img.jpg);
    }


@media screen and (max-width:768px){
.character-bg {
    background-position: 100% 100%;
	background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 180vh;
    background-color: #fff;
	height: 116vh;
	}
	
.character{
	width: 90%;
	height: 100vh;
    margin: 0 auto;
	padding: 18vw 0;
    }

.character-koma {
	width: 100%;
	display: block;
	margin: auto;
	}

.character-name {
	width: 80%;
	float: left;
	margin: 0 auto;
	}
	
.character-serifu {
	width: 100%;
	padding: 0 0 5vw;
	}

}

.footer p{
	margin: 0px auto;
	padding: 10px 0;
	border-top: none;
	}


/* ------------------------------
　　　　　　　back to TOP
------------------------------ */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 27px 0 0 2px;
  border-radius: 45px;
  width: 90px;
  height: 90px;
  background-color: rgba(255,0,125,0);
  border: solid 1px #fff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
	line-height: 1.2;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.8;
}