@charset "UTF-8";
.NewsItem__listItem {
  position:relative;
  z-index:0;
  opacity:0;
  transform:translate(-10px);
  transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)
}
.NewsItem__listItem:after {
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:1px;
  background:#bababa;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 1s cubic-bezier(.22,1,.36,1);
  z-index:1
}
.NewsItem__listItem:before {
  top:0
}
.NewsItem__listItem:after {
  bottom:0
}
.NewsItem__listItem:first-child:before {
  display:block;
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:1px;
  background:#bababa;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 1s cubic-bezier(.22,1,.36,1);
  z-index:1
}
.NewsItem__listItem[data-animate=true] {
  opacity:1;
  transform:translateY(0);
  transition-delay:calc(var(--item-index) * 0s)
}
.NewsItem__listItem[data-animate=true]:before,.NewsItem__listItem[data-animate=true]:after {
  transform:scaleX(1)
}
.NewsItem__listItem[data-animate=true]:before {
  transition-delay:calc(var(--item-index) * 0s + .2s)
}
.NewsItem__listItem[data-animate=true]:after {
  transition-delay:calc(var(--item-index) * 0s + .25s)
}
.NewsItem__listItem_head {
  position:relative;
  display:flex;
  justify-items:center;
  width:100%;
  text-align:left;
  background:transparent;
  border:none;
  color:inherit;
  cursor:pointer;
  overflow:hidden;
  font-family:inherit;
  text-decoration:none;
  transition:color .4s cubic-bezier(.16,1,.3,1);
  flex-direction:column;
  gap:14px;
  padding:30px 10px
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_head {
    gap:8px
  }

}
@media (hover: hover) and (pointer: fine) {
  .NewsItem__listItem_head {
    cursor:pointer
  }
  .NewsItem__listItem_head:hover {
    color:#fff
  }
  .NewsItem__listItem_head:hover:before {
    transform:translateY(0)
  }
  .NewsItem__listItem_head:hover .NewsItem__listItem_category {
    color:#fff
  }
  .NewsItem__listItem_head:hover .NewsItem__listItem_icon:before,.NewsItem__listItem_head:hover .NewsItem__listItem_icon:after {
    background:#fff
  }
  .NewsItem__listItem_head:hover .NewsItem__listItem_icon svg path {
    stroke:#fff
  }

}
.NewsItem__listItem_head[data-open=true] {
  color:#fff
}
.NewsItem__listItem_head[data-open=true]:before {
  transform:translateY(0)
}
.NewsItem__listItem_head[data-open=true] .NewsItem__listItem_category {
  color:#fff
}
.NewsItem__listItem_head[data-open=true] .NewsItem__listItem_icon:before,.NewsItem__listItem_head[data-open=true] .NewsItem__listItem_icon:after {
  background:#fff
}
.NewsItem__listItem_head:before {
  content:"";
  position:absolute;
  inset:0;
  background:#ffffff4d;
  transform:translateY(calc(100% + 1px));
  z-index:-1;
  transition:transform .4s cubic-bezier(.16,1,.3,1)
}
.NewsItem__listItem_head:before:hover {
  transform:translateY(0)
}
.NewsItem__listItem_info {
  display:flex;
  margin-right:10px
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_info {
    flex-direction:column;
    width:100%;
    overflow:hidden;
    gap:5px
  }

}
.NewsItem__listItem_date {
  flex-shrink:0;
  margin:auto 22px auto 0;
  font-family:Google Sans Code,monospace;
  font-size:14px;
  letter-spacing:.1em;
  transition:color .4s cubic-bezier(.16,1,.3,1)
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_date {
    margin:auto 22px auto 0
  }

}
.NewsItem__listItem_date span:first-child {
  margin-right:14px
}
.NewsItem__listItem_category {
  flex-shrink:0;
  margin:auto 10px auto 0;
  font-family:Google Sans Code,monospace;
  font-size:12px;
  letter-spacing:.04rem;
  color:#bababa;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1)
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_category {
    margin:auto 0 3px;
    padding-right:10px
  }

}
.NewsItem__listItem_category span {
  margin-right:5px
}
.NewsItem__listItem_category span:last-child {
  margin-right:0
}
.NewsItem__listItem_title {
  margin:auto 0;
  overflow:hidden;
  font-family:Noto Sans JP,sans-serif;
  font-size:18px;
  transition:color .4s cubic-bezier(.16,1,.3,1);
  padding-right:15px;
  flex:1
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_title {
    width:calc(100% - 12px);
    margin-top:4px;
    padding-right:5px
  }

}
.NewsItem__listItem_title[data-open=true] {
  white-space:normal
}
.NewsItem__listItem_icon {
  position:relative;
  flex-shrink:0;
  width:12px;
  height:12px;
  margin:auto 0 auto auto;
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%)
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_icon {
    top:45px
  }

}
.NewsItem__listItem_icon:before,.NewsItem__listItem_icon:after {
  position:absolute;
  top:50%;
  left:50%;
  width:1px;
  height:100%;
  content:"";
  background:#fff;
  transform:translate(-50%,-50%);
  transition:background-color .4s cubic-bezier(.16,1,.3,1),transform .4s
}
.NewsItem__listItem_icon:after {
  transform:translate(-50%,-50%) rotate(90deg)
}
.NewsItem__listItem_icon[data-open=true]:before {
  transform:translate(-50%,-50%) rotate(90deg)
}
.NewsItem__listItem_icon[data-icon_type=arrow]:before,.NewsItem__listItem_icon[data-icon_type=arrow]:after {
  display:none
}
.NewsItem__listItem_body {
  overflow:hidden;
  height:0
}
.NewsItem__listItem_body_wrapper {
  padding:30px 10px 90px;
  font-family:Noto Sans JP,sans-serif;
  position:relative;
  z-index:1;
  background:#ffffff4d
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_body_wrapper {
    padding:15px 10px 45px
  }

}
.NewsItem__listItem_body_inner {
  margin-left:367px;
  font-size:16px;
  letter-spacing:.01em;
  line-height:1.6;
  color:#fff
}
@media not screen and (min-width: 769px) {
  .NewsItem__listItem_body_inner {
    margin-left:0;
    letter-spacing:0em
  }

}
.NewsItem__listItem_body_inner img {
  height:auto
}
.NewsItem__listItem_body_inner p {
  margin-bottom:1em
}
.NewsItem__listItem_body_inner a {
  text-decoration:underline
}
.Pagination__pagination {
  display:flex;
  column-gap:15px;
  justify-content:flex-end;
  margin:80px 0 140px;
  font-size:12px
}
@media not screen and (min-width: 769px) {
  .Pagination__pagination {
    justify-content:center;
    margin:60px 0 80px
  }

}
@media not screen and (min-width: 577px) {
  .Pagination__pagination {
    margin:40px 0 60px
  }

}
.Pagination__pagination_button {
  width:100%;
  height:100%
}
.Pagination__pagination_item {
  width:30px;
  border-radius:2px;
  overflow:hidden
}
.Pagination__pagination_item a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  transition:color .3s ease
}
.Pagination__pagination_item[data-active=true] {
  border:#7e7e7e 1px solid
}
.Pagination__pagination_item:hover {
  background-color:#fff;
  transition:background-color .3s ease
}
.Pagination__pagination_item:hover a {
  color:#000
}
.Pagination__pagination_next,.Pagination__pagination_prev {
  position:relative;
  width:30px;
  height:30px;
  border:#7e7e7e 1px solid;
  border-radius:2px
}
.Pagination__pagination_next svg,.Pagination__pagination_prev svg {
  position:absolute;
  top:50%;
  left:50%;
  width:7px;
  pointer-events:none;
  content:""
}
.Pagination__pagination_next a,.Pagination__pagination_prev a {
  display:block;
  width:100%;
  height:100%
}
.Pagination__pagination_next:hover,.Pagination__pagination_prev:hover {
  background-color:#fff;
  transition:background-color .3s ease
}
.Pagination__pagination_next:hover svg,.Pagination__pagination_prev:hover svg {
  transition:color .3s ease
}
.Pagination__pagination_next:hover svg path,.Pagination__pagination_prev:hover svg path {
  fill:#000
}
.Pagination__pagination_next svg {
  transform:translate(-50%,-50%)
}
.Pagination__pagination_prev svg {
  transform:translate(-50%,-50%) rotate(180deg)
}
.Pagination__pagination_noActive {
  opacity:.5;
  pointer-events:none
}
.PageNews__container {
  padding:127px 0 60px
}
@media not screen and (min-width: 769px) {
  .PageNews__container {
    padding-bottom:20px
  }

}
.PageNews__inner {
  width:90%;
  max-width:1800px;
  padding-top:113px;
  margin:0 auto;
  letter-spacing:.08em
}
@media not screen and (min-width: 769px) {
  .PageNews__inner {
    width:calc(100% - 20px);
    padding-top:56px
  }

}
.PageNews__head {
  font-family:acumin-pro,sans-serif;
  font-size:80px;
  font-weight:600;
  line-height:.865;
  letter-spacing:0em
}
@media not screen and (min-width: 769px) {
  .PageNews__head {
    font-size:56px
  }

}
.PageNews__news {
  margin-top:80px
}
@media not screen and (min-width: 769px) {
  .PageNews__news {
    margin-top:40px
  }

}