.news-date { text-align: left; }
.news-title { font-size: 1.6rem; margin: 4px 0; font-weight: 700; color:#036E75;}
.news-excerpt {  font-size:1.2rem;line-height:1.6; }
.news-divider {
  width: 40px;
  height: 5px;
  background-color: #3c2100;
}

.news-items .news-text {
  color: #333;
}


/*===== archive =========*/
.news-list {
  list-style: none;
  padding: 0;
  margin: 40px 0;
  display: grid;
  gap: 20px;

}
.news-item {
    transition: .25s;
    padding: 20px 0;
      background-color: #f8f7f5;
  color:#000;
  margin-top:20px;
}
.news-item:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.news-link {
  display: flex;
  gap: 20px;
  text-decoration: none;
  color: inherit;
  padding: 16px;
}
.news-thumb {
  flex: 0 0 30%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
  background: #f4f4f4;
}
.news-thumb img, .no-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.news-body {
  flex: 1 1 70%;
  display: grid;
  align-content: start;
  gap: 6px;
}


@media (max-width: 768px) {
  .news-link { flex-direction: column; }
  .news-thumb { aspect-ratio: 16 / 9; flex-basis: auto; }
}


/* ----------------------------------------------------------------
kohaku-concept
-----------------------------------------------------------------
.kohaku-concept {
  z-index: 2;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_concept_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(68.6676427526vw, 938px);
  margin-top: -3.6764705882vw;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .kohaku-concept {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_concept_sp.png?fmt=png-alpha&wid=750");
    height: 158.6666666667vw;
    padding-top: 25.3333333333vw;
  }
}
.kohaku-concept__inner {
  position: relative;
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner {
    padding: 0;
  }
}
.kohaku-concept__inner .obj:nth-of-type(1) {
  width: min(39.0922401171vw, 534px);
  top: max(-4.6852122987vw, -64px);
  right: max(-27.0863836018vw, -370px);
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner .obj:nth-of-type(1) {
    width: 50.6666666667vw;
    top: -18.1333333333vw;
    right: -36.2666666667vw;
  }
}
.kohaku-concept__inner .obj:nth-of-type(2) {
  width: min(36.8960468521vw, 504px);
  top: min(17.8623718887vw, 244px);
  left: max(-22.5475841874vw, -308px);
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner .obj:nth-of-type(2) {
    width: 56.8vw;
    top: 85.6vw;
    left: -40vw;
    z-index: 0;
  }
}
.kohaku-concept__inner p {
  font-size: min(1.6105417277vw, 22px);
  margin-bottom: min(2.4890190337vw, 34px);
  line-height: 1.7727272727;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner p {
    font-size: 4vw;
    margin-bottom: 5.8666666667vw;
  }
}
.kohaku-concept__inner p:nth-child(3) {
  margin-bottom: min(5.3440702782vw, 73px);
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner p:nth-child(3) {
    margin-bottom: 8.5333333333vw;
  }
}
.kohaku-concept__inner p:last-child {
  width: min(22.8404099561vw, 312px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .kohaku-concept__inner p:last-child {
    width: 48.2666666667vw;
  }
}
.kohaku-concept__ttl {
  width: min(13.9824304539vw, 191px);
}
@media screen and (max-width: 750px) {
  .kohaku-concept__ttl {
    width: 31.2vw;
  }
}
.kohaku-concept__note {
  font-size: min(1.0980966325vw, 15px);
  position: absolute;
  right: min(3.953147877vw, 54px);
}
@media screen and (max-width: 750px) {
  .kohaku-concept__note {
    font-size: 3.7333333333vw;
    right: 2.6666666667vw;
  }
} */