@charset "UTF-8";
.container .sub_head_content {
  padding: 43px 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_head_content {
      padding: calc(43 / 1024 * 100vw) 0; } }
  @media screen and (max-width: 767.9px) {
    .container .sub_head_content {
      padding: calc(64 / 750 * 100vw) 0; } }

.container .sub_title_content {
  padding: 48px 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_title_content {
      padding: calc(48 / 1024 * 100vw) 0; } }
  @media screen and (max-width: 767.9px) {
    .container .sub_title_content {
      padding: calc(64 / 750 * 100vw) 0; } }
  .container .sub_title_content h3 {
    font-size: 24px;
    line-height: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .sub_title_content h3 {
        font-size: calc(24 / 1024 * 100vw);
        line-height: calc(40 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .sub_title_content h3 {
        font-size: calc(40 / 750 * 100vw);
        line-height: calc(60 / 750 * 100vw); } }
  .container .sub_title_content .desc_txt {
    margin-top: 24px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .sub_title_content .desc_txt {
        margin-top: calc(24 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .sub_title_content .desc_txt {
        margin-top: calc(44 / 750 * 100vw); } }
  .container .sub_title_content a {
    color: #FF6560;
    text-decoration: underline; }

.container .movie_content {
  padding: 48px 0;
  background-color: #F0F0F0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .movie_content {
      padding: calc(48 / 1024 * 100vw) 0; } }
  @media screen and (max-width: 767.9px) {
    .container .movie_content {
      padding: 0; } }
  .container .movie_content .video {
    max-width: 598px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .movie_content .video {
        max-width: calc(598 / 1024 * 100vw); } }

.container .br_line {
  border-top: 2px solid #fff; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .br_line {
      border-top-width: calc(2 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .br_line {
      border-top-width: calc(4 / 750 * 100vw); } }

.container b:after {
  content: '：';
  font-size: 16px;
  line-height: 28px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container b:after {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container b:after {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(56 / 750 * 100vw); } }

.container .bg_content {
  background-color: #F0F0F0; }

.container .head_txt {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .head_txt {
      font-size: calc(24 / 1024 * 100vw);
      line-height: calc(40 / 1024 * 100vw);
      margin-bottom: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .head_txt {
      font-size: calc(40 / 750 * 100vw);
      line-height: calc(60 / 750 * 100vw);
      margin-bottom: calc(42 / 750 * 100vw); } }

.container .sub_head_txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 16px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_head_txt {
      font-size: calc(18 / 1024 * 100vw);
      line-height: calc(26 / 1024 * 100vw);
      margin-bottom: calc(16 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .sub_head_txt {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(48 / 750 * 100vw);
      margin-bottom: calc(32 / 750 * 100vw); } }

.container .desc_txt {
  font-size: 16px;
  line-height: 28px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .desc_txt {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .desc_txt {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(56 / 750 * 100vw); } }

.container .br_top {
  border-top: 1px solid #E2E2E2; }
  @media screen and (max-width: 767.9px) {
    .container .br_top {
      border-top-width: calc(2 / 750 * 100vw); } }

.container .program_production ul {
  margin-top: 16px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .program_production ul {
      margin-top: calc(16 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .program_production ul {
      margin-top: calc(32 / 750 * 100vw); } }
  .container .program_production ul li {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .program_production ul li {
        font-size: calc(14 / 1024 * 100vw);
        line-height: calc(24 / 1024 * 100vw);
        margin-bottom: calc(8 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .program_production ul li {
        font-size: calc(28 / 750 * 100vw);
        line-height: calc(48 / 750 * 100vw);
        margin-bottom: calc(16 / 750 * 100vw); } }
    .container .program_production ul li:last-child {
      margin-bottom: 0; }
    .container .program_production ul li .star {
      display: block;
      min-width: 15px;
      font-size: 16px;
      line-height: 28px;
      margin-right: 8px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .program_production ul li .star {
          min-width: calc(15 / 1024 * 100vw);
          font-size: calc(16 / 1024 * 100vw);
          line-height: calc(28 / 1024 * 100vw);
          margin-right: calc(8 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .program_production ul li .star {
          min-width: calc(30 / 750 * 100vw);
          font-size: calc(32 / 750 * 100vw);
          line-height: calc(56 / 750 * 100vw);
          margin-right: calc(16 / 750 * 100vw); } }

.container .content_library {
  margin-top: 48px;
  padding-bottom: 48px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .content_library {
      margin-top: calc(48 / 1024 * 100vw);
      padding-bottom: calc(48 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_library {
      margin-top: calc(64 / 750 * 100vw);
      padding-bottom: calc(64 / 750 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .content_library .head_txt {
      margin-bottom: calc(34 / 750 * 100vw); } }

.container .corner_introduction {
  padding-top: 56px;
  padding-bottom: 56px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .corner_introduction {
      padding-top: calc(56 / 1024 * 100vw);
      padding-bottom: calc(56 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .corner_introduction {
      padding-top: calc(56 / 750 * 100vw);
      padding-bottom: calc(64 / 750 * 100vw); } }
  .container .corner_introduction .drama_layer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 952px;
    width: 84.398%;
    margin: 0 auto; }
    @media screen and (max-width: 767.9px) {
      .container .corner_introduction .drama_layer ul {
        max-width: 100%;
        width: 100%;
        display: block; } }
    .container .corner_introduction .drama_layer ul li {
      max-width: 456px;
      width: 47.9%;
      margin-top: 25px;
      margin-right: 4.2%; }
      @media screen and (max-width: 767.9px) {
        .container .corner_introduction .drama_layer ul li {
          max-width: 100%;
          width: 100%;
          margin-right: 0 !important;
          margin-top: calc(32 / 750 * 100vw); } }
      .container .corner_introduction .drama_layer ul li:nth-child(2n) {
        margin-right: 0; }
  .container .corner_introduction .edu_content .edu_list {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .corner_introduction .edu_content .edu_list {
        margin-top: calc(48 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .corner_introduction .edu_content .edu_list {
        margin-top: calc(96 / 750 * 100vw);
        display: block; } }
    .container .corner_introduction .edu_content .edu_list .txt_layer {
      max-width: 638px;
      width: 56.561%;
      margin-right: 3.5%; }
      @media screen and (max-width: 767.9px) {
        .container .corner_introduction .edu_content .edu_list .txt_layer {
          max-width: 100%;
          width: 100%;
          margin-right: 0; } }
    .container .corner_introduction .edu_content .edu_list .img_layer {
      max-width: 450px;
      width: 39.894%; }
      @media screen and (max-width: 767.9px) {
        .container .corner_introduction .edu_content .edu_list .img_layer {
          max-width: 100%;
          width: 100%;
          margin-top: calc(32 / 750 * 100vw); } }

.container .main_character {
  padding-top: 56px;
  padding-bottom: 56px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .main_character {
      padding-top: calc(56 / 1024 * 100vw);
      padding-bottom: calc(56 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .main_character {
      padding-top: calc(64 / 750 * 100vw);
      padding-bottom: calc(64 / 750 * 100vw); } }
  .container .main_character .head_txt {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #E2E2E2; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .main_character .head_txt {
        padding-bottom: calc(32 / 1024 * 100vw);
        margin-bottom: calc(32 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .main_character .head_txt {
        padding-bottom: calc(112 / 750 * 100vw);
        margin-bottom: calc(48 / 750 * 100vw);
        border-bottom-width: calc(2 / 750 * 100vw); } }
  .container .main_character .sub_head_txt {
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .main_character .sub_head_txt {
        margin-bottom: calc(32 / 1024 * 100vw); } }
  .container .main_character ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 14px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .main_character ul {
        margin-top: calc(14 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .main_character ul {
        margin-top: calc(64 / 750 * 100vw); } }
    .container .main_character ul li {
      max-width: 540px;
      width: 47.873%;
      margin-right: 4.2%;
      margin-top: 34px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .main_character ul li {
          margin-top: calc(34 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .main_character ul li {
          max-width: 100%;
          width: 100%;
          margin-right: 0;
          margin-top: calc(48 / 750 * 100vw); } }
      .container .main_character ul li:nth-child(2n) {
        margin-right: 0; }
      .container .main_character ul li .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .container .main_character ul li .item .img_layer {
          max-width: 166px;
          width: 31.246%;
          margin-right: 3.4%; }
          @media screen and (max-width: 767.9px) {
            .container .main_character ul li .item .img_layer {
              max-width: calc(240 / 750 * 100vw);
              width: 100%;
              margin-right: calc(20 / 750 * 100vw); } }
        .container .main_character ul li .item .txt_layer {
          max-width: 356px;
          width: 65.926%; }
          @media screen and (max-width: 767.9px) {
            .container .main_character ul li .item .txt_layer {
              max-width: calc(406 / 750 * 100vw);
              width: 100%; } }
          .container .main_character ul li .item .txt_layer h6 {
            font-size: 16px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #fff;
            background-color: #788191;
            border-radius: 16px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            padding: 4px 6px 4px 14px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media screen and (min-width: 768px) and (max-width: 1200px) {
              .container .main_character ul li .item .txt_layer h6 {
                font-size: calc(16 / 1200 * 100vw);
                line-height: calc(24 / 1200 * 100vw);
                margin-bottom: calc(15 / 1200 * 100vw);
                border-radius: calc(16 / 1200 * 100vw);
                padding: calc(4 / 1200 * 100vw) calc(6 / 1200 * 100vw) calc(4 / 1200 * 100vw) calc(14 / 1200 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .main_character ul li .item .txt_layer h6 {
                font-size: calc(32 / 750 * 100vw);
                line-height: calc(44 / 750 * 100vw);
                margin-bottom: calc(12 / 750 * 100vw);
                border-radius: calc(32 / 750 * 100vw);
                padding: calc(10 / 750 * 100vw) calc(16 / 750 * 100vw) calc(10 / 750 * 100vw) calc(32 / 750 * 100vw); } }
          .container .main_character ul li .item .txt_layer p {
            font-size: 16px;
            line-height: 28px; }
            @media screen and (min-width: 768px) and (max-width: 1200px) {
              .container .main_character ul li .item .txt_layer p {
                font-size: calc(16 / 1200 * 100vw);
                line-height: calc(28 / 1200 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .main_character ul li .item .txt_layer p {
                font-size: calc(32 / 750 * 100vw);
                line-height: calc(56 / 750 * 100vw); } }

.container .main_char_lst {
  margin-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .main_char_lst {
      margin-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .main_char_lst {
      margin-top: calc(48 / 750 * 100vw); } }

.container .onomato_char_lst, .container .senior_char_lst {
  margin-top: 32px;
  padding-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .onomato_char_lst, .container .senior_char_lst {
      margin-top: calc(32 / 1024 * 100vw);
      padding-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .onomato_char_lst, .container .senior_char_lst {
      margin-top: calc(64 / 750 * 100vw);
      padding-top: calc(48 / 750 * 100vw); } }
  .container .onomato_char_lst .sub_head_txt, .container .senior_char_lst .sub_head_txt {
    margin-bottom: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .onomato_char_lst .sub_head_txt, .container .senior_char_lst .sub_head_txt {
        margin-bottom: calc(16 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .onomato_char_lst .sub_head_txt, .container .senior_char_lst .sub_head_txt {
        margin-bottom: calc(32 / 750 * 100vw); } }

.container ul.item_lst li {
  display: inline-block;
  font-size: 16px;
  line-height: 28px; }
  .container ul.item_lst li.inline {
    display: inline; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container ul.item_lst li {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container ul.item_lst li {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(56 / 750 * 100vw); } }
  .container ul.item_lst li:after {
    content: '　／　';
    font-size: 16px;
    line-height: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container ul.item_lst li:after {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container ul.item_lst li:after {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw); } }
  .container ul.item_lst li:last-child:after {
    content: none; }

.container .production_staff {
  padding-top: 56px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .production_staff {
      padding-top: calc(56 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .production_staff {
      padding-top: calc(64 / 750 * 100vw); } }
  .container .production_staff .head_txt {
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .production_staff .head_txt {
        margin-bottom: calc(32 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .production_staff .head_txt {
        margin-bottom: calc(64 / 750 * 100vw);
        font-size: calc(48 / 750 * 100vw);
        line-height: calc(80 / 750 * 100vw); } }
  .container .production_staff .desc_layer ul li {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .production_staff .desc_layer ul li {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw);
        margin-bottom: calc(4 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .production_staff .desc_layer ul li {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw);
        margin-bottom: calc(24 / 750 * 100vw); } }
    .container .production_staff .desc_layer ul li b {
      margin-right: 16px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .production_staff .desc_layer ul li b {
          margin-right: calc(16 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .production_staff .desc_layer ul li b {
          display: block;
          margin-right: 0; } }
      .container .production_staff .desc_layer ul li b:after {
        content: none; }
  .container .production_staff .staff_lst {
    margin-top: 10px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .production_staff .staff_lst {
        margin-top: calc(10 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .production_staff .staff_lst {
        margin-top: calc(20 / 750 * 100vw); } }
  .container .production_staff .prod_drama_lst {
    margin-top: 32px;
    padding-top: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .production_staff .prod_drama_lst {
        margin-top: calc(32 / 1024 * 100vw);
        padding-top: calc(32 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .production_staff .prod_drama_lst {
        margin-top: calc(48 / 750 * 100vw);
        padding-top: calc(48 / 750 * 100vw); } }

.container .cooperation, .container .website_production {
  padding-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .cooperation, .container .website_production {
      padding-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .cooperation, .container .website_production {
      padding-top: calc(32 / 750 * 100vw); } }
  .container .cooperation p, .container .website_production p {
    font-size: 16px;
    line-height: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .cooperation p, .container .website_production p {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .cooperation p, .container .website_production p {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(64 / 750 * 100vw); } }

.container .cooperation {
  margin-top: 32px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .cooperation {
      margin-top: calc(32 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .cooperation {
      padding-top: calc(48 / 750 * 100vw);
      margin-top: calc(48 / 750 * 100vw); }
      .container .cooperation p {
        line-height: calc(56 / 750 * 100vw); } }

.container .website_production {
  padding-bottom: 56px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .website_production {
      padding-bottom: calc(56 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .website_production {
      padding-bottom: calc(64 / 750 * 100vw); }
      .container .website_production p {
        line-height: calc(56 / 750 * 100vw); } }