#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;
  }
}

/* (max-width: 767px) → mobile-first */

.header-hero__title {
  font-size : clamp(40px, 20vw, 50px);
}

#newsCatList {
  padding-top : 30px;
}

#archiveNews .webgene-item-info {
  margin-bottom : 0.5em;
}

#archiveNews .blogItemCategory {
  font-size : 12px;
}

#archiveNews a {
  font-size : 14px;
}

#archiveNews a:after {
  width : 50px;
  height : 30px;
}

@media (min-width: 768px) {
  .header-hero__title {
    font-size : clamp(60px, 8vw, 120px);
    font-weight : 500;
    line-height : 0.95;
  }
  #newsCatList {
    padding-top : 6rem;
  }
  #archiveNews .webgene-item-info {
    margin-bottom : 1.5rem;
  }
  #archiveNews a::after {
    width : 52px;
    height : 32px;
  }
  #archiveNews .blogItemCategory {
    font-size : inherit;
  }
  #archiveNews a {
    font-size : inherit;
  }
}