@charset "UTF-8";
html {
  scroll-behavior: auto;
}
.pagetop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 90;
}
.pagetop a {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  transition: opacity .6s;
}
.pagetop a:hover,
.pagetop a:focus-visible {
  opacity: .7;
}
a img {
  transition: opacity .3s;
}
a:hover img,
a:focus-visible img {
  opacity: .7;
}
.news_list a {
  transition: padding .35s, background-color .35s;
}
.news_list a:hover,
.news_list a:focus-visible {
  padding-left: 22px;
  padding-right: 10px;
  background-color: rgba(203,194,163,.08);
}
@media (max-width: 960px) {
  .pagetop a {
    width: 45px;
    height: 45px;
  }
  .news_list a {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 960px) {
  .nav_ul > .nav_li > a {
    font-size: clamp(15px, 1.64vw, 21px);
    white-space: nowrap;
  }
  nav .nav_sub:focus-within .sub-menu {
    top: 80px;
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 960px) {
  nav .nav_sub > .sub-menu {
    display: none;
  }
  nav .nav_sub:hover > .sub-menu,
  nav .nav_sub:focus-within > .sub-menu {
    display: block;
  }
}
.news_list:not(.open) li:nth-child(n+5) {
  visibility: hidden;
}
.news_list.open li {
  visibility: visible;
}