ruby > rt {
  font-size: 10px;
}
.bioster {
  --category-page-button-bg: #084F36;
  --category-page-button-bg-hover: #528472;
  --category-title-color: #084F36;
}
.bioster .point {
  margin: 30px 0 80px;
}
.bioster .point__title {
  margin-bottom: 20px;
  color: currentColor;
  font-size: clamp(16px, 2vw, 18px);
}
.bioster .point__list {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 744 / 362;
  background: url(https://gigaplus.makeshop.jp/MITOKU/images/free-page/bioster/owl.png) no-repeat center bottom;
  background-size: 200px;
}
.bioster .point__item {
  position: absolute;
  width: clamp(100px, 12vw, 150px);
  height: clamp(100px, 12vw, 150px);
  font-size: clamp(12px, 2vw, 18px);
  line-height: 1.55;
  background: none;
  color: #084F36;
  border-radius: 50%;
  border: 2px solid currentColor;
}
.bioster .point__item:nth-child(1) {
  left: 0;
  bottom: 0;
}
.bioster .point__item:nth-child(2) {
  top: 65px;
  left: 120px;
}
.bioster .point__item:nth-child(3) {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.bioster .point__item:nth-child(4) {
  top: 65px;
  right: 120px;
}
.bioster .point__item:nth-child(5) {
  right: 0;
  bottom: 0;
}
.bioster .media:has(.owl-img) {
  align-items: center;
}
.bioster .media__image:has(.owl-img) {
  width: 50%;
}
.bioster .owl-img {
  width: clamp(163px, 15vw, 200px);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .bioster .point {
    margin: 15px 0 50px;
  }
  .bioster .point__list {
    aspect-ratio: 690 / 520;
    background-size: 33%;
    background-position-y: 90%;
  }
  .bioster .point__item {
    border-width: 1px;
  }
  .bioster .point__item:nth-child(2) {
    top: 52px;
    left: 25px;
  }
  .bioster .point__item:nth-child(4) {
    top: 52px;
    right: 25px;
  }
  .bioster .media:has(.owl-img) {
    align-items: start;
  }
  .bioster .media__image:has(.owl-img) {
    width: 100%;
  }
}