/* ======================================================================
 news_detail
====================================================================== */
/*============================
news_detail_sec
============================*/
.news_detail_sec {
  padding: 0 0 60px;
  background-color: var(--color-blue);
}
.news_detail_sec .inner {
  padding: 64px 114px 84px;
  border-radius: 4px;
  background: #fff;
}
.news_detail_sec .news_head_area {
  margin-bottom: 44px;
  border-bottom: 1px solid var(--color-table-gray);
}
.news_detail_sec .news_head_area .date {
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-blue);
}
.news_detail_sec .news_head_area .ttl {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: var(--font-bold);
  line-height: 1.5;
  color: var(--color-border-black);
}
.news_detail_sec .main_area {
  padding: 0 0 50px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.news_detail_sec .main_area .c_txt_1:last-child,
.news_detail_sec .main_area .c_list_1:last-child,
.news_detail_sec .main_area .c_list_2:last-child,
.news_detail_sec .main_area .c_img_area_1:last-child,
.news_detail_sec .main_area .c_img_area_2:last-child,
.news_detail_sec .main_area .c_img_area_3:last-child,
.news_detail_sec .main_area .c_img_area_4:last-child,
.news_detail_sec .main_area .c_table_1:last-child,
.news_detail_sec .main_area .c_table_2:last-child,
.news_detail_sec .main_area .c_table_3:last-child {
  margin-bottom: 0;
}
.news_detail_sec .btn_area {
  padding: 60px 0 0;
  border-top: 2px solid var(--color-table-gray);
}
.news_detail_sec .btn_area .list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .news_detail_sec .inner {
    padding: 64px 40px 84px;
  }
}
@media screen and (max-width: 767px) {
  .news_detail_sec {
    padding: 0 20px;
  }
  .news_detail_sec .inner {
    padding: 44px 20px 48px;
  }
  .news_detail_sec .news_head_area {
    margin-bottom: 32px;
  }
  .news_detail_sec .news_head_area .date {
    margin-bottom: 20px;
  }
  .news_detail_sec .news_head_area .ttl {
    margin-bottom: 28px;
    font-size: 28px;
  }
  .news_detail_sec .main_area {
    padding: 0 0 28px;
  }
  .news_detail_sec .btn_area {
    padding: 40px 0 0;
  }
}