:root {
      --gap: 12px;
      --fg: #222;
      --muted: #666;
      --accent: #e6002d;
    }
    body {
      color: var(--fg);
      margin: 0 auto;
    }
    .wrap {
      width: calc(100% - 60px);
      max-width: 1620px;
      margin: 0 auto;
    }
    .contents {
      margin: 0 auto 45px;
    }
    form.filters {
      gap: var(--gap);
      align-items: center;
      background-color: #f2f2f2;
      padding: 30px 50px;
    }
    .company_info {
      padding-left: 20px;
    }
    .cat-ttl {
	  font-size: 2rem;
    }
    .year {
	  display: flex;
    }
    .keyword {
      display: flex;
      flex-wrap: wrap;
    }
    .keyword p,.year p {
      padding: 10px 0;
      margin-right: 20px;
    }
    .serch_box {
      display: flex;
      justify-content: center;
    }
    .isfw_ttlh4 {
      margin-right: 20px;
    }
    .category_box {
      margin-top: 30px;
    }
    #company_info_cat_ttl {
      display: inline-block;
      margin-right: 6px;
    }
    .chips {
      gap: 8px;
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px;
    }
    .chips > div > .chip:first-child {
      padding-top: 0;
    }
    .chips p:first-child {
      padding-left: 0;
      margin: 0 20px 0 0;
    }
    .chips p {
      padding-left: 10px;
      margin: 20px 0 5px;
    }
    .chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 30px 6px 10px;
      border-radius: 16px;
      cursor: pointer;
    }
    .search_box {
      padding: 6px 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
      width: 88%;
      max-width: 93%;
    }
    .select {
      padding: 6px 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
    }
    .btn {
      padding: 3px 30px;
      border: 1px solid var(--accent);
      color: #fff;
      background: var(--accent);
      border-radius: 50px;
      cursor: pointer;
      height: fit-content;
      display: block;
      margin: 10px auto 0;
    }
    .btn.secondary {
      background: #fff;
      color: var(--accent);
    }
    .btn.inline {
      padding: 6px 10px;
      font-size: 0.9rem;
      margin-left: 4px;
    }
    .count {
      color: var(--muted);
      margin-left: auto;
    }
    ul.news {
      list-style: none;
    }
    li.item {
      border-bottom: 1px solid #eee;
      border-radius: 8px;
      padding: 14px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .meta {
      display: flex;
      gap: 8px;
      align-items: center;
      color: var(--muted);
      font-size: 0.9rem;
    }
    .badge {
      display: inline-block;
      padding: 2px 8px;
      border-radius: 12px;
      font-size: 0.8rem;
      border: 1px solid #ddd;
    }
    .title {
      font-weight: 600;
    }
    .summary {
      color: #444;
    }
    .hidden {
      display: none !important;
    }
    footer {
      margin-top: 24px;
      color: var(--muted);
      font-size: 0.9rem;
    }
    @media screen and (max-width:767px) { 
      .wrap {
        width: 94%;
        margin: 0 auto;
      }
      .contents {
        margin: 25px auto;
      }
      .search_box {
        width: 100%;
      }
      form.filters {
        padding: 20px 20px;
      }
      .news-1-02-image .news-date-cate {
        flex-wrap: wrap;
      }
      .news-date-cate time {
        width: 100%!important;
        margin-bottom: 5px;
      }
    }