/* =========================================
   Top News Section (Updated)
   ========================================= */

/* --- SP Styles (Base: 375px) --- */
.page-kv__contents {
  margin-bottom: -24vw;
  z-index: 1;
}
.page-card--short-padding {
  padding-top: 52.8vw;
}

.news {
  margin: 0;
}

.top-news__inner {
  padding: 18.6666666667vw 13.3333333333vw 26.6666666667vw;
}

.page__section-title {
  margin-bottom: 6.6666666667vw;
}

.top-news__item {
  padding-top: 5.3333333333vw;
  padding-bottom: 5.3333333333vw;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #000;
}
.top-news__item:last-child {
  border-bottom: 1px solid #000;
}

.top-news__item-date {
  margin-bottom: 3vw;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 500;
}

.top-news__item-title {
  display: block;
  text-decoration: none;
  line-height: 1.8;
  color: inherit;
}

.top-news__link {
  margin: 16vw auto 0;
  width: 46.1333333333vw;
}


/* --- PC Styles (Base: 1366px) --- */
@media screen and (min-width: 768px) {
  .page-kv__contents {
    margin-bottom: 12.81vw;
  }
  .page-card--short-padding {
    padding-top: 12.4450951684vw;
  }
  
  .news {
    margin: 0 5.4904831625vw 0 0;
  }

  .top-news__inner {
    padding: 5.5636896047vw 8.78477306vw 6.4421669107vw 5.8565153734vw;
  }

  .page__section-title {
    margin-bottom: 5.57vw;
  }

  .top-news__list {
    margin-bottom: 2.9282576867vw;
  }

  .top-news__item {
    display: flex;
    align-items: baseline;
    padding-top: 1.4641288433vw;
    padding-bottom: 1.4641288433vw;
    padding-left: 1.0980966325vw;
    padding-right: 1.0980966325vw;
    border-top: 1px solid #000;
  }

  .top-news__item-date {
    margin-right: 5.8565153734vw;
    margin-bottom: 0;
    white-space: nowrap;
  }

  .top-news__item-title {
    transition: opacity 0.3s;
  }
  .top-news__item-title:hover {
    text-decoration: underline;
    opacity: 0.7;
  }

  .top-news__link {
    margin-top: 2.9282576867vw;
    margin-left: 0;
    /* 幅を14vwに変更 */
    width: 14vw;
  }
}

/*記事用*/
.post h1{
  font-size: 5.33vw;
  margin-bottom: 10.67vw;
  line-height: 1.6;
  text-wrap: auto;
}
.post h1 time {
  display: block;
  font-size: 4vw;
  color: #6f593A;
  margin-bottom: 8vw;
}
.post section p {
  margin-bottom: 2em;
  line-height: 1.8;
}
.top-news__link {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .post {
    max-width: 54.9vw;
    margin: 0;
  }
.post h1{
  font-size: 2.34vw;
  margin-bottom: 3.66vw;
}
.post h1 time {
  font-size: 1.17vw;
  margin-bottom: 2vw;
}
.post section p {
  margin-bottom: 2em;
}
.top-news__link {
  text-align: center;
  max-width: 54.9vw;
        margin: 0 auto;
}
}