: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 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-1,
.section__link--mv-2,
.section__link--mv-3,
.section__link--mv-4 {
  width: 110px;
  padding-bottom: 3.6%;
  bottom: 10.8%;
}
.section__link--mv-1 {
  left: 9.8%;
}
.section__link--mv-2 {
  left: 32.8%;
}
.section__link--mv-3 {
  right: 32.8%;
}
.section__link--mv-4 {
  right: 9.8%;
}
@media (max-width: 640px) {
  .section__link--mv-1,
  .section__link--mv-2,
  .section__link--mv-3,
  .section__link--mv-4 {
    width: calc(73 * var(--scale-unit));
  }
}

.section__link--newlife {
  width: 800px;
  padding-bottom: 12.6%;
  bottom: 2%;
  left: 8.5%;
}
@media (min-width: 641px) {
  .section__link--newlife:hover {
    background: linear-gradient(180deg, rgba(220, 239, 199, .5) 0%, rgba(220, 239, 199, .5) 46%,rgba(255, 255, 255, .5) 46%, rgba(255, 255, 255, .5) 100%);
  }
}
@media (max-width: 640px) {
  .section__link--newlife {
    width: calc(533 * var(--scale-unit));
  }
}

.section__link--cta-1-1,
.section__link--cta-1-2 {
  width: 332px;
  padding-bottom: 11%;
  top: 39.6%;
  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--smbc {
  width: 800px;
  padding-bottom: 13%;
  bottom: 10.7%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 641px) {
  .section__link--smbc:hover {
    background-color: rgb(239 248 226 / 50%);
  }
}
@media (max-width: 640px) {
  .section__link--smbc {
    width: calc(533 * var(--scale-unit));
  }
}

.section__link--debit-1,
.section__link--debit-2 {
  width: 188px;
  padding-bottom: 6.2%;
  bottom: 10.4%;
  left: 10.6%;
}
.section__link--debit-2 {
  width: 166px;
  left: 30%;
}
@media (max-width: 640px) {
  .section__link--debit-1 {
    width: calc(125 * var(--scale-unit));
  }
  .section__link--debit-2 {
    width: calc(110 * var(--scale-unit));
  }
}

.section__link--debit-3,
.section__link--debit-4,
.section__link--debit-5 {
  width: 263px;
  padding-bottom: 7.3%;
  bottom: 17.4%;
  left: 8.3%;
}

.section__link--debit-4 {
  left: 36.4%;
}
.section__link--debit-5 {
  left: 64.4%;
}
@media (max-width: 640px) {
  .section__link--debit-3,
  .section__link--debit-4,
  .section__link--debit-5 {
    width: calc(175 * var(--scale-unit));
  }
}

.section__link--debit-6 {
  width: 800px;
  padding-bottom: 13%;
  bottom: 12.2%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .section__link--debit-6 {
    width: calc(533 * var(--scale-unit));
  }
}


.section__link--wealth-1,
.section__link--wealth-2,
.section__link--wealth-3,
.section__link--wealth-4,
.section__link--wealth-5 {
  width: 263px;
  padding-bottom: 7.3%;
  bottom: 51.4%;
  left: 8.3%;
}
.section__link--wealth-2 {
  left: 36.4%;
}
.section__link--wealth-3 {
  left: 64.4%;
}
.section__link--wealth-4 {
  left: 22.3%;
  bottom: 9.4%;
}
.section__link--wealth-5 {
  left: 50.4%;
  bottom: 9.4%;
}
@media (min-width: 641px) {
  .section__link--wealth-1:hover,
  .section__link--wealth-2:hover,
  .section__link--wealth-3:hover,
  .section__link--wealth-4:hover,
  .section__link--wealth-5:hover {
    background-color: rgb(212 238 223 / 50%);
  }
}
@media (max-width: 640px) {
  .section__link--wealth-1,
  .section__link--wealth-2,
  .section__link--wealth-3,
  .section__link--wealth-4,
  .section__link--wealth-5 {
    width: calc(175 * var(--scale-unit));
  }
}