@charset "UTF-8";
@media screen and (max-width: 767.9px) {
  .container .breadcrumb_inner ul li:nth-child(2):after {
    content: none; } }

@media screen and (max-width: 767.9px) {
  .container .breadcrumb_inner ul li:nth-child(3) {
    display: none; } }

.container .mb-0 {
  margin-bottom: 0 !important; }

.container .mt-20 {
  margin-top: 20px !important; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .mt-20 {
      margin-top: calc(20 / 1024 * 100vw) !important; } }
  @media screen and (max-width: 767.9px) {
    .container .mt-20 {
      margin-top: calc(30 / 750 * 100vw) !important; } }

.container .pt-0 {
  padding-top: 0 !important; }

.container .pb-0 {
  padding-bottom: 0 !important; }

.container .desc_text {
  font-size: 18px;
  margin-top: 20px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .desc_text {
      font-size: calc(18 / 1024 * 100vw);
      margin-top: calc(20 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .desc_text {
      font-size: calc(36 / 750 * 100vw);
      margin-top: calc(30 / 750 * 100vw); } }

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

@media screen and (max-width: 767.9px) {
  .container .pg_title {
    line-height: calc(80 / 750 * 100vw); } }

@media screen and (min-width: 767.9px) {
  .container .pg_subtitle {
    line-height: 30px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container .pg_subtitle {
    line-height: calc(30 / 1024 * 100vw); } }

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

.container .thumbnail_img {
  max-width: 640px;
  width: 62.016%;
  margin: 0 auto 40px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .thumbnail_img {
      margin-bottom: calc(40 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .thumbnail_img {
      max-width: 100%;
      width: 100%;
      margin-bottom: calc(64 / 750 * 100vw); } }

.container .class_item {
  display: inline-block;
  font-size: 14px;
  padding: 0px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #3C4453;
  color: #fff;
  border-radius: 4px;
  font-weight: bold;
  min-width: 94;
  text-align: center; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .class_item {
      font-size: calc(14 / 1024 * 100vw);
      padding: 0 calc(12 / 1024 * 100vw);
      border-radius: calc(4 / 1024 * 100vw);
      min-width: calc(94 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .class_item {
      min-width: calc(188 / 750 * 100vw);
      font-size: calc(28 / 750 * 100vw);
      padding: 0 calc(20 / 750 * 100vw);
      border-radius: calc(8 / 750 * 100vw); } }

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

.container .txt_lst {
  border: 1px solid #8E8E8E;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .txt_lst {
      padding: calc(10 / 1024 * 100vw) calc(15 / 1024 * 100vw);
      margin-top: calc(30 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .txt_lst {
      padding: calc(20 / 750 * 100vw);
      margin-top: calc(60 / 750 * 100vw); } }
  .container .txt_lst ul {
    display: list-item;
    margin-left: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .txt_lst ul {
        margin-left: calc(20 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .txt_lst ul {
        margin-left: calc(40 / 750 * 100vw); } }
    .container .txt_lst ul li {
      list-style-type: disc; }
      @media screen and (max-width: 767.9px) {
        .container .txt_lst ul li {
          font-size: calc(32 / 750 * 100vw);
          line-height: calc(56 / 750 * 100vw); } }
  .container .txt_lst.db_lst {
    border: none;
    padding: 0;
    margin-top: 0; }
    .container .txt_lst.db_lst ul li {
      padding-left: 10px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .txt_lst.db_lst ul li {
          padding-left: calc(10 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .txt_lst.db_lst ul li {
          padding-left: calc(20 / 750 * 100vw); } }
    .container .txt_lst.db_lst ul.num_lst, .container .txt_lst.db_lst ul .link_lst_gp {
      counter-reset: item; }
      .container .txt_lst.db_lst ul.num_lst li, .container .txt_lst.db_lst ul .link_lst_gp li {
        list-style: none;
        position: relative;
        padding-left: 40px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .txt_lst.db_lst ul.num_lst li, .container .txt_lst.db_lst ul .link_lst_gp li {
            padding-left: calc(40 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .txt_lst.db_lst ul.num_lst li, .container .txt_lst.db_lst ul .link_lst_gp li {
            padding-left: calc(80 / 750 * 100vw); } }

.container .circle {
  margin-left: 0 !important; }
  .container .circle li {
    padding-left: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .circle li {
        padding-left: calc(40 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .circle li {
        padding-left: calc(80 / 750 * 100vw); } }
    .container .circle li::before {
      content: counter(item) !important;
      counter-increment: item;
      position: absolute;
      left: 0;
      top: 2px;
      width: 20px;
      height: 20px;
      border: 1px solid;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 767.9px) {
        .container .circle li::before {
          width: calc(40 / 750 * 100vw);
          height: calc(40 / 750 * 100vw);
          top: calc(6 / 750 * 100vw); } }

.container .b_txt {
  font-weight: bold; }

.container .sub_detail_title {
  font-size: 18px;
  line-height: 26px;
  color: #232324; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sub_detail_title {
      font-size: calc(18 / 1024 * 100vw);
      line-height: calc(26 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .sub_detail_title {
      font-size: calc(36 / 750 * 100vw);
      line-height: calc(56 / 750 * 100vw); } }

.container .article_lst_title {
  font-size: 16px;
  line-height: 28px;
  color: #232324;
  margin-bottom: 16px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .article_lst_title {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw);
      margin-bottom: calc(16 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .article_lst_title {
      font-size: calc(32 / 750 * 100vw);
      line-height: calc(42 / 750 * 100vw);
      margin-bottom: calc(32 / 750 * 100vw); } }

.container .fig_caption {
  font-size: 16px;
  line-height: 28px;
  margin-top: 8px;
  text-align: center;
  display: block; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .fig_caption {
      font-size: calc(16 / 1024 * 100vw);
      line-height: calc(28 / 1024 * 100vw);
      margin-top: calc(8 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .fig_caption {
      font-size: calc(28 / 750 * 100vw);
      line-height: calc(40 / 750 * 100vw);
      margin-top: calc(8 / 750 * 100vw); } }

.container p.fig_caption {
  margin-top: 0; }

.container .link_item {
  text-decoration: underline;
  text-underline-offset: 3px;
  word-break: break-all; }
  @media screen and (min-width: 767.9px) {
    .container .link_item:hover {
      color: #FF6560; } }

.container .bg_content {
  background-color: #F0F0F0;
  padding: 56px 0 75px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .bg_content {
      padding: calc(56 / 1024 * 100vw) 0 calc(75 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .bg_content {
      padding: calc(64 / 750 * 100vw) 0 calc(96 / 750 * 100vw); } }
  .container .bg_content .inner {
    position: relative; }
  .container .bg_content .lets_drop_down {
    max-width: 320px;
    width: 100%; }
    @media screen and (min-width: 767.9px) {
      .container .bg_content .lets_drop_down {
        position: absolute;
        right: 20px;
        top: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1100px) {
      .container .bg_content .lets_drop_down {
        max-width: calc(320 / 1100 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bg_content .lets_drop_down {
        max-width: 100%;
        margin-top: calc(44 / 750 * 100vw); } }
    .container .bg_content .lets_drop_down .drop_item .data_item {
      background-color: #FF6464;
      color: #fff;
      border: 0; }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .lets_drop_down .drop_item .data_item {
          padding-left: calc(48 / 750 * 100vw); } }
      .container .bg_content .lets_drop_down .drop_item .data_item:after {
        background: url(/assets/img/icon/white_down_arrow.svg) no-repeat center/contain !important;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        width: 12px;
        height: 7px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .lets_drop_down .drop_item .data_item:after {
            width: calc(12 / 1024 * 100vw);
            height: calc(7 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .lets_drop_down .drop_item .data_item:after {
            width: calc(24 / 750 * 100vw);
            height: calc(14 / 750 * 100vw);
            right: calc(48 / 750 * 100vw); } }
      .container .bg_content .lets_drop_down .drop_item .data_item_inner {
        border-bottom: 0;
        padding: 10px 0; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .lets_drop_down .drop_item .data_item_inner {
            padding: calc(10 / 1024 * 100vw) 0; } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .lets_drop_down .drop_item .data_item_inner {
            padding: calc(20 / 750 * 100vw) 0; } }
    .container .bg_content .lets_drop_down .drop_item .show_list, .container .bg_content .lets_drop_down .drop_item .lst_item {
      background-color: #FF6464;
      color: #fff; }
    .container .bg_content .lets_drop_down .drop_item .show_list {
      border-top: 1px solid #D5D5D5;
      top: 46.5px;
      border-left: 0;
      border-right: 0;
      height: 310px;
      overflow: hidden scroll;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .lets_drop_down .drop_item .show_list {
          top: calc(46.5 / 1024 * 100vw);
          height: calc(310 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .lets_drop_down .drop_item .show_list {
          top: calc(96.5 / 750 * 100vw);
          border-top-width: calc(2 / 750 * 100vw);
          height: calc(600 / 750 * 100vw); } }
      .container .bg_content .lets_drop_down .drop_item .show_list::-webkit-scrollbar {
        display: none; }
    .container .bg_content .lets_drop_down .drop_item .lst_item {
      height: -webkit-fill-available;
      margin-right: 0; }
      .container .bg_content .lets_drop_down .drop_item .lst_item li {
        border-bottom-style: dashed; }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .lets_drop_down .drop_item .lst_item li {
            margin: 0 calc(48 / 750 * 100vw);
            padding: calc(10 / 750 * 100vw) 0; } }
        .container .bg_content .lets_drop_down .drop_item .lst_item li a {
          color: #fff; }
      .container .bg_content .lets_drop_down .drop_item .lst_item::-webkit-scrollbar-track {
        background-color: #fff; }
      .container .bg_content .lets_drop_down .drop_item .lst_item::-webkit-scrollbar-thumb {
        background: #3C4453; }
      .container .bg_content .lets_drop_down .drop_item .lst_item::-webkit-scrollbar {
        display: none; }
  .container .bg_content .lets_id {
    font-size: 18px;
    line-height: 26px;
    color: #FF6464;
    margin-bottom: 2px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bg_content .lets_id {
        font-size: calc(18 / 1024 * 100vw);
        line-height: calc(26 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bg_content .lets_id {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(42 / 750 * 100vw); } }
  .container .bg_content .lets_title {
    font-size: 28px;
    line-height: 40px;
    color: #232324;
    width: 65%; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bg_content .lets_title {
        font-size: calc(28 / 1024 * 100vw);
        line-height: calc(40 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bg_content .lets_title {
        font-size: calc(40 / 750 * 100vw);
        line-height: calc(60 / 750 * 100vw);
        width: 100%; } }
  .container .bg_content .detail_content {
    background-color: #fff;
    padding: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 40px;
    border-radius: 8px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bg_content .detail_content {
        padding: calc(48 / 1024 * 100vw);
        margin-top: calc(40 / 1024 * 100vw);
        border-radius: calc(8 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bg_content .detail_content {
        padding: calc(64 / 750 * 100vw) calc(40 / 750 * 100vw);
        margin-top: calc(64 / 750 * 100vw);
        border-radius: calc(16 / 750 * 100vw); } }
    .container .bg_content .detail_content .detail_title {
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .detail_title {
          margin-bottom: calc(40 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .detail_title {
          line-height: calc(56 / 750 * 100vw);
          margin-bottom: calc(64 / 750 * 100vw); } }
    .container .bg_content .detail_content .class_item {
      margin-bottom: 17px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .class_item {
          margin-bottom: calc(17 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .class_item {
          margin-bottom: calc(24 / 750 * 100vw); } }
    .container .bg_content .detail_content .sub_detail_layer {
      border-top: 1px solid #EAEAEA;
      margin-top: 48px;
      padding-top: 48px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .sub_detail_layer {
          margin-top: calc(48 / 1024 * 100vw);
          padding-top: calc(48 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .sub_detail_layer {
          border-top-width: calc(2 / 750 * 100vw);
          margin-top: calc(64 / 750 * 100vw);
          padding-top: calc(64 / 750 * 100vw); } }
      .container .bg_content .detail_content .sub_detail_layer .sub_detail_title {
        margin-bottom: 16px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_title {
            margin-bottom: calc(16 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_title {
            margin-bottom: calc(32 / 750 * 100vw); } }
      .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst {
        padding-bottom: 48px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst {
            padding-bottom: calc(48 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst {
            padding-bottom: calc(64 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst:last-child {
          padding-bottom: 0; }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc {
          font-size: 16px;
          line-height: 28px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc {
              font-size: calc(16 / 1024 * 100vw);
              line-height: calc(28 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc {
              font-size: calc(32 / 750 * 100vw);
              line-height: calc(56 / 750 * 100vw); } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc.b_txt {
            font-size: 18px;
            line-height: 26px;
            color: #232324; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc.b_txt {
                font-size: calc(18 / 1024 * 100vw);
                line-height: calc(26 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .lst_gp_desc.b_txt {
                font-size: calc(36 / 750 * 100vw);
                line-height: calc(56 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst {
          display: list-item;
          margin-left: 20px;
          font-size: 16px;
          line-height: 28px;
          word-break: break-word; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst {
              margin-left: calc(20 / 1024 * 100vw);
              font-size: calc(16 / 1024 * 100vw);
              line-height: calc(28 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst {
              margin-left: calc(40 / 750 * 100vw);
              font-size: calc(32 / 750 * 100vw);
              line-height: calc(56 / 750 * 100vw); } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst li {
            list-style-type: disc;
            padding-left: 10px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst li {
                padding-left: calc(10 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst li {
                padding-left: calc(20 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp {
          margin-bottom: 16px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp {
              margin-bottom: calc(16 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .dsc_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp {
              margin-bottom: calc(32 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
          counter-reset: item;
          margin-left: 20px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
              margin-left: calc(20 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
              margin-left: calc(40 / 750 * 100vw); } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst > li {
            list-style-type: none;
            position: relative;
            padding-left: 40px;
            font-size: 16px;
            line-height: 28px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst > li {
                padding-left: calc(40 / 1024 * 100vw);
                font-size: calc(16 / 1024 * 100vw);
                line-height: calc(28 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp > li, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst > li {
                padding-left: calc(80 / 750 * 100vw);
                font-size: calc(32 / 750 * 100vw);
                line-height: calc(56 / 750 * 100vw); } }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst > li::before, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp > li::before, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst > li::before {
              content: "( " counter(item) " )";
              counter-increment: item;
              position: absolute;
              left: 0; }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .num_lst.dot > li::before, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp.dot > li::before, .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst.dot > li::before {
            content: "　" counter(item) " ."; }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .link_lst_gp {
          margin-left: 0; }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
          margin-left: 15px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
              margin-left: calc(15 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst {
              margin-left: calc(30 / 750 * 100vw); } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .que_ans_lst li::before {
            content: "Q" counter(item) " ："; }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a {
          font-size: 16px;
          line-height: 24px;
          display: inline-block;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          word-break: break-word;
          text-decoration: underline; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a {
              font-size: calc(16 / 1024 * 100vw);
              line-height: calc(24 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a {
              letter-spacing: calc(1 / 750 * 100vw);
              font-size: calc(32 / 750 * 100vw);
              line-height: calc(48 / 750 * 100vw); } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a:after {
            content: '';
            display: inline-block;
            background: url("/assets/img/icon/external_link_bg.svg") no-repeat center/contain;
            min-width: 16px;
            min-height: 16px;
            margin-left: 8px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a:after {
                min-width: calc(16 / 1024 * 100vw);
                min-height: calc(16 / 1024 * 100vw);
                margin-left: calc(8 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link a:after {
                min-width: calc(32 / 750 * 100vw);
                min-height: calc(32 / 750 * 100vw);
                margin-left: calc(18 / 750 * 100vw);
                position: relative;
                top: calc(6 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .diff_with li:first-child {
          max-width: 544px;
          width: 52.714%; }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .diff_with li:first-child {
              max-width: 100%;
              width: 100%;
              margin-bottom: calc(48 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .diff_with li:nth-child(2) {
          max-width: 448px;
          width: 43.411%; }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .diff_with li:nth-child(2) {
              max-width: 100%;
              width: 100%;
              margin-bottom: 0; } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .full_img {
          margin: 48px auto; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .full_img {
              margin: calc(48 / 1024 * 100vw) auto; } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .full_img {
              margin: calc(64 / 750 * 100vw) 0; } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .img_lst {
          margin-bottom: 48px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .img_lst {
              margin-bottom: calc(48 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .ext_link .img_lst {
              margin-bottom: calc(64 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst {
          margin: 90px 0 48px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst {
              margin: calc(90 / 1024 * 100vw) 0 calc(48 / 1024 * 100vw); } }
          @media only screen and (width < 768px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst {
              margin: calc(64 / 750 * 100vw) 0; } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst.speed_bubble {
            margin: 30px auto 0;
            width: 700px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst.speed_bubble {
                width: calc(700 / 1024 * 100vw);
                margin: calc(30 / 1024 * 100vw) auto 0; } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst.speed_bubble {
                width: 100%;
                margin: calc(64 / 750 * 100vw) 0 0; } }
          .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            margin-top: 40px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item {
                margin-top: calc(40 / 1024 * 100vw); } }
            @media only screen and (width < 768px) {
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item {
                margin-top: calc(48 / 750 * 100vw); } }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.first-child {
              margin-top: 0; }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .person_icon {
              min-width: 32px;
              margin-right: 32px; }
              @media screen and (min-width: 768px) and (max-width: 1024px) {
                .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .person_icon {
                  min-width: calc(32 / 1024 * 100vw);
                  margin-right: calc(32 / 1024 * 100vw); } }
              @media only screen and (width < 768px) {
                .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .person_icon {
                  min-width: unset;
                  width: calc(40 / 750 * 100vw);
                  margin-right: calc(20 / 750 * 100vw); } }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content {
              width: 100%;
              padding: 16px 24px;
              border-radius: 8px;
              position: relative; }
              @media screen and (min-width: 768px) and (max-width: 1024px) {
                .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content {
                  padding: calc(16 / 1024 * 100vw) calc(24 / 1024 * 100vw);
                  border-radius: calc(8 / 1024 * 100vw); } }
              @media only screen and (width < 768px) {
                .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content {
                  width: calc(530 / 750 * 100vw);
                  padding: calc(16 / 750 * 100vw) calc(24 / 750 * 100vw);
                  border-radius: calc(16 / 750 * 100vw);
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box; } }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content::before {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-right: 18px solid;
                border-bottom: 7px solid transparent;
                top: 23px;
                left: -16px;
                right: auto; }
                @media screen and (min-width: 768px) and (max-width: 1024px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content::before {
                    top: calc(23 / 1024 * 100vw);
                    left: calc(-16 / 1024 * 100vw);
                    border-top-width: calc(7 / 1024 * 100vw);
                    border-right-width: calc(18 / 1024 * 100vw);
                    border-bottom-width: calc(7 / 1024 * 100vw); } }
                @media only screen and (width < 768px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content::before {
                    top: calc(20 / 750 * 100vw);
                    left: calc(-20 / 750 * 100vw);
                    border-top-width: calc(8 / 750 * 100vw);
                    border-right-width: calc(24 / 750 * 100vw);
                    border-bottom-width: calc(8 / 750 * 100vw); } }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_person {
                font-size: 16px;
                line-height: 28px;
                margin-bottom: 3px; }
                @media screen and (min-width: 768px) and (max-width: 1024px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_person {
                    font-size: calc(16 / 1024 * 100vw);
                    line-height: calc(28 / 1024 * 100vw);
                    margin-bottom: calc(3 / 1024 * 100vw); } }
                @media only screen and (width < 768px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_person {
                    font-size: calc(32 / 750 * 100vw);
                    line-height: calc(56 / 750 * 100vw);
                    margin-bottom: calc(6 / 750 * 100vw); } }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_text {
                font-size: 16px;
                line-height: 28px; }
                @media screen and (min-width: 768px) and (max-width: 1024px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_text {
                    font-size: calc(16 / 1024 * 100vw);
                    line-height: calc(28 / 1024 * 100vw); } }
                @media only screen and (width < 768px) {
                  .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item .review_content .review_text {
                    font-size: calc(32 / 750 * 100vw);
                    line-height: calc(56 / 750 * 100vw); } }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_1 .review_content {
              background-color: #F2F5F8; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_1 .review_content .review_person {
                color: #3162B1; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_1 .review_content::before {
                border-right-color: #F2F5F8; }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_2 .review_content {
              background-color: #EFF7F0; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_2 .review_content .review_person {
                color: #2C8631; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_2 .review_content::before {
                border-right-color: #EFF7F0; }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_3 .review_content {
              background-color: #F7F0F7; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_3 .review_content .review_person {
                color: #B54EAD; }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_3 .review_content::before {
                border-right-color: #F7F0F7; }
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_4 .review_content {
              background-color: #f8caa8; }
              @media screen and (max-width: 767.9px) {
                .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_4 .review_content {
                  width: 100%; } }
              .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .review_lst .review_item.icon_4 .review_content::before {
                border-right-color: #f8caa8; }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .sub_detail_title {
          margin-bottom: 2px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .sub_detail_title {
              margin-bottom: calc(2 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .sub_detail_title {
              margin-bottom: calc(4 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .txt_lst {
          margin-top: 0;
          padding-left: 0;
          margin-left: 30px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .txt_lst {
              padding-left: calc(0 / 1024 * 100vw);
              margin-left: calc(30 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .txt_lst {
              padding-left: calc(30 / 750 * 100vw);
              margin-left: calc(56 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .down_arrow {
          display: block;
          width: 24px;
          margin: 10px 0 10px 30px;
          line-height: 0; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .down_arrow {
              width: calc(24 / 1024 * 100vw);
              margin: calc(10 / 1024 * 100vw) 0 calc(10 / 1024 * 100vw) calc(30 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .sub_detail_lst .square_num_list .square_lst_item .down_arrow {
              width: calc(42 / 750 * 100vw);
              margin: calc(20 / 750 * 100vw) calc(70 / 750 * 100vw); } }
      .container .bg_content .detail_content .sub_detail_layer .txt_lst ul li {
        list-style-type: decimal;
        padding-left: 8px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .txt_lst ul li {
            padding-left: calc(8 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .txt_lst ul li {
            padding-left: calc(10 / 750 * 100vw); } }
      .container .bg_content .detail_content .sub_detail_layer .img_lst {
        margin-top: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .img_lst {
            margin-top: calc(48 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .img_lst {
            margin-top: calc(64 / 750 * 100vw); } }
        .container .bg_content .detail_content .sub_detail_layer .img_lst li {
          max-width: 496px;
          width: 48.063%;
          margin-right: 3.8%; }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .img_lst li {
              max-width: 100%;
              width: 100%;
              margin-right: 0;
              margin-bottom: calc(48 / 750 * 100vw); }
              .container .bg_content .detail_content .sub_detail_layer .img_lst li:last-child {
                margin-bottom: 0; } }
          .container .bg_content .detail_content .sub_detail_layer .img_lst li:nth-child(2n) {
            margin-right: 0; }
      .container .bg_content .detail_content .sub_detail_layer .full_img {
        max-width: 640px;
        width: 62.016%;
        margin: 48px auto 0; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .full_img {
            margin: calc(48 / 1024 * 100vw) auto 0; } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .full_img {
            max-width: 100%;
            width: 100%;
            margin-top: calc(64 / 750 * 100vw); }
            .container .bg_content .detail_content .sub_detail_layer .full_img figcaption {
              font-size: calc(32 / 750 * 100vw);
              line-height: calc(48 / 750 * 100vw); } }
      .container .bg_content .detail_content .sub_detail_layer .thumbnail_pdf {
        margin: 15px auto;
        display: block;
        max-width: 190px;
        min-width: 190px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .sub_detail_layer .thumbnail_pdf {
            max-width: calc(190 / 1024 * 100vw);
            min-width: calc(190 / 1024 * 100vw);
            margin: calc(15 / 1024 * 100vw) auto; } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .thumbnail_pdf {
            max-width: calc(240 / 750 * 100vw);
            min-width: calc(240 / 750 * 100vw);
            margin: calc(25 / 750 * 100vw) auto; } }
      .container .bg_content .detail_content .sub_detail_layer .helf_img_layer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .sub_detail_layer .helf_img_layer {
            display: block; } }
        .container .bg_content .detail_content .sub_detail_layer .helf_img_layer.reverse {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse; }
          .container .bg_content .detail_content .sub_detail_layer .helf_img_layer.reverse figure {
            margin-right: 0; }
          .container .bg_content .detail_content .sub_detail_layer .helf_img_layer.reverse .desc_txt {
            margin-right: 1.5%; }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .sub_detail_layer .helf_img_layer.reverse .desc_txt {
                margin-right: 0; } }
        .container .bg_content .detail_content .sub_detail_layer .helf_img_layer figure {
          margin-right: 1.5%;
          min-width: 400px; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .sub_detail_layer .helf_img_layer figure {
              min-width: 39.0625vw; } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .sub_detail_layer .helf_img_layer figure {
              margin-right: 0;
              margin-bottom: calc(48 / 750 * 100vw);
              min-width: 100%;
              width: 100%; } }
    .container .bg_content .detail_content .link_lst {
      padding-left: 15px;
      margin-top: 0;
      display: list-item; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .link_lst {
          padding-left: calc(15 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .link_lst {
          padding-left: calc(30 / 750 * 100vw); } }
      .container .bg_content .detail_content .link_lst li {
        margin-top: 16px;
        list-style-type: disc; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .link_lst li {
            margin-top: calc(16 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .link_lst li {
            margin-top: calc(32 / 750 * 100vw); } }
        .container .bg_content .detail_content .link_lst li:first-child {
          margin-top: 0; }
        .container .bg_content .detail_content .link_lst li::marker {
          font-size: 14px;
          color: #3C4453 !important; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .link_lst li::marker {
              font-size: calc(14 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .link_lst li::marker {
              font-size: calc(24 / 750 * 100vw); } }
        .container .bg_content .detail_content .link_lst li .link_item {
          line-height: 28px;
          display: inline; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .link_lst li .link_item {
              line-height: calc(28 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .link_lst li .link_item {
              line-height: calc(56 / 750 * 100vw); } }
          .container .bg_content .detail_content .link_lst li .link_item:after {
            margin-left: 10px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .link_lst li .link_item:after {
                margin-left: calc(10 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .link_lst li .link_item:after {
                margin-left: calc(18 / 750 * 100vw); } }
    .container .bg_content .detail_content .tb_layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 30px; }
      @media screen and (min-width: 767.9px) {
        .container .bg_content .detail_content .tb_layout {
          border: 1px solid #8E8E8E; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .tb_layout {
          margin-top: calc(30 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .tb_layout {
          display: block;
          margin-top: calc(60 / 750 * 100vw); } }
      .container .bg_content .detail_content .tb_layout .tb_layer {
        width: 50%; }
        @media screen and (min-width: 767.9px) {
          .container .bg_content .detail_content .tb_layout .tb_layer {
            border-right: 1px solid #8E8E8E; } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .tb_layout .tb_layer {
            width: 100%;
            border: calc(2 / 750 * 100vw) solid #8E8E8E;
            margin-top: calc(50 / 750 * 100vw); } }
        @media screen and (min-width: 767.9px) {
          .container .bg_content .detail_content .tb_layout .tb_layer:last-child {
            border-right: 0; } }
      .container .bg_content .detail_content .tb_layout .tb_title {
        border-bottom: 1px solid #8E8E8E;
        padding: 5px 15px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .tb_layout .tb_title {
            padding: calc(5 / 1024 * 100vw) calc(15 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .tb_layout .tb_title {
            padding: calc(10 / 750 * 100vw) calc(30 / 750 * 100vw);
            border-width: calc(2 / 750 * 100vw); } }
    .container .bg_content .detail_content .tb_title, .container .bg_content .detail_content .tb_desc li {
      font-size: 16px;
      line-height: 28px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .tb_title, .container .bg_content .detail_content .tb_desc li {
          font-size: calc(16 / 1024 * 100vw);
          line-height: calc(28 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .tb_title, .container .bg_content .detail_content .tb_desc li {
          font-size: calc(32 / 750 * 100vw);
          line-height: calc(56 / 750 * 100vw); } }
    .container .bg_content .detail_content .tb_desc ul {
      display: list-item;
      margin-left: 30px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .tb_desc ul {
          margin-left: calc(30 / 1024 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .tb_desc ul {
          margin-left: calc(60 / 750 * 100vw); } }
    .container .bg_content .detail_content .tb_desc li {
      list-style-type: disc;
      padding: 0 5px 0 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bg_content .detail_content .tb_desc li {
          padding: 0 calc(5 / 1024 * 100vw) 0 0; } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .tb_desc li {
          padding: 0 calc(10 / 750 * 100vw) 0 0; } }
    .container .bg_content .detail_content .table {
      max-width: 1366px;
      padding-bottom: 3px; }
      .container .bg_content .detail_content .table p {
        font-size: 16px;
        line-height: 28px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .table p {
            font-size: calc(16 / 1024 * 100vw);
            line-height: calc(28 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .table p {
            font-size: calc(24 / 750 * 100vw);
            line-height: calc(42 / 750 * 100vw); } }
      .container .bg_content .detail_content .table table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #8E8E8E; }
        .container .bg_content .detail_content .table table thead tr {
          border-bottom: 3px double #8E8E8E; }
        .container .bg_content .detail_content .table table tbody {
          counter-reset: item; }
          .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc {
            padding-left: 30px; }
            @media screen and (min-width: 768px) and (max-width: 1024px) {
              .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc {
                padding-left: calc(30 / 1024 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc {
                padding-left: calc(30 / 750 * 100vw); } }
            .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc p {
              position: relative; }
              .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc p::before {
                content: counter(item);
                counter-increment: item;
                position: absolute;
                left: -30px;
                top: 2px;
                width: 20px;
                height: 20px;
                border: 1px solid;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                @media screen and (min-width: 768px) and (max-width: 1024px) {
                  .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc p::before {
                    width: calc(20 / 1024 * 100vw);
                    height: calc(20 / 1024 * 100vw);
                    top: calc(2 / 1024 * 100vw);
                    left: calc(-30 / 1024 * 100vw); } }
                @media screen and (max-width: 767.9px) {
                  .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc p::before {
                    width: calc(30 / 750 * 100vw);
                    height: calc(30 / 750 * 100vw);
                    top: calc(4 / 750 * 100vw);
                    left: calc(-40 / 750 * 100vw); } }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .table table tbody tr td:last-child .tb_desc ul li {
                font-size: calc(24 / 750 * 100vw);
                line-height: calc(42 / 750 * 100vw); } }
          .container .bg_content .detail_content .table table tbody tr:first-child td:first-child {
            border-right: 3px double #8E8E8E;
            vertical-align: middle; }
        .container .bg_content .detail_content .table table tfoot tr {
          border-top: 3px double #8E8E8E; }
          .container .bg_content .detail_content .table table tfoot tr td:first-child {
            border-right: 3px double #8E8E8E; }
        .container .bg_content .detail_content .table table tr th, .container .bg_content .detail_content .table table tr td {
          border: 1px solid #8E8E8E;
          text-align: center;
          font-size: 16px;
          line-height: 28px;
          font-weight: normal;
          padding: 10px;
          vertical-align: top; }
          @media screen and (min-width: 768px) and (max-width: 1024px) {
            .container .bg_content .detail_content .table table tr th, .container .bg_content .detail_content .table table tr td {
              font-size: calc(16 / 1024 * 100vw);
              line-height: calc(28 / 1024 * 100vw);
              padding: calc(10 / 1024 * 100vw); } }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .table table tr th, .container .bg_content .detail_content .table table tr td {
              font-size: calc(24 / 750 * 100vw);
              line-height: calc(42 / 750 * 100vw);
              padding: calc(20 / 750 * 100vw) calc(10 / 750 * 100vw); } }
          .container .bg_content .detail_content .table table tr th:last-child, .container .bg_content .detail_content .table table tr td:last-child {
            text-align: left; }
            @media screen and (max-width: 767.9px) {
              .container .bg_content .detail_content .table table tr th:last-child, .container .bg_content .detail_content .table table tr td:last-child {
                padding: calc(20 / 750 * 100vw); } }
          .container .bg_content .detail_content .table table tr th:first-child, .container .bg_content .detail_content .table table tr td:first-child {
            border-right: 3px double #8E8E8E; }
        .container .bg_content .detail_content .table table tr th:first-child {
          width: 35px; }
          @media screen and (max-width: 767.9px) {
            .container .bg_content .detail_content .table table tr th:first-child {
              width: calc(50 / 750 * 100vw); } }
        .container .bg_content .detail_content .table table tr th:last-child {
          text-align: center;
          vertical-align: middle; }
        .container .bg_content .detail_content .table table tr td:first-child {
          border-right: 1px solid #8E8E8E;
          white-space: nowrap; }
      .container .bg_content .detail_content .table.course_table table thead tr {
        border: 0; }
        .container .bg_content .detail_content .table.course_table table thead tr th {
          border-right: 0;
          text-align: left;
          vertical-align: middle; }
          .container .bg_content .detail_content .table.course_table table thead tr th:first-child {
            width: auto; }
      .container .bg_content .detail_content .table.course_table table tbody tr td {
        border-right: 0 !important;
        text-align: left; }
      .container .bg_content .detail_content .table.course_table table tbody tr:first-child td:first-child {
        vertical-align: baseline; }
      .container .bg_content .detail_content .table.course_num_table table tbody tr td:first-child {
        width: 14px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bg_content .detail_content .table.course_num_table table tbody tr td:first-child {
            width: calc(14 / 1024 * 100vw); } }
        @media screen and (max-width: 767.9px) {
          .container .bg_content .detail_content .table.course_num_table table tbody tr td:first-child {
            width: calc(20 / 750 * 100vw); } }
      @media screen and (max-width: 767.9px) {
        .container .bg_content .detail_content .table.h_scroll {
          overflow-x: auto;
          white-space: nowrap; }
          .container .bg_content .detail_content .table.h_scroll::-webkit-scrollbar {
            display: none; } }
  .container .bg_content .bui_than_txt {
    font-size: 16px;
    line-height: 28px;
    margin-top: 30px;
    text-align: right;
    width: 100%; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bg_content .bui_than_txt {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw);
        margin-top: calc(30 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bg_content .bui_than_txt {
        font-size: calc(28 / 750 * 100vw);
        line-height: calc(40 / 750 * 100vw);
        margin-top: calc(60 / 750 * 100vw); } }

.container .movie_modal_content .modal_inner {
  padding-top: 68px;
  padding-bottom: 78px;
  border: 0; }
  @media screen and (max-width: 767.9px) {
    .container .movie_modal_content .modal_inner {
      padding: calc(122 / 750 * 100vw) calc(30 / 750 * 100vw) calc(122 / 750 * 100vw); } }
  .container .movie_modal_content .modal_inner .movie_modal_close {
    width: 60px;
    position: absolute;
    top: -36px;
    right: -24px;
    line-height: 0;
    background-color: transparent; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .movie_modal_content .modal_inner .movie_modal_close {
        width: calc(60 / 1024 * 100vw);
        top: calc(-36 / 1024 * 100vw);
        right: calc(-24 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .movie_modal_content .modal_inner .movie_modal_close {
        width: calc(120 / 750 * 100vw);
        top: calc(-134 / 750 * 100vw);
        right: calc(-24 / 750 * 100vw); } }
  .container .movie_modal_content .modal_inner .movie_modal_inner .alert_icon {
    margin: 0 auto 25px;
    min-width: 45px;
    width: 45px; }
    @media screen and (max-width: 767.9px) {
      .container .movie_modal_content .modal_inner .movie_modal_inner .alert_icon {
        min-width: calc(90 / 750 * 100vw);
        width: calc(90 / 750 * 100vw);
        margin-bottom: calc(48 / 750 * 100vw); } }
  .container .movie_modal_content .modal_inner .movie_modal_inner p {
    font-size: 18px;
    line-height: 40px; }
    @media screen and (max-width: 767.9px) {
      .container .movie_modal_content .modal_inner .movie_modal_inner p {
        font-size: calc(30 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw);
        text-align: center; } }

.container .pdf_item {
  display: inline-block; }
  .container .pdf_item:after {
    content: '';
    background: url("/assets/img/icon/pdf_icon.png") no-repeat center/contain;
    width: 27px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0 10px 0 5px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .pdf_item:after {
        width: calc(27 / 1024 * 100vw);
        height: calc(17 / 1024 * 100vw);
        top: calc(3 / 1024 * 100vw);
        margin: 0 calc(10 / 1024 * 100vw) 0 calc(5 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .pdf_item:after {
        width: calc(52 / 750 * 100vw);
        height: calc(34 / 750 * 100vw);
        top: calc(6 / 750 * 100vw);
        margin: 0 calc(12 / 750 * 100vw) 0 calc(8 / 750 * 100vw); } }

.container .caption_link {
  text-decoration: underline;
  color: #FF6464; }

.container .lg_img {
  max-width: 450px !important;
  min-width: 450px !important; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .lg_img {
      max-width: calc(450 / 1024 * 100vw) !important;
      min-width: calc(450 / 1024 * 100vw) !important; } }
  @media screen and (max-width: 767.9px) {
    .container .lg_img {
      max-width: calc(450 / 750 * 100vw) !important;
      min-width: calc(450 / 750 * 100vw) !important; } }

.container .no_border {
  border-top: 0 !important;
  margin-top: 0 !important; }

.container .letsuse_content {
  padding: 56px 0 88px;
  border-bottom: 2px solid #fff; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .letsuse_content {
      padding: calc(56 / 1024 * 100vw) 0 calc(88 / 1024 * 100vw);
      border-bottom-width: calc(2 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .letsuse_content {
      padding: calc(64 / 750 * 100vw) 0 calc(96 / 750 * 100vw);
      border-bottom-width: calc(4 / 750 * 100vw); } }
  .container .letsuse_content .jp_only_txt {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .letsuse_content .jp_only_txt {
        font-size: calc(18 / 1024 * 100vw);
        line-height: calc(24 / 1024 * 100vw);
        margin-top: calc(20 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .letsuse_content .jp_only_txt {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(48 / 750 * 100vw);
        margin-top: calc(30 / 750 * 100vw); } }
  @media screen and (min-width: 767.9px) {
    .container .letsuse_content .movie_list {
      margin-top: 8px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .letsuse_content .movie_list {
      margin-top: calc(8 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .letsuse_content .movie_list {
      margin-top: calc(16 / 750 * 100vw); } }
  .container .letsuse_content .movie_list ul {
    margin-top: 0; }
  .container .letsuse_content .movie_list .item_list .movie_thumbnail {
    width: 100%; }
    @media screen and (max-width: 767.9px) {
      .container .letsuse_content .movie_list .item_list .movie_thumbnail {
        height: calc(213.5 / 750 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .letsuse_content .movie_list .item_list .movie_thumbnail figure {
        position: relative;
        width: 100%;
        height: 100%; } }
    .container .letsuse_content .movie_list .item_list .movie_thumbnail figure img {
      -o-object-fit: cover;
         font-family: "object-fit:cover;object-position:center";
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
      @media screen and (max-width: 767.9px) {
        .container .letsuse_content .movie_list .item_list .movie_thumbnail figure img {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; } }
  @media screen and (min-width: 767.9px) {
    .container .letsuse_content .movie_list .item_list .txt_layer .movie_title {
      line-height: 24px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .letsuse_content .movie_list .item_list .txt_layer .movie_title {
      line-height: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .letsuse_content .movie_list .item_list .txt_layer .movie_title {
      font-size: calc(28 / 750 * 100vw); } }

.container .ver_img_lst li:last-child figure {
  margin-bottom: 0; }

.container .bor_txt_lst_gp {
  border: 1px solid #8E8E8E;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .bor_txt_lst_gp {
      padding: calc(10 / 1024 * 100vw) calc(15 / 1024 * 100vw);
      margin-top: calc(24 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .bor_txt_lst_gp {
      padding: calc(20 / 750 * 100vw); } }
  .container .bor_txt_lst_gp .bor_txt {
    border: 1px solid #3C4453;
    padding: 2px;
    font-size: 16px;
    line-height: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bor_txt_lst_gp .bor_txt {
        padding: calc(2 / 1024 * 100vw);
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bor_txt_lst_gp .bor_txt {
        padding: calc(4 / 750 * 100vw);
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw);
        border: 0;
        border-bottom: 1px solid #3C4453; } }
  .container .bor_txt_lst_gp ul li {
    font-size: 16px;
    line-height: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .container .bor_txt_lst_gp ul li {
        font-size: calc(16 / 1024 * 100vw);
        line-height: calc(28 / 1024 * 100vw); } }
    @media screen and (max-width: 767.9px) {
      .container .bor_txt_lst_gp ul li {
        font-size: calc(32 / 750 * 100vw);
        line-height: calc(56 / 750 * 100vw); } }
    .container .bor_txt_lst_gp ul li ul {
      margin-left: 25px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .container .bor_txt_lst_gp ul li ul {
          margin-left: calc(25 / 1024 * 100vw); } }
      .container .bor_txt_lst_gp ul li ul li ul {
        margin-left: 35px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .container .bor_txt_lst_gp ul li ul li ul {
            margin-left: calc(35 / 1024 * 100vw); } }

.container .sq_text {
  border: 1px solid #3C4453;
  min-width: 20px;
  max-width: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .container .sq_text {
      min-width: calc(20 / 1024 * 100vw);
      max-width: calc(20 / 1024 * 100vw); } }
  @media screen and (max-width: 767.9px) {
    .container .sq_text {
      min-width: calc(40 / 750 * 100vw);
      max-width: calc(40 / 750 * 100vw); } }