.data-block-product-total-count,
.data-block-custom-made-graph {
  position: relative;
  line-height: 1;
}

.data-block-product-total-count img,
.data-block-custom-made-graph img {
  vertical-align: 0;
  margin: 0 !important;
  width: 40px !important;
  height: 40px !important;
}

.data-block-custom-made-graph-svg {
  display: block;
  margin: 0 !important;
  width: 200px !important;
  height: 200px !important;
}

.data-block-custom-made-graph-svg-circle {
  fill: none;
  stroke: #DBDBDB;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.data-block-custom-made-graph-svg-path {
  fill: none;
  stroke: #1B97C7;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 500px 500px;
  stroke-dashoffset: -500px;
}

.data-block-custom-made-graph-txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  z-index: 1;
}

.data-block-product-total-count {
  font-size: 88px;
}

.data-block-custom-made-graph {
  font-size: 104px;
}

.data-block-product-total-count-number,
.data-block-custom-made-graph-number {
  display: inline-block;
  font-family: 'Bebas Neue';
  vertical-align: bottom;
  letter-spacing: -.005em;
}

.data-block-product-total-count-number {
  margin-left: -2px;
}

.data-block-custom-made-graph-number {
  margin-left: 6px;
}

@media screen and (max-width: 767px) {
  .data-block-product-total-count {
    font-size: 60px;
  }
  .data-block-product-total-count img,
  .data-block-custom-made-graph img {
    width: 20px !important;
    height: 20px !important;
  }
  .data-block-custom-made-graph {
    font-size: 14vw;
  }
  .data-block-custom-made-graph-svg {
    width: 100% !important;
    height: auto !important;
  }
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.data-block-product-total-count-number.is-finished,
.data-block-custom-made-graph-number.is-finished {
  animation: scale .2s ease-in-out;
}

.js-scroll-target-count,
.js-scroll-target-graph {
  opacity: 0;
  transform: translateY(5px);
}

.js-scroll-target-count.is-scrolled,
.js-scroll-target-graph.is-scrolled {
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  opacity: 1;
  transform: translateY(0);
}

.js-scroll-target-graph.is-scrolled {
  transition-delay: .2s;
}