html {
  scroll-behavior: smooth;
}

body::after{
  content: "";
  position: fixed;/*固定表示*/
  top:0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999; /*他のスタッキングコンテキストとかち合った時用*/
  background: #029eb3; /*シャッターの色*/
  animation: min-anim .5s forwards; /*アニメーション付与*/
  animation-delay: 0.9s; /*好みで遅延*/
  transform-origin: top; /*変化の起点*/
}
/*背景が縮むアニメーション*/
@keyframes min-anim{
  0% {
    transform: scaleY(1);/*画面全体を覆う*/
  }
  100% {
    transform: scaleY(0);/*高さ0*/
    visibility: hidden; /*非表示*/
  }
}


#mouse-stalker {
  pointer-events: none;
  position: fixed;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background: rgba(0,165,160,0.5);
  border-radius: 50%;
  transform: translate(0,0);
  transition: transform 0s;
  transition-timing-function: ease-out;
  z-index: 1001;
}
#mouse-stalker.is_active {
  top: -40px;
  left: -40px;
  width: 80px;
  height: 80px;
  transition: 0s;
  background: rgba(6, 161, 172, 0.753);
}


#mouse-stlker.a:hover {
  transition: 1s;}

#mouse-stalker a:hover{
transition: 1s;
}

.link-items {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.link-items .link-item {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 50px;
}

/***追従するトップへ戻るボタン***/
#page-top {
  position: fixed;
  right: 5px;
  bottom: 20px;
  height: 50px;
  text-decoration: none;
  font-weight: bold;
  transform: rotate(90deg);
  font-size: 90%;
  line-height: 1.5rem;
  color: #737373;
  padding: 0 0 0 35px;
  border-top: solid 1px;
}
#page-top::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  width: 15px;
  border-top: solid 1px;
  transform: rotate(35deg);
  transform-origin: left top;
}
/***トップへ戻るボタンここまで***/