.mv {
  margin: 12.8rem 0;
}
.mv span {
  background-image: var(--main-color-linear);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.mv-txt {
  text-align: center;
  max-width: 76.8rem;
  margin: 0 auto;
}
.mv-txt span {
  display: inline-block;
}
.mv-txt-name {
  font-size: 2.8rem;
  font-weight: 700;
  margin: 2.4rem 0;
}
@media only screen and (max-width: 767px) {
  .mv-txt-name {
    font-size: 4.8rem;
    margin: 2.4rem 0 6rem;
  }
}
.mv-txt img {
  width: 72.8rem;
}
@media only screen and (max-width: 767px) {
  .mv-txt .main-txt {
    max-width: 67.5rem;
    margin: 0 auto;
  }
}
.mv-button {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  margin: 3.2rem 0 8rem;
}
@media only screen and (max-width: 767px) {
  .mv-button {
    gap: 3.2rem;
  }
}
.mv-button div:first-child a {
  color: #fff;
  background: var(--main-color-linear);
}
.mv-button div:nth-child(2) a {
  background: var(--main-color-gray);
}
.mv-list {
  display: flex;
  gap: 2.2rem;
  margin: 8rem auto 0;
  max-width: 128rem;
}
@media only screen and (max-width: 767px) {
  .mv-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mv-list-bl {
  background: var(--main-color-sub);
  padding: 3.6rem 3rem;
  border-radius: 10px;
  width: 26%;
}
@media only screen and (max-width: 767px) {
  .mv-list-bl {
    width: 45%;
  }
}
.mv-list span {
  font-weight: 700;
  font-size: 4.4rem;
}
.mv-list p {
  font-weight: 700;
  font-size: 2.2rem;
  margin-top: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .mv-list p {
    font-size: 3.2rem;
  }
}/*# sourceMappingURL=mv.css.map */