/* CSS Document */

.content-charactor{
  padding-bottom: 125px;
}
.list-btn1,
.list-btn2{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.list-btn1{
  margin: 80px 0 0;
}
.list-btn2{
  margin: 40px 0 120px;
}
.list-btn1>li:nth-child(n+2),
.list-btn2>li:nth-child(n+2){
  margin-left: 15px;
}
.font-italy{
  font-style: italic;
}
.btn-common{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 306px;
  height: 87px;
  background: url("../images/common/bg_btn.png") no-repeat center center;
  font-size: 32px;
  text-decoration: none;
}
.btn-common:before{
  content: "";
  background: url("../images/common/icon_arrow_btn.png") no-repeat center center;
  width: 12px;
  height: 8px;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  transition: bottom .3s;
}
.btn-common:hover:before{
  bottom: 9px;
}
.block-team{
  height: 640px;
  position: relative;
  margin-bottom: 100px;
}
.block-team + .block-team{
  margin-top: 180px;
}
.block-team__bg{
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
  transform: skewX(-25deg);
  transform-origin: left bottom;
  overflow: hidden;
}
.block-team__bg:before{
  content: "";
  background-position: right center;
  background-repeat: repeat;
  width: 0%;
  height: 100%;
  transform: skewX(25deg);
  transform-origin: right bottom;
  display: block;
  transition: width .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-show .block-team__bg:before{
  width: 100%;
}
.block-team__bc .block-team__bg:before{
  background-image: url("../images/charactor/bg_bc.png");
}
.block-team__krt .block-team__bg:before{
  background-image: url("../images/charactor/bg_krt.png");
}
.block-team__mg .block-team__bg:before{
  background-image: url("../images/charactor/bg_mg.png");
}
.block-team__lgd .block-team__bg:before{
  background-image: url("../images/charactor/bg_lgd.png");
}
.block-team__oth .block-team__bg:before{
  background-image: url("../images/charactor/bg_oth.png");
}
.block-team__ttl{
  position: absolute;
  left: 0;
  width: 0vw;
  height: 160px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(15,15,15,.85);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  border-width: 0px;
  border-style: solid;
  z-index: 2;
  transition: all .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-show .block-team__ttl{
  width: 100vw;
  padding-left: 20px;
  border-width: 1px;
}
.block-team__ttl img{
  opacity: 0;
  transform: translateX(-40px);
  transition: all .6s;
}
.is-show .block-team__ttl img{
  opacity: 1;
  transform: translateX(0px);
  transition-delay: .6s;
}
.block-team__bc .block-team__ttl{
  border-color: #92181e;
}
.block-team__krt .block-team__ttl{
  border-color: #1e2678;
}
.block-team__mg .block-team__ttl{
  border-color: #d5b200;
}
.block-team__lgd .block-team__ttl{
  border-color: #c8c8c8;
}
.block-team__oth .block-team__ttl{
  border-color: #9e8d63;
}
.list-charactor__img>li{
  position: absolute;
  bottom: -100px;
  z-index: 3;
  transform: translateY(40px);
  opacity: 0;
  transition: all .6s;
}
.is-show .list-charactor__img>li{
  opacity: 1;
  transform: translateY(0px);
  transition-delay: .6s;
}
.list-charactor__img>li:nth-child(1){
  left: 524px;
}
.list-charactor__img>li:nth-child(2){
  left: 764px;
  z-index: 4;
}
.list-charactor__img>li:nth-child(3){
  left: 955px;
}
.block-team__krt .list-charactor__img>li:nth-child(2){
  left: 754px;
}
.block-team__mg .list-charactor__img>li:nth-child(3){
  left: 975px;
}
.list-charactor__name>li{
  position: absolute;
  bottom: 20px;
  z-index: 4;
  transform: translateY(40px);
  opacity: 0;
  transition: all .6s;
}
.is-show .list-charactor__name>li{
  opacity: 1;
  transform: translateY(0px);
  transition-delay: .6s;
}
.list-charactor__name>li:nth-child(1){
  left: 625px;
}
.list-charactor__name>li:nth-child(2){
  left: 845px;
}
.list-charactor__name>li:nth-child(3){
  left: 1120px;
}
.block-team__lgd .list-charactor__name>li:nth-child(1){
  left: 715px;
}
.block-team__lgd .list-charactor__name>li:nth-child(2){
  left: 1037px;
}
.block-team__oth .list-charactor__name>li:nth-child(1){
  left: 740px;
}
.block-team__oth .list-charactor__name>li:nth-child(2){
  left: 1068px;
}

.list-charactor__name>li>a{
  width: 100px;
  height: 240px;
  border-width: 1px;
  border-style: solid;
  background-color: rgba(15,15,15,.85);
  text-decoration: none;
  color: inherit;
  position: relative;
  display: block;
  overflow: hidden;
}
.block-team__bc .list-charactor__name>li>a{
  border-color: #92181e;
}
.block-team__krt .list-charactor__name>li>a{
  border-color: #1e2678;
}
.block-team__mg .list-charactor__name>li>a{
  border-color: #d5b200;
}
.block-team__lgd .list-charactor__name>li>a{
  border-color: #c8c8c8;
}
.block-team__oth .list-charactor__name>li>a{
  border-color: #dcdcdc;
}
.list-charactor__name>li>a .name{
  display: block;
  text-align: center;
  padding-top: 20px;
}
.list-charactor__name>li>a .more{
  display: block;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 80px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 5px;
}
.block-team__bc .list-charactor__name>li>a .more{
  color: #ff000d;
  border-bottom-color: #ff000d;
}
.block-team__krt .list-charactor__name>li>a .more{
  color: #2765d7;
  border-bottom-color: #2765d7;
}
.block-team__mg .list-charactor__name>li>a .more{
  color: #efdb01;
  border-bottom-color: #efdb01;
}
.block-team__lgd .list-charactor__name>li>a .more{
  color: #c8c8c8;
  border-bottom-color: #c8c8c8;
}
.block-team__oth .list-charactor__name>li>a .more{
  color: #dcdcdc;
  border-bottom-color: #dcdcdc;
}


/*--------------CHARACTOR DETAIL---------------*/
.charactor-detail{
  position: relative;
  margin-top: 150px;
  margin-bottom: -110px;
}
.charactor-detail__bg{
  left: 0;
  top: 0;
  width: 100vw;
  height: 640px;
  position: absolute;
  display: flex;
  justify-content: flex-end;
  z-index: 1;
  transform: skewX(-25deg);
  transform-origin: left bottom;
  overflow: hidden;
}
.charactor-detail__bg:before{
  content: "";
  background-position: right center;
  background-repeat: repeat;
  width: 0%;
  height: 100%;
  transform: skewX(25deg);
  transform-origin: right bottom;
  display: block;
  transition: width .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-show .charactor-detail__bg:before{
  width: 100%;
}
.charactor-detail__bc .charactor-detail__bg:before{
  background-image: url("../images/charactor/bg_bc.png");
}
.charactor-detail__krt .charactor-detail__bg:before{
  background-image: url("../images/charactor/bg_krt.png");
}
.charactor-detail__mg .charactor-detail__bg:before{
  background-image: url("../images/charactor/bg_mg.png");
}
.charactor-detail__lgd .charactor-detail__bg:before{
  background-image: url("../images/charactor/bg_lgd.png");
}
.charactor-detail .content-inner-1000{
  position: relative;
  z-index: 2;
}
.charactor-detail__img{
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
  top: -110px;
  transform: translateX(-40px);
  opacity: 0;
  transition: all .6s;
}
.is-show .charactor-detail__img{
  transform: translateX(0px);
  opacity: 1;
}
.charactor-detail__cv{
  position: absolute;
  top: 480px;
  left: 460px;
  z-index: 3;
  transform: translateY(-40px);
  opacity: 0;
  transition: all .6s;
  transition-delay: .6s;
}
.is-show .charactor-detail__cv{
  transform: translateY(0px);
  opacity: 1;
}
.charactor-detail__info{
  position: absolute;
  width: 480px;
  min-height: 800px;
  padding: 60px 20px 20px;
  left: 0;
  top: -70px;
  background-color: rgba(15,15,15,.85);
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  font-size: 16px;
  transform: translateY(40px);
  opacity: 0;
  transition: all .6s;
  transition-delay: .6s;
}
.is-show .charactor-detail__info{
  transform: translateY(0px);
  opacity: 1;
}
.charactor-detail__bc .charactor-detail__info{
  border-color: #92181e;
}
.charactor-detail__krt .charactor-detail__info{
  border-color: #1e2678;
}
.charactor-detail__mg .charactor-detail__info{
  border-color: #d5b200;
}
.charactor-detail__info__team{
  margin-bottom: 40px;
}
.charactor-detail__oth{
  text-align: center;
}
.charactor-detail__info__name{
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.charactor-detail__info__name .name{
  font-size: 62px;
}
.charactor-detail__info__name .age{
  font-size: 32px;
}
.charactor-detail__info__eng{
  margin-top: .2em;
  font-size: 16px;
}
.charactor-detail__info__lead{
  margin-top: .5em;
  font-size: 24px;
  opacity: .75;
}
.charactor-detail__info__profile{
  margin-top: 30px;
}
.charactor-detail__info__body{
  margin-top: 30px;
}
.btn-back-wrap{
  margin-top: 80px;
  font-size: 16px;
  z-index: 2;
  position: relative;
}
.btn-back-wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.btn-back-wrap a:before {
  content: "";
  width: 15%;
  height: 1px;
  background-color: #c1ad6f;
  margin: 0 1rem 0 0;
}

/*--------------CAST & STAFF---------------*/

.flex-cast-btn{
  display: flex;
  margin-top: 80px;
}
.flex-cast-btn__li{
  width: 390px;
  position: relative;
}
.flex-cast-btn__li:nth-child(n+2){
  margin-left: 54px;
}
.flex-cast-btn__link{
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  bottom: 0;
  transform: translateY(50%);
}
.flex-staff-btn{
  margin-top: 87px;
  display: flex;
  justify-content: center;
}
.block-team-cast{
  margin-top: 80px;
}
.block-team-cast + .block-team-cast{
  margin-top: 210px;
}
.block-team-cast__ttl{
  text-align: center;
  margin-bottom: 55px;
}
.block-cast{
  position: relative;
  height: 400px;
  overflow: visible;
}
.block-cast + .block-cast{
  margin-top: 170px;
}
.block-cast__bg{
  left: 50%;
  top: 0;
  width: 1120px;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  transform: skewX(-21.8deg) translateX(-50%);
  transform-origin: center center;
  overflow: hidden;
}
.block-cast__bg:before{
  content: "";
  background-position: left center;
  background-repeat: repeat;
  width: 0%;
  height: 100%;
  transform: skewX(21.8deg);
  transform-origin: left bottom;
  display: block;
  transition: width .6s cubic-bezier(0.64, 0, 0.78, 0);
  /*transition-delay: .2s;*/
}
.is-show .block-cast__bg:before{
  width: 120%;
}
.block-team-cast__bc .block-cast__bg:before{
  background-image: url("../images/caststaff/bg_bc.png");
}
.block-team-cast__krt .block-cast__bg:before{
  background-image: url("../images/caststaff/bg_krt.png");
}
.block-team-cast__mg .block-cast__bg:before{
  background-image: url("../images/caststaff/bg_mg.png");
}
.block-team-cast__lgd .block-cast__bg:before{
  background-image: url("../images/caststaff/bg_lgd.png");
}
.block-team-cast__oth .block-cast__bg:before{
  background-image: url("../images/caststaff/bg_oth.png");
}
.block-cast__pic{
  position: absolute;
  top: -40px;
  right: 240px;
  z-index: 2;
  transform: translateY(40px);
  opacity: 0;
  transition: all .6s;
}
.is-show .block-cast__pic{
  transform: translateY(0px);
  opacity: 1;
}
.block-cast__pic:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  background-color: #9e8d63;
  z-index: -1;
}
.block-cast__info{
  position: relative;
  z-index: 2;
  color: #FFF;
  padding: 45px 0 20px 210px;
  transform: translateX(40px);
  opacity: 0;
  transition: all .6s;
}
.is-show .block-cast__info{
  transform: translateX(0px);
  opacity: 1;
}
.flex-cast-name{
  display: flex;
  align-items: flex-end;
  margin-bottom: 35px;
}
.flex-cast-name__li:nth-child(1){
  position: relative;
  margin-right: 20px;
}
.cast-name__jp{
  font-size: 56px;
  line-height: 1;
}
.cast-name__en{
  position: absolute;
  left: 0;
  bottom: -15px;
  transform: translateY(50%);
  white-space: nowrap;
  font-size: 16px;
}
.flex-cast-sns{
  display: flex;
}
.flex-cast-sns__li:nth-child(n+2){
  margin-left: 10px;
}
.cast-as{
  font-size: 24px;
}
.cast-profile{
  width: 490px;
  margin-top: 30px;
}
.table-cast-profile{
  width: 100%;
  font-size: 16px;
}
.table-cast-profile th,
.table-cast-profile td{
  font-weight: normal;
  vertical-align: top;
}
.table-cast-profile th{
  width: 4em;
}
.content-staff{
  background: url("../images/caststaff/bg_staff.png") repeat center center;
  margin-top: 230px;
  text-align: center;
}
.content-staff>.content-inner{
  padding: 75px 0 120px;
}
.content-staff__ttl{
  font-weight: 700;
  font-size: 64px;
  margin-bottom: 70px;
  line-height: 1;
}
.content-staff__body p{
  font-size: 20px;
}
.content-staff__body p + p{
  margin-top: 2em;
}
.content-staff__body p .name{
  font-size: 28px;
}
.block-team-cast__lgd .block-cast,
.block-team-cast__oth .block-cast{
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-team-cast__lgd .block-cast__info,
.block-team-cast__oth .block-cast__info {
  padding-left: 0;
}
.block-team-cast__lgd .cast-as,
.block-team-cast__oth .cast-as {
  margin-bottom: 10px;
}
.voice-wrap {
  position: absolute;
  top: 760px;
  left: 0;
  z-index: 3;
}
.voice-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.voice-list li h4 {
  font-size: 16px;
  margin-right: 20px;
}
.voice-list li video {
  width: 300px;
  height: 50px;
}

@media (max-width:768px) {
  .pankuzu{
    display: none;
  }
  .content-charactor{
    padding-bottom: 16.66vw;
  }

  .list-btn1{
    margin: 4.66vw 0 0;
  }
  .list-btn2{
    margin: 2.33vw 0 18.33vw;
  }

  .list-btn1>li:nth-child(n+2),
  .list-btn2>li:nth-child(n+2){
    margin-left: .5vw;
  }
  .list-btn1>li,
  .list-btn2>li{
    margin-left: .5vw;
  }
  .list-btn1>li:first-of-type,
  .list-btn1>li:last-of-type,
  .list-btn2>li:first-of-type,
  .list-btn2>li:last-of-type{
    margin-left: 0;
  }
  /*
  .list-btn1>li:last-of-type,
  .list-btn2>li:last-of-type{
    margin-top: 2vw;
  }
  */
  .btn-common{
    width: 31vw;
    height: 9.2vw;
    background-size: contain;
    font-size: 3.33vw;
  }
  .btn-common:before{
    width: 1.33vw;
    height: .8vw;
    background-size: contain;
    bottom: 1.2vw;
  }
  .btn-common:hover:before{
    bottom: 1.2vw;
  }
  .block-team{
    height: 85.33vw;
    margin-top: 13.6vw;
    margin-bottom: 13.33vw;
  }
  .block-team + .block-team{
    margin-top: 32vw;
  }
  .block-team__bg{
    left: -2.66vw;
    width: 100vw;
    transform: skewX(0deg);
  }
  .block-team__bg:before{
    transform: skewX(0deg);
  }
  .block-team__bc .block-team__bg:before{
  }
  .block-team__krt .block-team__bg:before{
  }
  .block-team__mg .block-team__bg:before{
  }
  .block-team__ttl{
    width: 0%;
    height: 21.33vw;
    top: -13.6vw;
    transform: translateY(0%);
    padding-left: 0;
  }
  .is-show .block-team__ttl {
    width: 100%;
    padding-left: 2.66vw;
  }
  .block-team__ttl img{
    width: 58.66vw;
  }
  .block-team__oth_ttl img{
    width: 40vw;
  }
  .list-charactor__img>li{
    bottom: -13.33vw;
  }
  .list-charactor__img>li img{
    max-width: none;
  }
  .block-team__bc .list-charactor__img>li:nth-child(1){
    left: auto;
    right: 0;
  }
  .block-team__bc .list-charactor__img>li:nth-child(1) img{
    width: 93.2vw;
  }
  .block-team__krt .list-charactor__img>li:nth-child(1){
    left: 0;
  }
  .block-team__krt .list-charactor__img>li:nth-child(1) img{
    width: 97.6vw;
  }
  .block-team__mg .list-charactor__img>li:nth-child(1){
    left: 1.6vw;
  }
  .block-team__mg .list-charactor__img>li:nth-child(1) img{
    width: 95.6vw;
  }
	.block-team__lgd .list-charactor__img>li:nth-child(1){
    left: 4.1vw;
  }
  .block-team__lgd .list-charactor__img>li:nth-child(1) img{
    width: 84.0vw;
  }
  .block-team__oth .list-charactor__img>li:nth-child(1){
    left: 4.1vw;
  }
  .block-team__oth .list-charactor__img>li:nth-child(1) img{
    width: 84.0vw;
  }
  .list-charactor__name>li{
    bottom: 2.66vw;
  }
  .list-charactor__name>li:nth-child(1){
    left: 19vw;
  }
  .list-charactor__name>li:nth-child(2){
    left: 45vw;
  }
  .list-charactor__name>li:nth-child(3){
    left: auto;
    right: 0;
  }
.block-team__lgd .list-charactor__name>li:nth-child(1){
    left: 30vw;
  }
.block-team__lgd .list-charactor__name>li:nth-child(2){
    left: 74vw;
  }
.block-team__oth .list-charactor__name>li:nth-child(1){
    left: 32vw;
  }
.block-team__oth .list-charactor__name>li:nth-child(2){
    left: 75vw;
  }
    .list-charactor__name>li>a{
    width: 13.33vw;
    height: 32vw;
  }
  .block-team__bc .list-charactor__name>li>a{
    border-color: #92181e;
  }
  .list-charactor__name>li>a .name{
    padding-top: 2.66vw;
  }
  .list-charactor__name>li>a .name img{
    width: 8.93vw;
  }
  .list-charactor__name>li>a .more{
    font-size: 2.13vw;
    bottom: 1.33vw;
    width: 10.66vw;
    padding-bottom: .66vw;
  }

/*--------------CHARACTOR DETAIL---------------*/
.charactor-detail{
  margin-top: 24vw;
  margin-bottom: 0;
}
.charactor-detail__bg{
  left: -2.66vw;
  height: 85.33vw;
  transform: skewX(0deg);
}
.charactor-detail__bg:before{
  transform: skewX(0deg);
}
.charactor-detail .content-inner-1000{
  position: relative;
  z-index: 2;
  padding-top: 87.33vw;
}
.charactor-detail__img{
  justify-content: center;
  position: absolute;
  top: -14.66vw;
  width: 100%;
  z-index: 1;
  padding-left: 4vw;
}
.charactor-detail__img img{
  width: 63.46vw;
}
.charactor-detail__cv{
  position: relative;
  left: auto;
  top: auto;
  display: flex;
  justify-content: center;
  z-index: 3;
  margin-top: 6.667vw;
}
.charactor-detail__cv img{
  width: 32vw;
}
.charactor-detail__info{
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  min-height: 0;
  padding: 8vw 2.66vw;
  font-size: 2.13vw;
  margin: 0 6.667vw;
  z-index: 2;
}
.charactor-detail__info__team{
  margin-bottom: 5.33vw;
}
.charactor-detail__oth{
  width: 35vw;
  margin: 0 auto 2rem;
}
.charactor-detail__info__name .name{
  font-size: 6.88vw;
}
.charactor-detail__info__name .age{
  font-size: 4.26vw;
}
.charactor-detail__info__eng{
  font-size: 2.13vw;
}
.charactor-detail__info__lead{
  font-size: 3.2vw;
}
.charactor-detail__info__profile{
  margin-top: 4vw;
}
.charactor-detail__info__body{
  margin-top: 4vw;
}
.btn-back-wrap{
  margin-top: 10.66vw;
  font-size: 2.13vw;
}

/*--------------CAST & STAFF---------------*/

  .flex-cast-btn{
    margin-top: 5.33vw;
  }
  .flex-cast-btn__li{
    width: calc((100% - (4vw * 2)) / 3);
  }
  .flex-cast-btn__li:nth-child(n+2){
    margin-left: 4vw;
  }
  .flex-cast-btn__link{
    width: 110%;
    left: -5%;
  }
  .flex-staff-btn{
    margin-top: 6.66vw;
  }
  .block-team-cast{
    margin-top: 5.33vw;
  }
  .block-team-cast + .block-team-cast{
    margin-top: 12vw;
  }
  .block-team-cast__ttl{
    margin-bottom: 8vw;
  }
  .block-team-cast__ttl img{
    width: 85.33vw;
  }
  .block-cast{
    height: 53.33vw;
  }
  .block-cast + .block-cast{
    margin-top: 22.66vw;
  }
  .block-cast__bg{
    width: 100vw;
    transform: skewX(0deg) translateX(-50%);
  }
  .block-cast__bg:before{
    /*width: 100%;*/
    height: 100%;
    transform: skewX(0deg);
  }
  .block-cast__pic{
    top: -5.33vw;
    right: -1.33vw;
    width: 42.66vw;
  }
  .block-cast__pic:before{
    right: -1.33vw;
    bottom: -1.33vw;
  }
  .block-cast__info{
    padding: 5.66vw 0 2.66vw 1.33vw;
  }
  .flex-cast-name{
    margin-bottom: 3.66vw;
  }
  .flex-cast-name__li:nth-child(1){
    margin-right: 1.33vw;
  }
  .cast-name__jp{
    font-size: 7.46vw;
  }
  .cast-name__en{
    bottom: -.6em;
    font-size: 2.13vw;
  }
  .flex-cast-sns{
    display: flex;
  }
  .flex-cast-sns__li:nth-child(n+2){
    margin-left: 1.33vw;
  }
  .flex-cast-sns__li{
    width: 4.8vw;
  }
  .cast-as{
    font-size: 3.2vw;
  }
  .block-team-cast__lgd .cast-as,
  .block-team-cast__oth .cast-as {
    margin-bottom: 1vw;
  }
  .cast-profile{
    width: 52.66vw;
    margin-top: 3vw;
  }
  .table-cast-profile{
    width: 100%;
    font-size: 2.13vw;
  }
  .table-cast-profile th{
    white-space: nowrap;
  }
  .content-staff{
    margin-top: 17.33vw;
  }
  .content-staff>.content-inner{
    padding: 9.33vw 0 17.33vw;
  }
  .content-staff__ttl{
    font-size: 8.53vw;
    margin-bottom: 9.33vw;
  }
  .content-staff__body p{
    font-size: 2.66vw;
  }
  .content-staff__body p .name{
    font-size: 3.73vw;
  }
  .voice-wrap {
    position: relative;
    top: auto;
    left: auto;
    padding-top: 1.333vw;
    margin: 0 9.333vw;
  }
  .voice-list li {
    margin-top: 2.667vw;
  }
  .voice-list li h4 {
    font-size: 2.13vw;
    margin-right: 2.667vw;
  }
  .voice-list li video {
    width: 46.667vw;
    height: 9.333vw;
  }
}