@charset "utf-8";

/* トランスフォーマーとは（about） */
.about,.event-campaign,.toys,.movie{
  margin: 0 0 10%;
}

.about_textbox{
  width:100%;
  background-image: url("../img/bg_content_body.png");
  background-size:100%;
  background-repeat: repeat-y;
  margin: 0 auto;
}
.about_textbox p{
  width:80%;
  margin:0 auto;
  color:#fff;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
  .about_textbox p{
  font-size: min(1.7vw,30px);
  }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .about_textbox p{
    padding:5% 0;
  }
}

.about_characterbox{
  position: relative;
}

.about_characterbox ul{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
}