* {
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
}

header .logo {
  width: 41%;
}

header .link {
  width: 45%;
}

.link01 {
  position: absolute;
  left: 8.5%;
  width: 47%;
  bottom: 43%;
}

.link02 {
  width: 82%;
  display: inline-block;
}

.positionbox {
  position: relative;
  display: inline-block;
}

.link03 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 29.5%;
  display: flex;
  justify-content: center;
}

.link03 p {
  width: 43%;
}

.link03 p + p {
  margin-left: 4%;
}

.movie {
  position: absolute;
  bottom: 9%;
  left: 0;
  width: 100%;
}

.movie div {
  position: relative;
  width: 86%;
  margin: 0 auto;
}

.movie div:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.movie div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}