@charset "UTF-8";
.top-mv {
  max-width: 960px;
  margin-inline: auto;
  padding-top: 30px;
}
.top-div {
  max-width: 760px;
  margin-inline: auto;
}
.top-rich-text-row {
  font-size: 19px;
  line-height: 2;
  display: block;
}
.top-link {
  padding-block: 30px;
}
.top-link a{
  color: #505050;
  line-height: 1;
  font-weight: 700;
  transition: all 0.2s;
}
.top-link .top-rich-text-row {
  font-size: 24px;
  text-align: center;
}
.top-link.--pink a {
  color: var(--main-color);
}
.top-link.--pink .top-rich-text-row {
  font-size: 20px;
}
.top-button{
  padding-block: 30px;
}
.top-button__wrapper {
  width: 300px;
  margin-inline: auto;
}
.top-button__link {
 background-color: var(--main-bg-color);
 border-radius: 9999px;
 min-height: 60px;
 display: block;
 padding: 18px 24px;
 transition: all 0.2s;
}
.top-button__link .top-rich-text-row {
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 1;
}

.top-div-image {
  padding-block: 30px;
}
.top-div-image:hover {

}
@media all and (max-width: 767px) {
  .top.main-contents {
    padding-inline: 4.2666666667vw;
  }
  .top-mv {
    max-width: 100%;
    padding-top: 8vw;
  }
  .top-div {
    max-width: 100%;
  }
  .top-link {
    padding-block: 8vw;
  }
  .top-link .top-rich-text-row {
    font-size: 6vw;
  }
  .top-rich-text-row {
    font-size: 4.2666666667vw;
  }
  .top-button {
    padding-block: 8vw;
  }
  .top-button__wrapper {
    width: 80vw;
  }
  .top-button__link {
    min-height: 16vw;
    padding: 4.8vw 6.4vw;
  }
  .top-button__link .top-rich-text-row {
    font-size: 5.3333333333vw;
  }
  .top-link.--pink .top-rich-text-row {
    font-size: 5.06666666667vw;
  }
  .top-div-image {
    padding-block: 8vw;
  }
}