@charset "UTF-8";

.-name {
  height: 100%;
  width: auto;
}

@media screen and (min-width: 769px) {

  .-scroll {
    height: 448px;
    padding-right: 6.9%;
    overflow-y: scroll;
    overflow-x: none;
  }

}


/* staff */

.staff {
  background-color: #fff;
}

.staff-wrapper {
  padding: 80px 0;
  margin: 0 auto;
}

.staff-prf {
  /* margin-bottom: 30px; */
}

.staff-prf-name {
  height: 27px;
  margin-bottom: 20px;
}

.saff-prf-txt {
  line-height: 1.6;
}

.staff-comment {
  margin-top: 30px;
}

.staff-comment-ttl {
  font-size: 18px;
  font-weight: bold;
  color: #D3C058;
  margin-bottom: 4px;
}

.staff-comment-headline {
  font-size: 18px;
  font-weight: bold;
  color: #E75297;
  margin-bottom: 10px;
}

.staff-comment-txt {
  line-height: 1.6;
}

.staff-comment-original {
  width: 32.142%;
  margin: 30px auto 0;
}

@media screen and (min-width: 769px) {

  .staff-wrapper {
    max-width: 840px;
    width: 90%;
  }

}

@media screen and (max-width: 768px) {

  .staff-wrapper {
    width: 91.304%;
    padding: 16vw 0;
  }
  
  .staff-prf {
    margin-bottom: 8vw;
  }
  
  .staff-prf-name {
    height: 24px;
    text-align: center;
    margin-bottom: 5.333vw;
  }
  
  .staff-comment {
    margin-top: 8vw;
  }
  
  .staff-comment-ttl {
    text-align: center;
    margin-bottom: 1.066vw;
  }
  
  .staff-comment-headline {
    text-align: center;
    margin-bottom: 2.666vw;
  }
  
  .staff-comment-original {
    width: 75.238%;
    margin: 8vw auto 0;
  }

}


/* staff02/07/08 */

.staff-img {
  width: 35.714%;
}

.-staff02 .staff-img-ph {
  width: 100%;
  margin-bottom: 20px;
}

.-staff08 .staff-img-ph {
  width: 66.666%;
  margin: 0 auto;
}

.staff-img-name {
  height: 27px;
  text-align: center;
}

.staff-txt {
  width: 59.523%;
}

.-staff08 .staff-txt-name {
  height: 51px;
  margin-bottom: 20px;
}

.staff-txt-prf {
  line-height: 1.6;
}

.staff-txt-ttl {
  font-size: 18px;
  font-weight: bold;
  color: #D3C058;
  margin: 30px 0 4px;
}

.staff-txt-comment {
  line-height: 1.6;
}

@media screen and (min-width: 769px) {

  .cast-wrapper {
    max-width: 840px;
    width: 90%;
  }

  .staff-box {
    display: flex;
    justify-content: space-between;
  }

  .-staff07 .staff-prf-name {
    height: 26px;
  }

}


@media screen and (max-width: 768px) {

  .staff-img {
    width: 100%;
  }
  
  .-staff02 .staff-img-ph {
    width: 100%;
    margin-bottom: 3.2vw;
  }

  .-staff08 .staff-img-ph {
    width: 60%;
    margin-bottom: 3.2vw;
  }
  
  .staff-img-name {
    height: 24px;
    margin-bottom: 5.333vw;
  }
  
  .staff-img-name {
    width: 100%;
  }

  .-staff08 .staff-txt-name {
    text-align: center;
    height: 45px;
  }

  .staff-txt {
    width: 100%;
  }
  
  .staff-txt-prf {
    margin-bottom: 5.333vw;
  }
  
  .staff-txt-ttl {
    text-align: center;
    margin-bottom: 1.066vw;
  }
  
}


/* cast */

.cast {
  background-color: #fff;
}

.cast-wrapper {
  padding: 80px 0;
  margin: 0 auto;
}

.cast-img {
  width: 35.714%;
}

.cast-img-ph {
  width: 100%;
  margin-bottom: 20px;
}

.cast-img-name {
  height: 45px;
  text-align: center;
}

.cast-txt {
  width: 59.523%;
}

.cast-txt-prf {
  line-height: 1.6;
}

.cast-txt-ttl {
  font-size: 18px;
  font-weight: bold;
  color: #D3C058;
  margin: 30px 0 4px;
}

.cast-txt-comment {
  line-height: 1.6;
}

@media screen and (min-width: 769px) {

  .cast-box {
    display: flex;
    justify-content: space-between;
  }

}


@media screen and (max-width: 768px) {

  .cast-wrapper {
    width: 91.304%;
    padding: 16vw 0;
  }

  .cast-img {
    width: 100%;
  }
  
  .cast-img-ph {
    width: 100%;
    margin-bottom: 3.2vw;
  }
  
  .cast-img-name {
    height: 46px;
    margin-bottom: 5.333vw;
  }
  
  .cast-img-name {
    width: 100%;
  }

  .cast-txt {
    width: 100%;
  }
  
  .cast-txt-prf {
    margin-bottom: 5.333vw;
  }
  
  .cast-txt-ttl {
    text-align: center;
    margin-bottom: 1.066vw;
  }
  
}