.howto-wrapper {
  position:relative;
}

.howto-wrapper img {
  max-width: 100%;
}

.howto-map ul li {
  position: absolute;
}

.howto-map ul li a {
  display:block;
  width:100%;
  height:100%;
}

.howto-map ul li a:hover {
  background:#ffffff61;
}

.howto-map {
  position:relative;
  margin: auto;
  max-width: 980px;
}

.howto-map ul li:nth-child(1) {
  width: 13.4%;
  height: 14%;
  top: 62%;
  right: 6.3%;
}

.howto-map ul li:nth-child(2) {
  width: 10.1%;
  height: 13.4%;
  top: 62%;
  left: 58.5%;
}

.howto-map ul li:nth-child(3) {
  width: 12%;
  height: 14%;
  top: 61.7%;
  left: 45.1%;
}

.howto-map ul li:nth-child(4) {
  width: 13.8%;
  height: 13.2%;
  top: -1.1%;
  left: 18.1%;
}

.howto-map ul li:nth-child(5) {
  width: 14%;
  height: 13.9%;
  top: 87.3%;
  left: 21.2%;
}

.howto-map ul li:nth-child(6) {
  width:20%;
  height: 13%;
  top: 22.9%;
  right: 1%;
}


.howto-details h2 {
  font-weight:bold;
  font-size:24px;
  border-bottom: 1px solid #000000;
}

.howto-details h2 span {
  font-size: 38px;
  position: relative;
  top: 5px;
  padding-right: 8px;
}

.howto-flex-left > *:first-child {
  display: flex;
  width: 230px;
  gap:15px;
}

.howto-flex-left > *:first-child img {
  max-height:200px;
  object-fit:contain;
}

@media (max-width: 800px){

  .howto-details {
  }

  .howto-details h2 span {
    font-size: 34px;
    padding-right: 2px;
  }

  .howto-details h2 {
    padding-bottom: 10px;
    font-size: 21px;
    padding-left: 0.6em;
    margin: 15px 0;
  }

  .howto-flex-left .howto-product-name {
    font-size: 16px;
  }

  .howto-flex-left > div {
    width: 100%;
  }

  .howto-flex-left {
    flex-direction: column-reverse;
  }
}