html {
  background-color: #333;
  width: 100%;
}

section.section-top .section-top__pf {
  margin: 0 auto;
  width: 60vw;
}

.section-top__pf img {
  width: 100%;
}

.section-link ul {
  position: fixed;
  top: 50vh;
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 90vw;
  right: 0;
  left: 0;
  margin: auto;
}

.section-link__allow {
  width: 5vw;
  opacity: 0.6;
  transition: 0.5s;
  filter: drop-shadow(3px 3px 5px #333);
}

.section-link__allow:hover {
  width: 8vw;
  opacity: 1.0;
}

.section-link__allow img {
  width: 100%;
}

@media(max-width:959px) {
  section.section-top .section-top__pf {
    margin: 0 auto;
    width: 99vw;
  }

  .section-link ul {
    top: 65vh;

    width: 96vw;
  }

  .section-link__allow {
    width: 8vw;
  }

}