/* スクロールダウンの位置 */
.scroll {
  margin-inline: auto;
  margin-top: -8%;
  margin-left: 95%;
  position: relative;
  width: fit-content;
  z-index:9999;
}
/* マウスホイール */
.scroll::before {
  animation: 2s scroll infinite;
  background: #fff;
  border-radius: 3px;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 4px;
}
/* マウス */
.scroll::after {
  border: 2px solid #fff;
  border-radius: 20px;
  content: "";
  display: block;
  height: 50px;
  margin-inline: auto;
  margin-top: 10px;
  width: 30px;
}
/* アニメーション */
@keyframes scroll {
  0% {
    opacity: 0;
    top: 40%;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 70%;
  }
}
.mojiwh{
 font-size: 1vw;
 color:#fff;
}

/*----------------------------------------------------------------------------
モバイル用設定（１０２４ｐｘ以下）
---------------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
.hamburger-demo-menubox{
display: block;
}
.scroll{
    display: none;
  }
/* スクロールダウンの位置 */
.scroll {
  margin-inline: auto;
  margin-left: 90%;
  margin-top: 40%;
  position: relative;
  width: fit-content;
  z-index:9999;
}

/* マウスホイール */
.scroll::before {
  animation: 2s scroll infinite;
  background: #fff;
  border-radius: 3px;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 4px;
}
/* マウス */
.scroll::after {
  border: 2px solid #fff;
  border-radius: 20px;
  content: "";
  display: block;
  height: 50px;
  margin-inline: auto;
  margin-top: 10px;
  width: 30px;
}
/* アニメーション */
@keyframes scroll {
  0% {
    opacity: 0;
    top: 40%;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 70%;
  }
}
.mojiwh{
 font-size: 3vw;
 color:#fff;
}