@charset "UTF-8";
.pageHead::after { content: none; }
.news { align-items: flex-start; margin-top: calc(130 / var(--screen-w) * 100vw); padding: 0 0 calc(331 / var(--screen-w) * 100vw) calc(108 / var(--screen-w) * 100vw); }
.newsCat { flex-shrink: 0; width: calc(239 / var(--screen-w) * 100vw); }
.newsCat { position: sticky; top: calc(160 / var(--screen-w) * 100vw); }
.newsCat h2 { margin-bottom: calc(44 / var(--screen-w) * 100vw); color: #414141; font-family: var(--en); font-size: calc(24 / var(--fs-w) * 100vw); font-weight: 400; line-height: 1.2; }
.newsCat ul { border-top: 1px solid #cbcbcb; }
.newsCat li { border-bottom: 1px solid #c3c3c3; }
.newsCat a { display: block; padding: calc(34 / var(--screen-w) * 100vw) calc(22 / var(--screen-w) * 100vw) calc(28 / var(--screen-w) * 100vw); color: #5d5d5d; font-size: calc(17 / var(--fs-w) * 100vw); font-weight: 600; line-height: 1.3; transition: color .3s; }
.newsCat a:hover, .newsCat a[aria-current] { color: var(--btn); }
.newsCat a[aria-current] { background: linear-gradient(#85aed7, #f5f7fa 55%, #fff); }
.newsBody { width: calc(1166 / var(--screen-w) * 100vw); margin: calc(54 / var(--screen-w) * 100vw) 0 0 calc(299 / var(--screen-w) * 100vw); }
.newsList > li { margin-bottom: calc(48 / var(--screen-w) * 100vw); padding-bottom: calc(30 / var(--screen-w) * 100vw); border-bottom: 1px solid #d9d9d9; }
.newsList a { position: relative; display: grid; grid-template-columns: calc(216 / var(--screen-w) * 100vw) minmax(0, 1fr); align-items: start; padding-right: calc(80 / var(--screen-w) * 100vw); }
.newsList a::after { content: ""; position: absolute; top: 0; right: 0; width: calc(53.5 / var(--screen-w) * 100vw); height: calc(32.5 / var(--screen-w) * 100vw); border-radius: calc(17 / var(--screen-w) * 100vw); background: #e7e7e7 url(../img/common/chev-dark.svg) center / calc(6 / var(--screen-w) * 100vw) auto no-repeat; transition: background-color .3s; }
.newsList a:hover::after { background-color: #d5d5d5; }
.newsList time { grid-row: 1 / 3; color: #58595b; font-family: "Lato", sans-serif; font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1.44; }
.newsList h3 { margin-bottom: calc(10 / var(--screen-w) * 100vw); font-size: calc(22 / var(--fs-w) * 100vw); font-weight: 400; line-height: 1.5; transition: color .3s; }
.newsList a:hover h3 { color: var(--btn); }
.newsList .tagList li { padding: calc(2 / var(--screen-w) * 100vw) calc(5 / var(--screen-w) * 100vw); line-height: 1.5; }
.pager { margin-top: calc(150 / var(--screen-w) * 100vw); }
.pager ul { justify-content: center; gap: calc(14 / var(--screen-w) * 100vw); padding-left: calc(16 / var(--screen-w) * 100vw); }
.pager a, .pager span { display: grid; place-items: center; width: calc(39.4 / var(--screen-w) * 100vw); height: calc(39.4 / var(--screen-w) * 100vw); border-radius: 50%; color: #414141; font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1; transition: .3s; }
.pager a:hover { background: #e7e7e7; }
.pager span { background: var(--blue); color: #fff; }
@media (max-width: 900px) {
  .newsCat { position: static; }
  .news { flex-direction: column; margin-top: calc(24 / var(--screen-w) * 100vw); padding: 0 calc(20 / var(--screen-w) * 100vw) calc(80 / var(--screen-w) * 100vw); }
  .newsCat { width: 100%; }
  .newsCat h2 { margin-bottom: calc(12 / var(--screen-w) * 100vw); font-size: calc(20 / var(--fs-w) * 100vw); }
  .newsCat ul { display: flex; flex-wrap: wrap; gap: calc(8 / var(--screen-w) * 100vw); border: 0; }
  .newsCat li { border: 0; }
  .newsCat a { padding: calc(6 / var(--screen-w) * 100vw) calc(14 / var(--screen-w) * 100vw); border: 1px solid #c3c3c3; border-radius: calc(20 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); }
  .newsCat a[aria-current] { border-color: var(--btn); background: var(--btn); color: #fff; }
  .newsBody { width: 100%; margin: calc(32 / var(--screen-w) * 100vw) 0 0; }
  .newsList > li { margin-bottom: calc(20 / var(--screen-w) * 100vw); padding-bottom: calc(20 / var(--screen-w) * 100vw); }
  .newsList a { grid-template-columns: minmax(0, 1fr); padding-right: calc(52 / var(--screen-w) * 100vw); }
  .newsList a::after { top: 50%; width: calc(36 / var(--screen-w) * 100vw); height: calc(24 / var(--screen-w) * 100vw); border-radius: calc(12 / var(--screen-w) * 100vw); background-size: calc(5 / var(--screen-w) * 100vw) auto; transform: translateY(-50%); }
  .newsList time { grid-row: auto; margin-bottom: calc(4 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); }
  .newsList h3 { margin-bottom: calc(8 / var(--screen-w) * 100vw); font-size: calc(15 / var(--fs-w) * 100vw); }
  .newsList .tagList li { font-size: calc(12 / var(--fs-w) * 100vw); }
  .pager { margin-top: calc(40 / var(--screen-w) * 100vw); }
  .pager ul { gap: calc(8 / var(--screen-w) * 100vw); padding: 0; }
  .pager a, .pager span { width: calc(36 / var(--screen-w) * 100vw); height: calc(36 / var(--screen-w) * 100vw); font-size: calc(14 / var(--fs-w) * 100vw); }
}