/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* font weight
  =================================================================== */
  /* color
  =================================================================== */
  /* common
  =================================================================== */
  /* layout
  =================================================================== */
  /* background
  =================================================================== */
  /* flex
  =================================================================== */
  /* animation delay
  =================================================================== */
  /* 3d
  =================================================================== */
  /* font
  =================================================================== */
  /* vw
  =================================================================== */
  /* form
  =================================================================== */
  /* vw
  ================================================*/
  /* vh
  ================================================*/
  /*============================================================================================ topics */
  .contentsKv__text.topicsKv__text {
    width: calc(100% - 40px);
    bottom: 25px;
    left: 20px;
    font-size: 20px; }
    .contentsKv__text.topicsKv__text .deta {
      font-size: 12px;
      margin-bottom: 5px; }

  .topicsList > li {
    margin-bottom: 20px; }

  .sectionTopics {
    margin-bottom: 0; }

  /*============================================================================================ topics Detail */
  .topicsDetail__section {
    margin-bottom: 50px; }
    .topicsDetail__section > p {
      margin-bottom: 25px; }
    .topicsDetail__section > img {
      margin-bottom: 25px; }
    .topicsDetail__section .topicsDetail--h2 {
      font-size: 20px;
      margin-bottom: 30px; }
    .topicsDetail__section .topicsDetail--h3 {
      font-size: 15px;
      margin-bottom: 20px; }
    .topicsDetail__section .end {
      margin-bottom: 70px; }

  .topicsShare {
    margin-bottom: 60px; }
    .topicsShare .topicsShare--title {
      margin-bottom: 15px; }
      .topicsShare .topicsShare--title img {
        height: 13px; }
    .topicsShare .topicsShare--list > li {
      margin: 0 7px; }
      .topicsShare .topicsShare--list > li > a {
        width: 38px;
        height: 38px; }
        .topicsShare .topicsShare--list > li > a:after {
          background-size: 15px auto; }

  .topicsDetail .sectionTopics .topicsList > li {
    width: 100%;
    margin-right: 0; }
    .topicsDetail .sectionTopics .topicsList > li .topicsList__text .title {
      font-size: 14px; }
    .topicsDetail .sectionTopics .topicsList > li .topicsList__text .date {
      font-size: 11px; }
    .topicsDetail .sectionTopics .topicsList > li:nth-child(2n) {
      margin-right: 0; }
    .topicsDetail .sectionTopics .topicsList > li:nth-child(3n) {
      margin-right: 0; }
    .topicsDetail .sectionTopics .topicsList > li:nth-child(n + 4) {
      display: none; } }