#newsCatList {
  display : flex;
  align-items : center;
  justify-content : center;
  gap : 1.5rem;
  padding-top : 6rem;
  a {
    border : 1px solid var(--color-gold);
    background-color : #fff;
    font-size : 20px;
    line-height : 1;
    display : block;
    padding : 0.5rem 1rem;
  }
  a.is-current,
  a:hover {
    background-color : var(--color-gold);
    color : #fff;
  }
}

#archiveNews {
  width : 100%;
  max-width : 1090px;
  margin-inline : auto;
  padding-bottom :  6rem;
  .webgene-item {
    border-bottom : 1px solid #000;
    padding-bottom : 1.5rem;
    margin-bottom : 1.5rem;
  }
  .webgene-item-info {
    margin-bottom : 1.5rem;
    line-height : 1;
  }
  .blogItemCategory {
    display : inline-block;
    background-color : var(--color-gold);
    color : #fff;
    min-width : 144px;
    text-align : center;
    line-height : 1;
    padding : 0.5rem 1rem;
    margin-right : 1.5rem;
  }
  a {
    flex : 1;
    display : flex;
    gap : 1.5rem;
  }
  a:after {
    content : "→";
    margin-left : auto;
    background : #efece5;
    color : #AEAEAE;
    font-size : 1.5rem;
    line-height : 1;
    width : 52px;
    height : 32px;
    border-radius : 20px;
    display : flex;
    align-items : center;
    justify-content : center;
    padding-bottom : 3px;
  }
}

@media (max-width: 767px) {
  .header-hero__title{
    font-size:clamp(40px, 20vw, 50px);
  }
  #newsCatList {
    padding-top: 30px;
  }
  #archiveNews {
  .webgene-item-info{
    margin-bottom: 0.5em;
  }
  .blogItemCategory{
    font-size: 12px;
  }
  a{
    font-size: 14px;
  }
  a:after {
    width: 50px;
    height: 30px;
  }
}
}