@charset "UTF-8";

.lead__catch-copy {
  line-height: 1.2;
  font-weight: bold
}

@media print,
screen and (min-width: 768px) {
  .lead__catch-copy {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 767.98px) {
  .lead__catch-copy {
    font-size: 1.25rem
  }
}

@media print,
screen and (min-width: 768px) {
  .lead__detail {
    margin-top: 16px
  }
}

@media screen and (max-width: 767.98px) {
  .lead__detail {
    margin-top: 12px
  }
}

.personally {
  display: flex;
  border-radius: 8px;
  background-color: #fff
}

@media print,
screen and (min-width: 768px) {
  .personally {
    column-gap: 32px;
    padding: 32px 40px
  }
}

@media screen and (max-width: 767.98px) {
  .personally {
    flex-direction: column;
    row-gap: 20px;
    padding: 24px
  }
}

@media print,
screen and (min-width: 768px) {
  .personally__image {
    width: 297px;
    height: 167px
  }
}

.personally__contents {
  flex-grow: 1
}

.personally__heading {
  color: #a62e5a;
  line-height: 1.8;
  font-weight: bold
}

@media print,
screen and (min-width: 768px) {
  .personally__heading {
    font-size: 1rem
  }
}

@media screen and (max-width: 767.98px) {
  .personally__heading {
    font-size: .875rem
  }
}

@media print,
screen and (min-width: 768px) {
  .personally__text {
    margin-top: 12px
  }
}

@media screen and (max-width: 767.98px) {
  .personally__text {
    margin-top: 8px
  }
}

.personally__link {
  display: inline-block
}

@media print,
screen and (min-width: 768px) {
  .personally__link {
    margin-top: 16px
  }
}

@media screen and (max-width: 767.98px) {
  .personally__link {
    margin-top: 12px
  }
}

.supplement {
  border-radius: 8px;
  background-color: #fff
}

@media print,
screen and (min-width: 768px) {
  .supplement {
    padding: 32px 40px
  }
}

@media screen and (max-width: 767.98px) {
  .supplement {
    padding: 24px
  }
}

.supplement__item {
  display: flex
}

@media print,
screen and (min-width: 768px) {
  .supplement__item {
    column-gap: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .supplement__item {
    flex-direction: column;
    row-gap: 20px
  }
}

.supplement__item+.supplement__item {
  margin-top: 32px
}

@media print,
screen and (min-width: 768px) {
  .supplement__image {
    width: 297px;
    height: 167px
  }
}

.supplement__contents {
  flex-grow: 1
}

.supplement__heading {
  color: #a62e5a;
  line-height: 1.8;
  font-weight: bold
}

@media print,
screen and (min-width: 768px) {
  .supplement__heading {
    font-size: 1rem
  }
}

@media screen and (max-width: 767.98px) {
  .supplement__heading {
    font-size: .875rem
  }
}

@media print,
screen and (min-width: 768px) {
  .supplement__text {
    margin-top: 12px
  }
}

@media screen and (max-width: 767.98px) {
  .supplement__text {
    margin-top: 8px
  }
}

.supplement__link {
  display: inline-block
}

@media print,
screen and (min-width: 768px) {
  .supplement__link {
    margin-top: 16px
  }
}

@media screen and (max-width: 767.98px) {
  .supplement__link {
    margin-top: 12px
  }
}

.price-banner {
  max-width: 754px;
  margin-inline: auto
}

@media print,
screen and (min-width: 768px) {
  .price-banner__image {
    margin-top: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .price-banner__image {
    margin-top: 24px
  }
}

@media print,
screen and (min-width: 768px) {
  .price-banner__note {
    margin-top: 20px
  }
}

@media screen and (max-width: 767.98px) {
  .price-banner__note {
    margin-top: 16px
  }
}

.introduction__image {
  justify-self: center;
  width: 100%
}

@media print,
screen and (min-width: 768px) {
  .introduction__image {
    max-width: 320px
  }
}

@media screen and (max-width: 767.98px) {
  .introduction__image {
    max-width: 230px
  }
}

@media print,
screen and (min-width: 768px) {
  #old img {
    background: #fff;
    width: 958px;
    padding: 10px;
    margin: auto;
  }
}

.kajidaikou-sp {
    display: none;
}

@media screen and (max-width:560px) {
    .kajidaikou-pc {
        display: none;
    }

    .kajidaikou-sp {
        display: block;
    }
}

#kaiketsu{
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  color: #a62e5a;
  background-color: #ffedf6;
  padding-block: 40px;

}
/* 文字の上に点 */
.dots {
  background-image: radial-gradient(circle at center, #a62e5a, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .2em; /* 縦方向の位置調整 */
}