/*-----------------------------------------
** about modal
-----------------------------------------*/
body._chara-modal {
  background: #c2d423 url(../img/about/bg-modal-character.png) center center
    no-repeat;
  background-size: cover;
}
body._staff-modal {
  background: #2b9ad7 url(../img/about/bg-modal-staff.png) center center
    no-repeat;
  background-size: cover;
}

#wrapper {
  width: 100%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* min-width: 1200px; */
  margin: 0 auto;
  padding: 80px;
}
section {
  width: 100%;
  position: relative;
  z-index: 10;
}
._inner {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  #wrapper {
    /* min-width: 100%; */
    padding: 40px 20px;
  }
}

/*-----------------------------------------
** character modal
-----------------------------------------*/
._chara-pics {
  max-width: 300px;
  margin: 0 auto 25px;
}
._chara-name {
  font-size: 1.53rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 15px;
}
._chara-text {
  font-size: 0.93rem;
  text-align: center;
  margin: 0 0 40px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  ._chara-pics {
    max-width: 180px;
    margin: 0 auto 25px;
  }
  ._chara-name {
    font-size: 1.26rem;
  }
  ._chara-text {
    font-size: 0.86rem;
  }
}
._cast-wrap {
  background: #000;
  color: #fff;
  padding: 40px 60px;
  text-align: left;
  line-height: 2;
}
._cast-name {
  font-size: 1.53rem;
  font-weight: 700;
  margin: 0 0 30px;
  text-align: center;
}
._cast-text {
  font-size: 0.93rem;
}
._cast-ph {
  width: 300px;
  margin: 0 auto 15px auto;
}
@media screen and (max-width: 768px) {
  ._cast-wrap {
    padding: 20px;
  }
  ._cast-name {
    font-size: 1.26rem;
    font-weight: 700;
    margin: 0 0 15px;
  }
  ._cast-text {
    font-size: 0.86rem;
  }
._cast-ph {
  width: 100%;
  margin: 0 auto 15px auto;
}
}

/*-----------------------------------------
** staff modal
-----------------------------------------*/
._staff-wrap {
  color: #000;
  text-align: left;
  line-height: 2;
}
._staff-name {
  font-size: 1.53rem;
  font-weight: 700;
  margin: 0 0 5px;
}
._staff-role {
	font-size: 1.13rem;
	font-weight: 700;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 2px solid #000;
}
._staff-text {
  font-size: 0.93rem;
}
@media screen and (max-width: 768px) {
  ._staff-name {
    font-size: 1.29rem;
    font-weight: 700;
    margin: 0 0 5px;
  }
  ._staff-role {
    font-size: 0.93rem;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 2px solid #000;
  }
  ._staff-text {
    font-size: 0.86rem;
  }
}