@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
  #column .system-category-set {
    color: #787777;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 400;
    gap: 0 8px;
    letter-spacing: 0em;
    line-height: 1.6846153846;
    margin-bottom: 7px;
  }

  #column .system-date {
    color: #787777;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.6846153846;
    margin-bottom: 5px;
  }

  #column .system-ttl {
    color: #403f3f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.5642857143;
    margin-bottom: 0;
  }

  /* =================================================
    詳細ページ (is-single) 
  ================================================= */
  #column main.is-single {
  }

  #column main.is-single .system-wrap {
    display: flex;
    gap: 0 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    align-items: center;
    justify-content: center;
  }

  #column main.is-single .system-category-set {
    margin-bottom: 0;
    font-size: 15px;
  }

  #column main.is-single .system-date{
    margin-bottom: 0;
    font-size: 15px;
  }

}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  #column .system-category-set {
    color: #787777;
    display: flex;
    flex-wrap: wrap;
    font-size: 3.14vw;
    font-weight: 400;
    gap: 0 1.932vw;
    letter-spacing: 0em;
    line-height: 1.6846153846;
    margin-bottom: 1.691vw;
  }

  #column .system-date {
    color: #787777;
    font-size: 3.14vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.6846153846;
    margin-bottom: 1.208vw;
  }

  #column .system-ttl {
    color: #403f3f;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.5642857143;
    margin-bottom: 0;
  }

  /* =================================================
    詳細ページ (is-single) 
  ================================================= */
  #news main.is-single {
  }

  #column main.is-single .system-wrap {
    display: flex;
    gap: 0 3.865vw;
    flex-wrap: wrap;
    margin-bottom: 4vw;
    align-items: center;
    justify-content: center;
  }

  #column main.is-single .system-category-set {
    margin-bottom: 0;
  }

  #column main.is-single .system-date{
    margin-bottom: 0;
  }






}