.wrap .info {
  width: calc(100% - 12rem);
  line-height: 1.8;
  max-width: 980px;
  margin: 0px auto;
  position: relative;
  padding: 6rem;
  background-color: #C8DEF2;
  color: #1F3445;
}
@media (max-width: 768px) {
  .wrap .info {
    width: calc(100% - 4rem);
    padding: 2rem;
  }
}
.wrap .info .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 4rem;
}
@media (max-width: 768px) {
  .wrap .info .title {
    margin: 0 auto 1rem;
  }
}
.wrap .info .title h1 {
  text-align: center;
  color: #565656;
  font-weight: 900;
  font-size: clamp(25px, 10vw, 68px);
}
.wrap .info .title .line {
  width: 100%;
  height: 5px;
  margin-top: 0px;
  background: linear-gradient(90deg, #3D84F6 0%, #7EABEB 100%);
}
@media (max-width: 768px) {
  .wrap .info .title .line {
    height: 5px;
    padding: 0rem;
  }
}
.wrap .info .rule-item {
  margin-bottom: 1rem;
}
.wrap .info .rule-item h2 {
  font-size: clamp(18px, 8vw, 20px);
}

.kv-btn {
  position: absolute;
  width: 26vw;
  height: auto;
  top: 69%;
  left: 29%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .kv-btn {
    width: 60vw;
    height: auto;
    top: 82%;
    left: 20%;
  }
}

.logolink {
  max-width: 100px;
  width: 20vw;
  height: auto;
}