.sub__keypoint {
  max-width: 2000px;
  margin: 0 auto;
  background: #f0f0f0;
  padding: 100px calc(50% - 700px);
  margin-top: 100px;
  font-size: 14px;
}
.sub__keypoint .--m {
  display: none;
}
.sub__keypoint .keypoint__wrapper {
  display: flex;
  justify-content: space-between;
}
.sub__keypoint .keypoint__title {
  position: relative;
  white-space: nowrap;
}
.sub__keypoint .keypoint__title h3 {
  font-size: 20px;
  font-weight: normal;
  color: #bfbfc2;
}
.sub__keypoint .keypoint__title h3 * {
  display: block;
}
.sub__keypoint .keypoint__title h3 em {
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.03em;
}
.sub__keypoint .keypoint__title h3 strong {
  font-size: 1.7em;
  color: #000;
}
.sub__keypoint .keypoint__title h3 span {
  color: var(--theme-color);
}
.sub__keypoint .keypoint__title p {
  margin-top: 1.5em;
  color: #676767;
}
.sub__keypoint .badge__logo {
  position: absolute;
  top: calc(100% - 242px);
  left: 0;
  width: 242px;
  height: 242px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.sub__keypoint .badge__logo::before, .sub__keypoint .badge__logo::after {
  content: "";
}
.sub__keypoint .badge__logo::before {
  width: 100%;
  height: 100%;
  background: url(/img/common/text-circle.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  animation: rotate 60s linear infinite;
}
.sub__keypoint .badge__logo::after {
  width: 96px;
  height: 73px;
  background: url(/img/logo/symbol.svg) center/contain no-repeat;
}
.sub__keypoint li + li {
  margin-top: 20px;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.keypoint__list li {
  position: relative;
}
.keypoint__list li .keypoint__desc {
  position: absolute;
  width: 400px;
  white-space: nowrap;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%);
}
.keypoint__list li .keypoint__desc h4 {
  font-size: 20px;
  color: #bfbfc2;
  font-weight: 300;
}
.keypoint__list li .keypoint__desc h5 {
  font-size: 25px;
  margin-top: 10px;
  font-weight: 300;
}
.keypoint__list li .keypoint__desc p {
  font-size: 14px;
  color: #676767;
  margin-top: 10px;
  line-height: 1.7;
  font-weight: 300;
}

@media screen and (min-width: 2000px) {
  .sub__keypoint {
    padding: 100px 300px;
  }
}/*# sourceMappingURL=key-point.min.css.map */