:root {
  --scale-unit: calc(100vw / 640);
}
.section {
  position: relative;
  max-width: 960px;
  margin-inline: auto;
}
.section__img {
  display: block;
  width: 100%;
  height: auto;
}
.section__link {
  position: absolute;
  transition: background-color 0.3s ease;
}
button.section__link {
  border: none;
  background: transparent;
  cursor: pointer;
}
@media (min-width: 641px) {
  .section__link:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.section__link--mv {
  width: 110px;
  padding-bottom: 3.6%;
  bottom: 2%;
  right: 31.8%;
}
@media (max-width: 640px) {
  .section__link--mv {
    width: calc(73 * var(--scale-unit));
  }
}

.section__link--presentSummary1 {
  width: 110px;
  padding-bottom: 3.6%;
  bottom: 26%;
  left: 21.2%;
}
.section__link--presentSummary2 {
  width: 110px;
  padding-bottom: 3.6%;
  bottom: 26%;
  right: 21.2%;
}
@media (max-width: 640px) {
  .section__link--presentSummary1,
  .section__link--presentSummary2 {
    width: calc(73 * var(--scale-unit));
  }
}
.section__link--notes {
  width: 330px;
  padding-bottom: 3.6%;
  bottom: 8.4%;
  left: 4.2%;
}
@media (min-width: 641px) {
  .section__link--notes:hover {
    background-color: rgb(212 238 223 / 50%);
  }
}
@media (max-width: 640px) {
  .section__link--notes {
    width: calc(220 * var(--scale-unit));
  }
}

.section__link--newId {
  width: 816px;
  padding-bottom: 13%;
  bottom: 2.6%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .section__link--newId {
    width: calc(544 * var(--scale-unit));
  }
}
.section__link--cta-1-1,
.section__link--cta-1-2 {
  width: 332px;
  padding-bottom: 11%;
  top: 40.7%;
  left: 17%;
}
.section__link--cta-1-2 {
  width: 296px;
  left: auto;
  right: 17%;
}
@media (min-width: 641px) {
  .section__link--cta-1-1:hover,
  .section__link--cta-1-2:hover {
    background-color: rgb(212 238 223 / 50%);
  }
}
@media (max-width: 640px) {
  .section__link--cta-1-1 {
    width: calc(222 * var(--scale-unit));
  }
}
@media (max-width: 640px) {
  .section__link--cta-1-2 {
    width: calc(198 * var(--scale-unit));
  }
}

.section__link--presentDetail2 {
  width: 816px;
  padding-bottom: 13%;
  bottom: 3.5%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .section__link--presentDetail2 {
    width: calc(544 * var(--scale-unit));
  }
}

.section__link--cta-2-1,
.section__link--cta-2-2 {
  width: 331px;
  padding-bottom: 10.6%;
  bottom: 50.2%;
  left: 17%;
}
.section__link--cta-2-2 {
  width: 295px;
  left: auto;
  right: 17%;
}
@media (min-width: 641px) {
  .section__link--cta-2-1:hover,
  .section__link--cta-2-2:hover {
    background-color: rgb(212 238 223 / 50%);
  }
}
@media (max-width: 640px) {
  .section__link--cta-2-1 {
    width: calc(222 * var(--scale-unit));
  }
  .section__link--cta-2-2 {
    width: calc(198 * var(--scale-unit));
  }
}