@charset "UTF-8";
.hero-news00 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.hero-news00 li {
  border-bottom: 1px solid #333;
}

.hero-news00 li:first-child,
.hero-news00 li:nth-child(2) {
  border-top: 1px solid #333;
}

a.hero-news00_section {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  transition: 1s;
  padding: 1em;
  gap: 1em;
}

a:hover.hero-news00_section {
  transition: 1s;
}

.hero-news00_section_category img {
  width: 100%;
}

.hero-news00_section_date {
  display: inline-block;
  font-size: .875rem;
}

.hero-news00_section_cate {
  padding: 3px 3px;
  color: #fff;
  border-radius: 3px;
  font-size: .875rem;
}

.hero-news00_section_title {
  display: block;
  width: 100%;
  padding-top: 6px;
}

.hero-news00_section_title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cate-bg-red {
  background: #e03b57;
}

.cate-bg-green {
  background: #299478;
}

.cate-bg-yellow {
  background: #299B7E;
}

@media (max-width: 991px) {
  .hero-news00_section_category {
    width: 25%;
    height: auto;
  }

  .hero-news00_section_text-wrap {
    width: 75%;
  }

  .hero-news00 li:nth-child(2) {
    border-top: none;
  }
}
@media (min-width: 992px) {
  .hero-news00 {
    display: flex;
    column-gap: 1em;
    flex-wrap: wrap;
  }

  .hero-news00 li {
    width: calc(( 100% - 1em ) / 2 );
  }

  .hero-news00_section_category {
    width: 25%;
    height: auto;
  }

  .hero-news00_section_text-wrap {
    width: 75%;
  }

  .hero-news00 li {
    border-bottom: 1px solid #333;
  }
}
.hero-news00_section_category {
  position: relative;
  overflow: hidden;
  background: url("../img/thumbnail-img.jpg");
  background-size: cover;
  border-right: 1px solid #ddd;
}

.hero-news00_section_category:before {
  content: '';
  display: block;
  aspect-ratio: 1.618 / 1;
  /* 横1.618:縦1 */
}

.hero-news00_section_category img {
  position: absolute;
  top: 50%;
  height: auto !important;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}