.title-page {
  text-align: center;
}

.product-guide-wrapper {
  font-size: 1.0666666667rem;
  line-height: 1.25;
}
.product-guide-wrapper h2 {
  margin: 1.3333333333rem 0;
  font-size: 1.3333333333rem;
  color: #f1592a;
  font-weight: bold;
}

.product-guide-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.0666666667rem;
}
@media (max-width: 768px) {
  .product-guide-imgs {
    gap: 0.5333333333rem;
  }
}
.product-guide-imgs img {
  width: calc(33.3333333333% - 0.7111111111rem);
  max-width: 100%;
  height: auto;
  margin-bottom: 1.3333333333rem;
}
@media (max-width: 768px) {
  .product-guide-imgs img {
    width: calc(33.3333333333% - 0.3555555556rem);
  }
}

.product-guide-notes {
  margin: 0;
  padding: 0;
  margin-top: 1.3333333333rem;
  line-height: 1.5;
  list-style: none;
  font-size: 0;
}
.product-guide-notes li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 1.7333333333rem);
  margin-right: 3.3333333333rem;
  font-size: 1.0666666667rem;
  position: relative;
  padding-left: 4.4666666667rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .product-guide-notes li {
    width: 100%;
    margin-right: 0;
    padding-left: 3.6666666667rem;
  }
}
.product-guide-notes li > span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  font-size: 2.1333333333rem;
  background-color: #f1592a;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
}
.product-guide-notes li h4 {
  color: #000;
  font-size: 1.0666666667rem;
  line-height: 1.25;
  font-weight: bold;
  margin: 0 0 0.6666666667rem;
}
.product-guide-notes li p {
  margin-bottom: 0.6666666667rem;
}
.product-guide-notes li p:last-child {
  margin-bottom: 0;
}
.product-guide-notes li:nth-child(2n) {
  margin-right: 0;
}