@charset "UTF-8";
.content-block__circle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px -10px 0
}
.content-block__circle .circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 0 6px;
  background: #f6f6f6;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  aspect-ratio: 1;
}
.content-block__circle .circle__inner {
  text-align: center
}
.content-block__circle .circle__inner .lead__text {
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .03em
}
.content-block__circle .circle__inner .lead .lead-flex {
  display: flex;
  align-items: baseline;
  justify-content: center
}
.content-block__circle .circle__inner .lead .lead-flex__number {
  font-family: "Libre Baskerville",serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #e97a7a;
  letter-spacing: .01em
}
.content-block__circle .circle__inner .lead .lead-flex__point {
  font-size: 9px
}
.content-block__circle .circle--large {
  width: 100px;
  height: 100px;
  background: #fee;
  border: 1px solid #f4bcbc
}
.content-block__circle .circle--large .lead__text {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .08em
}
.content-block__circle .circle--large .lead .lead-flex__number {
  font-size: 24px
}
.content-block__circle .circle--large .lead .lead-flex__point {
  font-size: 10px
}
.content-block .circle-plus img {
  width: 8px;
  height: 8px
}
.content-block .circle-equal img {
  width: 7px;
  height: 4px
}
.content-block__box {
  padding: 25px 30px;
  margin: 25px 0 0;
  border: 1px solid #dedede
}
.content-block__box .text {
  position: relative;
  padding-left: 20px
}
.content-block__box .text::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  font-size: 8px;
  color: #e97a7a;
  content: "●"
}
.content-block__box .text + .text {
  margin: 10px 0 0
}
@media (min-width:768px) {
  .content-block__circle {
    margin: 20px -14px 0
  }
  .content-block__circle .circle {
    width: 120px;
    height: 120px;
    margin: 0 14px
  }
  .content-block__circle .circle__inner .lead__text {
    font-size: 13px
  }
  .content-block__circle .circle__inner .lead .lead-flex__number {
    font-size: 22px
  }
  .content-block__circle .circle__inner .lead .lead-flex__point {
    font-size: 14px
  }
  .content-block__circle .circle--large {
    width: 150px;
    height: 150px
  }
  .content-block__circle .circle--large .lead__text {
    font-size: 20px
  }
  .content-block__circle .circle--large .lead .lead-flex__number {
    font-size: 35px
  }
  .content-block__circle .circle--large .lead .lead-flex__point {
    font-size: 14px
  }
  .content-block .circle-plus img {
    width: 11px;
    height: 11px
  }
  .content-block .circle-equal img {
    width: 9px;
    height: 4px
  }
  .content-block__box {
    padding: 35px 40px;
    margin: 30px 0 0
  }
  .content-block__box .text {
    padding-left: 24px;
    font-size: 14px
  }
  .content-block__box .text + .text {
    margin: 15px 0 0
  }
}