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

/* --- SP Styles (Base: 375px) --- */
.top-news {
  /* 上下マージンを0に、左右はtop-service同様にはみ出させる */
  margin: 0 7.4666666667vw 0 -7.4666666667vw;
  background-color: #fff;
  border-radius: 0 13.3333333333vw 13.3333333333vw 0;
}

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

.top-news__title {
  margin-bottom: 6.6666666667vw;
}

.top-news__list {
  max-height: 85vw; 
  overflow-y: scroll;
  padding-right: 5.3333333333vw;
}

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

/* スクロールバー設定 */
.simplebar-track.simplebar-vertical {
  width: 13px;
  background: #f4f4f4;
}
.simplebar-scrollbar {
  background: #d5d5d5;
  border-radius: 10px;
}
.simplebar-scrollbar::before {
  background: #d5d5d5 !important;
}


/* --- PC Styles (Base: 1366px) --- */
@media screen and (min-width: 768px) {
  .top-news {
    /* margin-topを0、margin-bottomを設定 */
    /* 左マージン(14.12vw)はtop-serviceに準拠 */
    margin: 0 0 5.4904831625vw 14.1288433382vw;
    
    border-radius: 3.6603221083vw 0 0 3.6603221083vw;
  }

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

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

  .top-news__list {
    max-height: 16.5vw; 
    overflow-y: auto;
    padding-right: 5.8565153734vw;
    margin-bottom: 2.9282576867vw;
  }

  /* スクロールバー設定 */
  .top-news__list::-webkit-scrollbar {
    width: 1.0980966325vw;
  }
  .top-news__list::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
  }
  .top-news__list::-webkit-scrollbar-thumb {
    background: #d5d5d5;
    border-radius: 10px;
  }

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