.container .banner__outer {
  background-color: #3C4453;
  width: 100%; }
  .container .banner__outer .banner {
    background: url("/assets/img/top/banner.jpg") no-repeat 50%/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 33px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1366px) {
      .container .banner__outer .banner {
        padding: calc(33 / 1366 * 100vw) 0 calc(33 / 1366 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .banner__outer .banner {
        background: url("/assets/img/top/banner_sp.jpg") no-repeat top/100%;
        background-color: #A87A51;
        padding: calc(450 / 750 * 100vw) calc(40 / 750 * 100vw) calc(48 / 750 * 100vw); } }
    .container .banner__outer .banner .bnr_item {
      background-color: #fff;
      border-radius: 8px;
      max-width: 444px;
      width: 100%;
      margin-left: auto;
      margin-right: 119px; }
      @media screen and (min-width: 768px) and (max-width: 1366px) {
        .container .banner__outer .banner .bnr_item {
          border-radius: calc(8 / 1366 * 100vw);
          max-width: calc(444 / 1366 * 100vw);
          margin-right: calc(119 / 1366 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .banner__outer .banner .bnr_item {
          max-width: 100%;
          margin: 0 auto; } }
      .container .banner__outer .banner .bnr_item .active_jp {
        max-width: 260px;
        width: 100%;
        margin: 0 auto;
        padding: 34px 0 26px; }
        @media screen and (min-width: 768px) and (max-width: 1366px) {
          .container .banner__outer .banner .bnr_item .active_jp {
            max-width: calc(260 / 1366 * 100vw);
            padding: calc(34 / 1366 * 100vw) 0 calc(26 / 1366 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .banner__outer .banner .bnr_item .active_jp {
            max-width: calc(360 / 750 * 100vw);
            padding: calc(56 / 750 * 100vw) 0 calc(38 / 750 * 100vw); } }
      .container .banner__outer .banner .bnr_item .jp_education_item {
        background-color: #F0F0F0;
        padding: 20px 46px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 0 0 8px 8px; }
        @media screen and (min-width: 768px) and (max-width: 1366px) {
          .container .banner__outer .banner .bnr_item .jp_education_item {
            padding: calc(20 / 1366 * 100vw) calc(46 / 1366 * 100vw);
            border-radius: 0 0 calc(8 / 1366 * 100vw) calc(8 / 1366 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .banner__outer .banner .bnr_item .jp_education_item {
            padding: calc(28 / 750 * 100vw) calc(10 / 750 * 100vw);
            border-radius: 0 0 calc(24 / 750 * 100vw) calc(24 / 750 * 100vw); } }
        .container .banner__outer .banner .bnr_item .jp_education_item .txt_head {
          font-size: 16px;
          line-height: 21px;
          font-weight: bold;
          color: #3C4453;
          text-align: center; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .banner__outer .banner .bnr_item .jp_education_item .txt_head {
              font-size: calc(16 / 1024 * 100vw);
              line-height: calc(21 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .banner__outer .banner .bnr_item .jp_education_item .txt_head {
              font-size: calc(30 / 750 * 100vw);
              line-height: calc(40 / 750 * 100vw); } }
        .container .banner__outer .banner .bnr_item .jp_education_item figure {
          max-width: 240px;
          width: 100%;
          margin: 8px auto 12px; }
          @media screen and (min-width: 768px) and (max-width: 1366px) {
            .container .banner__outer .banner .bnr_item .jp_education_item figure {
              max-width: calc(240 / 1366 * 100vw);
              margin: calc(8 / 1366 * 100vw) auto calc(12 / 1366 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .banner__outer .banner .bnr_item .jp_education_item figure {
              max-width: calc(480 / 750 * 100vw);
              margin: calc(18 / 750 * 100vw) auto calc(24 / 750 * 100vw); } }
        .container .banner__outer .banner .bnr_item .jp_education_item .txt_desc {
          font-size: 14px;
          line-height: 20px;
          color: #3C4453; }
          @media screen and (min-width: 768px) and (max-width: 1366px) {
            .container .banner__outer .banner .bnr_item .jp_education_item .txt_desc {
              font-size: calc(14 / 1366 * 100vw);
              line-height: calc(20 / 1366 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .banner__outer .banner .bnr_item .jp_education_item .txt_desc {
              font-size: calc(28 / 750 * 100vw);
              line-height: calc(40 / 750 * 100vw);
              padding: 0 calc(40 / 750 * 100vw);
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; } }

.container .notice {
  background-color: #3C4453;
  padding: 16px 0 24px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .notice {
      padding: calc(16 / 1024 * 100vw) 0 calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .notice {
      padding: calc(32 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
      position: relative; } }
  .container .notice p, .container .notice a {
    color: #fff; }
  .container .notice .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .container .notice_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%; }
    @media screen and (max-width: 767.9px) {
      .container .notice_inner {
        display: block; } }
    .container .notice_inner .left_item {
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content;
      margin-right: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (min-width: 768px) and (max-width: 1200px) {
        .container .notice_inner .left_item {
          margin-right: calc(12 / 1200 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .notice_inner .left_item {
          padding-bottom: calc(32 / 750 * 100vw);
          margin: calc(16 / 750 * 100vw) 0 calc(24 / 750 * 100vw) 0;
          border-bottom: calc(2 / 750 * 100vw) solid #fff; } }
      .container .notice_inner .left_item:after {
        content: '';
        width: 2px;
        height: 16px;
        background-color: #fff;
        display: inline-block;
        margin-left: 16px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .notice_inner .left_item:after {
            width: calc(2 / 1024 * 100vw);
            height: calc(16 / 1024 * 100vw);
            margin-left: calc(16 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .notice_inner .left_item:after {
            content: none; } }
      .container .notice_inner .left_item p {
        font-size: 16px;
        line-height: 18px;
        font-weight: bold; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .notice_inner .left_item p {
            font-size: calc(16 / 1024 * 100vw);
            line-height: calc(18 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .notice_inner .left_item p {
            font-size: calc(32 / 750 * 100vw);
            line-height: calc(36 / 750 * 100vw); } }
    .container .notice_inner .right_item {
      position: relative;
      max-width: 980px;
      width: 100%; }
      .container .notice_inner .right_item ul li {
        margin-top: 16px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .notice_inner .right_item ul li {
            max-width: calc(980 / 1024 * 100vw);
            margin-top: calc(16 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .notice_inner .right_item ul li {
            top: 0;
            max-width: 100%;
            width: 100%;
            margin-top: calc(32 / 750 * 100vw); } }
        .container .notice_inner .right_item ul li:first-child {
          margin-top: 0;
          line-height: 0; }
        .container .notice_inner .right_item ul li a, .container .notice_inner .right_item ul li .date {
          font-size: 14px;
          line-height: 22px;
          font-weight: 500;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          color: #fff; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .notice_inner .right_item ul li a, .container .notice_inner .right_item ul li .date {
              font-size: calc(14 / 1024 * 100vw);
              line-height: calc(22 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .notice_inner .right_item ul li a, .container .notice_inner .right_item ul li .date {
              font-size: calc(28 / 750 * 100vw);
              line-height: calc(42 / 750 * 100vw);
              margin-right: 0;
              display: block; } }
        @media screen and (min-width: 767.9px) {
          .container .notice_inner .right_item ul li a:hover .desc {
            color: #FF6560;
            text-decoration: underline; } }
        .container .notice_inner .right_item ul li .date {
          margin-right: 10px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .notice_inner .right_item ul li .date {
              margin-right: calc(10 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .notice_inner .right_item ul li .date {
              margin-right: calc(20 / 750 * 100vw); } }
        .container .notice_inner .right_item ul li .new {
          font-size: 12px;
          line-height: 20px;
          font-weight: bold;
          color: #3C4453;
          padding: 0 7.5px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background-color: #FFC857;
          border-radius: 2px;
          margin-left: 8px;
          display: inline-block; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .notice_inner .right_item ul li .new {
              font-size: calc(12 / 1024 * 100vw);
              line-height: calc(20 / 1024 * 100vw);
              margin-left: calc(8 / 1024 * 100vw);
              border-radius: calc(2 / 1024 * 100vw);
              padding: 0 calc(7.5 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .notice_inner .right_item ul li .new {
              font-size: calc(24 / 750 * 100vw);
              line-height: calc(40 / 750 * 100vw);
              padding: 0 calc(14.77 / 750 * 100vw);
              border-radius: calc(4 / 750 * 100vw);
              margin-left: calc(14 / 750 * 100vw); } }
      .container .notice_inner .right_item .news_list_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media screen and (max-width: 767.9px) {
          .container .notice_inner .right_item .news_list_btn {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .container .notice_inner .right_item .news_list_btn a {
          display: none;
          margin-top: 24px;
          min-width: 160px;
          padding: 0; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .notice_inner .right_item .news_list_btn a {
              margin-top: calc(24 / 1024 * 100vw);
              min-width: calc(160 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .notice_inner .right_item .news_list_btn a {
              margin-top: calc(58 / 750 * 100vw);
              min-width: calc(392 / 750 * 100vw); } }
          .container .notice_inner .right_item .news_list_btn a.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .container .notice .show_content {
    margin-left: 9px;
    margin-top: 7px;
    width: 40px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .notice .show_content {
        margin-left: calc(9 / 1024 * 100vw);
        margin-top: calc(7 / 1024 * 100vw);
        width: calc(40 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .notice .show_content {
        width: calc(64 / 750 * 100vw);
        margin-left: calc(18 / 750 * 100vw);
        margin-top: 0;
        position: absolute;
        top: calc(32 / 750 * 100vw);
        right: calc(40 / 750 * 100vw); } }
    .container .notice .show_content.active {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-transition: .3s;
      transition: .3s; }

.container .survey_txt {
  max-width: 1400px;
  margin: 10px auto 0;
  padding: 0 20px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .survey_txt {
      margin-top: calc(10 / 1024 * 100VW);
      padding: 0 calc(20 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .survey_txt {
      margin: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
      padding: 0; } }
  .container .survey_txt a {
    background-color: #FF6464;
    padding: 15px 30px 15px 20px;
    border-radius: 5px;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1.6px;
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    text-underline-offset: 5px;
    font-weight: bold; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .survey_txt a {
        padding: calc(15 / 1024 * 100vw) calc(30 / 1024 * 100vw) calc(15 / 1024 * 100vw) calc(20 / 1024 * 100vw);
        font-size: calc(20 / 1024 * 100vw);
        line-height: calc(26 / 1024 * 100vw);
        letter-spacing: calc(1.6 / 1024 * 100vw);
        text-underline-offset: calc(5 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .survey_txt a {
        padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(20 / 750 * 100vw);
        font-size: calc(28 / 750 * 100vw);
        line-height: calc(46 / 750 * 100vw);
        text-underline-offset: calc(10 / 750 * 100vw); } }

.container .txt_head {
  font-size: 28px;
  line-height: 40px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .txt_head {
      font-size: calc(28 / 1024 * 100vw);
      line-height: calc(40 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .txt_head {
      font-size: calc(48 / 750 * 100vw);
      line-height: calc(68 / 750 * 100vw); } }

.container .movie_conrner {
  padding-top: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .movie_conrner {
      padding-top: calc(60 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .movie_conrner {
      padding-top: calc(60 / 750 * 100vw); } }
  .container .movie_conrner .mv_corner_lst {
    margin-top: 31px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .movie_conrner .mv_corner_lst {
        margin-top: calc(31 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .movie_conrner .mv_corner_lst {
        margin-top: calc(52 / 750 * 100vw); } }
    .container .movie_conrner .mv_corner_lst ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 767.9px) {
        .container .movie_conrner .mv_corner_lst ul {
          display: block; } }
      .container .movie_conrner .mv_corner_lst ul li {
        max-width: 544px;
        width: 48.227%;
        margin-right: 3.54%;
        margin-bottom: 40px;
        -webkit-box-shadow: 0 3px 3px #00000026;
                box-shadow: 0 3px 3px #00000026;
        border: 1px solid #F0F0F0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 8px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .movie_conrner .mv_corner_lst ul li {
            border-radius: calc(8 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .movie_conrner .mv_corner_lst ul li {
            max-width: 100%;
            width: 100%;
            position: relative;
            margin-right: 0;
            margin-bottom: calc(80 / 750 * 100vw);
            border-radius: calc(16 / 750 * 100vw);
            border-width: calc(2 / 750 * 100vw);
            -webkit-box-shadow: 0 calc(6 / 750 * 100vw) calc(6 / 750 * 100vw) #00000026;
                    box-shadow: 0 calc(6 / 750 * 100vw) calc(6 / 750 * 100vw) #00000026; } }
        .container .movie_conrner .mv_corner_lst ul li:nth-child(2n) {
          margin-right: 0; }
        .container .movie_conrner .mv_corner_lst ul li:last-child {
          margin-bottom: 0; }
        @media screen and (min-width: 767px) {
          .container .movie_conrner .mv_corner_lst ul li:nth-last-child(2) {
            margin-bottom: 0; } }
        .container .movie_conrner .mv_corner_lst ul li .item {
          display: block;
          padding: 23px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 100%;
          position: relative; }
          .container .movie_conrner .mv_corner_lst ul li .item:hover:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border: 2px solid #FF6464;
            border-radius: 8px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .movie_conrner .mv_corner_lst ul li .item:hover:before {
                border-radius: calc(8 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .movie_conrner .mv_corner_lst ul li .item:hover:before {
                content: none; } }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .movie_conrner .mv_corner_lst ul li .item {
              padding: calc(23 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .movie_conrner .mv_corner_lst ul li .item {
              padding: calc(48 / 750 * 100vw);
              padding-bottom: calc(176 / 750 * 100vw); } }
          .container .movie_conrner .mv_corner_lst ul li .item .fs_layer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            margin-bottom: 18px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .movie_conrner .mv_corner_lst ul li .item .fs_layer {
                margin-bottom: calc(18 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .movie_conrner .mv_corner_lst ul li .item .fs_layer {
                margin-bottom: calc(40 / 750 * 100vw); } }
            @media screen and (min-width: 767.9px) {
              .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side {
                width: 63%; } }
            .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side h4 {
              font-size: 22px;
              line-height: 26px;
              margin-bottom: 2px; }
              @media screen and (min-width: 768px) and (max-width: 1024px) {
                .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side h4 {
                  font-size: calc(22 / 1024 * 100vw);
                  line-height: calc(26 / 1024 * 100vw);
                  margin-bottom: calc(2 / 1024 * 100vw); } }
              @media screen and (max-width: 767.9px) {
                .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side h4 {
                  font-size: calc(40 / 750 * 100vw);
                  line-height: calc(52 / 750 * 100vw);
                  margin-bottom: calc(6 / 750 * 100vw); } }
            .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side p {
              font-size: 16px;
              line-height: 26px;
              color: #788191; }
              @media screen and (min-width: 768px) and (max-width: 1024px) {
                .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side p {
                  font-size: calc(16 / 1024 * 100vw);
                  line-height: calc(26 / 1024 * 100vw); } }
              @media screen and (max-width: 767.9px) {
                .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .lft_side p {
                  font-size: calc(32 / 750 * 100vw);
                  line-height: calc(52 / 750 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .movie_conrner .mv_corner_lst ul li .item .fs_layer .rgh_side {
                position: absolute;
                bottom: calc(48 / 750 * 100vw);
                left: 0;
                right: 0;
                margin: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center; } }
          .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; }
            @media screen and (max-width: 767.9px) {
              .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer {
                display: block; } }
            .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .txt_layer p {
              font-size: 16px;
              line-height: 28px; }
              @media screen and (min-width: 768px) and (max-width: 1024px) {
                .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .txt_layer p {
                  font-size: calc(16 / 1024 * 100vw);
                  line-height: calc(28 / 1024 * 100vw); } }
              @media screen and (max-width: 767.9px) {
                .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .txt_layer p {
                  font-size: calc(32 / 750 * 100vw);
                  line-height: calc(56 / 750 * 100vw); } }
            .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .img_layer {
              min-width: 232px;
              margin-left: 40px; }
              @media screen and (min-width: 768px) and (max-width: 1366px) {
                .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .img_layer {
                  min-width: calc(232 / 1366 * 100vw);
                  margin-left: calc(40 / 1366 * 100vw); } }
              @media screen and (max-width: 767.9px) {
                .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .img_layer {
                  min-width: 100%;
                  margin-left: 0;
                  margin-top: calc(40 / 750 * 100vw); } }
              .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .img_layer figure img {
                border-radius: 8px; }
                @media screen and (min-width: 768px) and (max-width: 1024px) {
                  .container .movie_conrner .mv_corner_lst ul li .item .txt_img_layer .img_layer figure img {
                    border-radius: calc(8 / 1024 * 100vw); } }
  .container .movie_conrner.pt-0 {
    padding-top: 0;
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .movie_conrner.pt-0 {
        margin-bottom: calc(32 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .movie_conrner.pt-0 {
        margin-bottom: calc(46 / 750 * 100vw); } }

.container .related_content {
  padding: 80px 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .related_content {
      padding: calc(80 / 1024 * 100vw) 0; } }
  @media screen and (max-width: 767.9px) {
    .container .related_content {
      padding: calc(112 / 750 * 100vw) 0 calc(112 / 750 * 100vw); } }
  .container .related_content h3 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .related_content h3 {
        font-size: calc(28 / 1024 * 100vw);
        line-height: calc(40 / 1024 * 100vw);
        margin-bottom: calc(32 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .related_content h3 {
        font-size: calc(48 / 750 * 100vw);
        line-height: calc(80 / 750 * 100vw);
        margin-bottom: calc(46 / 750 * 100vw); } }
  .container .related_content .related_item {
    border: 1px solid #F0F0F0;
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 349px;
    width: 30.94%;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 3px #00000026;
            box-shadow: 0 3px 3px #00000026;
    position: relative;
    margin-right: 40px; }
    @media screen and (min-width: 767.9px) {
      .container .related_content .related_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media screen and (min-width: 768px) and (max-width: 1366px) {
      .container .related_content .related_item {
        padding: calc(24 / 1366 * 100vw);
        border-radius: calc(8 / 1366 * 100vw);
        margin-right: calc(40 / 1366 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .related_content .related_item {
        border-width: calc(2 / 750 * 100vw);
        padding: calc(45 / 750 * 100vw);
        max-width: 100%;
        margin: 0 0 calc(80 / 750 * 100vw) 0;
        display: block;
        width: 100%; }
        .container .related_content .related_item:last-child {
          margin-bottom: 0; } }
    @media screen and (min-width: 767.9px) {
      .container .related_content .related_item:nth-child(3n) {
        margin-right: 0; } }
    .container .related_content .related_item:nth-child(3) .download_layer .download_item {
      min-width: 40px;
      max-width: 40px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .related_content .related_item:nth-child(3) .download_layer .download_item {
          min-width: calc(40 / 1024 * 100vw);
          max-width: calc(40 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .related_content .related_item:nth-child(3) .download_layer .download_item {
          min-width: calc(80 / 750 * 100vw); } }
    .container .related_content .related_item:hover:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border: 2px solid #FF6464;
      border-radius: 8px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1200px) {
        .container .related_content .related_item:hover:before {
          border-radius: calc(8 / 1200 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .related_content .related_item:hover:before {
          content: none; } }
    .container .related_content .related_item .download_layer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .related_content .related_item .download_layer {
          margin-bottom: calc(20 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .related_content .related_item .download_layer {
          margin-bottom: calc(40 / 750 * 100vw); } }
      .container .related_content .related_item .download_layer .txt_item h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 3px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .related_content .related_item .download_layer .txt_item h4 {
            font-size: calc(18 / 1024 * 100vw);
            line-height: calc(26 / 1024 * 100vw);
            margin-bottom: calc(3 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .related_content .related_item .download_layer .txt_item h4 {
            font-size: calc(36 / 750 * 100vw);
            line-height: calc(52 / 750 * 100vw);
            margin-bottom: calc(8 / 750 * 100vw); } }
      .container .related_content .related_item .download_layer .txt_item p {
        font-size: 16px;
        line-height: 26px;
        color: #788191; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .related_content .related_item .download_layer .txt_item p {
            font-size: calc(16 / 1024 * 100vw);
            line-height: calc(26 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .related_content .related_item .download_layer .txt_item p {
            font-size: calc(32 / 750 * 100vw);
            line-height: calc(52 / 750 * 100vw); } }
      .container .related_content .related_item .download_layer .download_item {
        min-width: 31px;
        max-width: 31px;
        margin-left: 20px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .related_content .related_item .download_layer .download_item {
            min-width: calc(31 / 1024 * 100vw);
            max-width: calc(31 / 1024 * 100vw);
            margin-left: calc(20 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .related_content .related_item .download_layer .download_item {
            min-width: calc(64 / 750 * 100vw);
            margin-left: calc(20 / 750 * 100vw); } }
    .container .related_content .related_item .txt_desc {
      font-size: 16px;
      line-height: 28px;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .related_content .related_item .txt_desc {
          font-size: calc(16 / 1024 * 100vw);
          line-height: calc(28 / 1024 * 100vw);
          margin-bottom: calc(20 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .related_content .related_item .txt_desc {
          font-size: calc(32 / 750 * 100vw);
          line-height: calc(56 / 750 * 100vw);
          margin-bottom: calc(40 / 750 * 100vw); } }
    .container .related_content .related_item .btn_01 {
      margin: auto auto 0; }
  .container .related_content_lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 767.9px) {
      .container .related_content_lst {
        display: block; } }