@charset "UTF-8";
/* ********************************************************************
        cast
******************************************************************** */
#cast {
  padding: calc(108 / 750 * 100%) 0 calc(100 / 750 * 100%);
  background: #f8f8f8;
  overflow: hidden;
}
#cast h2 {
  width: calc(175/670 *100%);
  margin-bottom: calc(110/670 *100%);
}

#staff {
  padding: calc(108 / 750 * 100%) 0 calc(100 / 750 * 100%);
  background: #e1f2ed;
}
#staff h2 {
  width: calc(215/670 *100%);
  margin-bottom: calc(110/670 *100%);
}

@media all and (min-width: 768px) {
  #cast {
    padding: calc(80 / 1200 * 100%) 0 calc(100 / 1200 * 100%);
  }
  #cast h2 {
    width: calc(162/1000 *100%);
    margin-bottom: calc(20/1000 *100%);
  }

  #staff {
    padding: calc(80 / 1200 * 100%) 0 calc(100 / 1200 * 100%);
  }
  #staff h2 {
    width: calc(196/1000 *100%);
    margin-bottom: calc(20/1000 *100%);
  }
}
dl.name_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
dl.name_list dt, dl.name_list dd {
  font-size: 2.6rem;
  font-weight: 700;
  color: #009f9a;
  padding: 0 0 calc(30/630 *100%);
  font-feature-settings: "palt";
  line-height: 2.2;
}
dl.name_list dt {
  width: calc(275/630 *100%);
  margin-right: calc(90/630 *100%);
  text-align: right;
  position: relative;
}
dl.name_list dt::after {
  content: "・・・";
  display: block;
  width: calc(90/275 *100%);
  color: #a0d9f6;
  font-size: 2rem;
  font-weight: 900;
  position: absolute;
  right: calc(-92/275 *100%);
  top: 0.3em;
  text-align: center;
  letter-spacing: .4em;
}
dl.name_list dd {
  width: calc(260/630 *100%);
}
dl.name_list.marB {
  padding: 0 0 calc(60/630 *100%);
}

@media all and (min-width: 768px) {
  dl.name_list {
    max-width: 480px;
    margin: auto;
  }
  dl.name_list dt, dl.name_list dd {
    font-size: 1.8rem;
    padding: 0 0 calc(40/1000 *100%);
    line-height: 2;
  }
  dl.name_list dt {
    width: calc(220/500 *100%);
    margin-right: calc(90/500 *100%);
  }
  dl.name_list dt::after {
    font-size: 1.8rem;
    top: 0;
    letter-spacing: .2em;
    right: calc(-106/275 *100%);
  }
  dl.name_list dd {
    width: calc(190/500 *100%);
  }
  dl.name_list.marB {
    padding: 0 0 calc(40/1000 *100%);
  }
}