/***************************************************************************
*
* CAST STYLE
*
***************************************************************************/
.area-title { margin-bottom: 13px; }

.area-cast { padding: 60px 0 30px; }
.area-cast .school { width: calc(100% - 40px); margin: 0 auto; padding-top: 25px; border-bottom: 1px dotted #000; }
.area-cast .school:last-child { border-bottom: none; }
.area-cast .school .school-name { color: #fff; line-height: 1.1; margin-bottom: 27px; }
.area-cast .school .school-name span { display: block; }
.area-cast .school .school-name .ja { font-size: 44px; font-weight: 900; }
.area-cast .school .school-name .ja small { font-size: 34px; }
.area-cast .school .school-name .en { font-size: 30px; font-weight: 500; }
.area-cast .school .list-character { width: 83%; max-width: 780px; overflow: hidden; }
.area-cast .school .list-character li { margin-right: 20px; float: left; width: calc(25% - 15px); max-width: 180px; text-align: center; margin-bottom: 25px; }
.area-cast .school .list-character li:nth-child(4n) { margin-right: 0; }
.area-cast .school .list-character li.clear-both { clear: both; margin-right: 20px; }
.area-cast .school .list-character li .cast-name { font-size: 20px; font-weight: bold; margin-top: 5px; }
.area-cast .school .list-character li .cast-name span { border-bottom: 1px solid #000; }
.area-cast .school .list-character li .cast-name span small { font-size: 17px; }
.area-cast .school .list-character li .character-name { font-size: 26px; font-weight: bold; margin-top: 3px; }

.area-staff .list-wrapper { padding: 40px 20px 45px; }
.area-staff .list-wrapper .list-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-top: 45px; }
.area-staff .list-wrapper .list-row .list-col-right .list-text { margin-bottom: 30px; }
.area-staff .list-wrapper .list-row .list-col-right .list-text:last-child { margin-bottom: 0; }
.area-staff .list-wrapper .list-text { line-height: 2; font-size: 15px; letter-spacing: 0.2px; }
.area-staff .list-wrapper .list-text.text-bold { line-height: 1.75; font-size: 18px; font-weight: bold; }
.area-staff .list-wrapper .list-text.text-bold li small { font-size: 15px; }
.area-staff .list-wrapper .list-text li small { font-size: 12px; }

@media (max-width: 980px) { .area-staff .list-wrapper .list-row { display: block; }
  .area-staff .list-wrapper .list-row .list-col-left .list-text { margin-bottom: 30px; } }
@media (max-width: 830px) { .area-cast .school .list-character li .cast-name { font-size: 18px; }
  .area-cast .school .list-character li .cast-name span small { font-size: 16px; }
  .area-cast .school .list-character li .character-name { font-size: 23px; } }
@media (max-width: 768px) { .area-title { margin-bottom: 4px; }
  .area-cast { padding: 20px 0 0; }
  .area-cast .school { width: 100%; padding: 10px 30px 0; margin-bottom: 8px; }
  .area-cast .school .school-name { margin-bottom: 18px; line-height: 1.3; }
  .area-cast .school .school-name .ja { font-size: 30px; }
  .area-cast .school .school-name .ja small { font-size: 23px; }
  .area-cast .school .school-name .en { font-size: 15px; }
  .area-cast .school .list-character { width: 100%; max-width: inherit; }
  .area-cast .school .list-character li { width: calc(50% - 15px); margin-bottom: 10px; max-width: inherit; }
  .area-cast .school .list-character li:nth-child(2n) { margin-right: 0; }
  .area-cast .school .list-character li.clear-both { clear: none; }
  .area-cast .school .list-character li .cast-name { font-size: 16px; }
  .area-cast .school .list-character li .cast-name span small { font-size: 13px; }
  .area-cast .school .list-character li .character-name { font-size: 22px; }
  .area-staff { padding-bottom: 20px; }
  .area-staff .list-wrapper { padding: 5px 0; }
  .area-staff .list-wrapper .list-text { font-size: 14px; line-height: 1.5; }
  .area-staff .list-wrapper .list-text.text-bold { font-size: 16px; line-height: 1.5; font-size: 16px; }
  .area-staff .list-wrapper .list-text.text-bold li small { display: block; font-size: 12px; }
  .area-staff .list-wrapper .list-text li small { font-size: 11px; }
  .area-staff .list-wrapper .list-row { margin-top: 20px; }
  .area-staff .list-wrapper .list-row .list-col-left .list-text { margin-bottom: 20px; }
  .area-staff .list-wrapper .list-row .list-col-right .list-text { margin-bottom: 20px; } }
@media (max-width: 320px) { .area-cast .school .list-character li .cast-name { font-size: 14px; }
  .area-cast .school .list-character li .cast-name span small { font-size: 12px; }
  .area-cast .school .list-character li .character-name { font-size: 18px; } }

/*# sourceMappingURL=cast&staff.css.map */