/*.Page {
  position: relative;
}*/
@media screen and (min-width: 897px) {
.ScrollTop {
  position: fixed;
  right: 10px;
  top: 50vh;
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}
.ScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}
@media screen and (max-width: 896px) {
/*スマホ横 タブレット縦*/
.ScrollTop {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}
@media screen and (max-width: 480px) {
/*スマホ横 タブレット縦*/
.ScrollTop {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  /*width: 40px;
  height: 40px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: #5bc8ac;*/
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  z-index:1000000;
}
}

