.regist__head {
  margin-top: 6.25rem;
}

.regist__headTitle {
  font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
  font-weight: 400;
}

.regist__headText {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  margin-top: clamp(1rem, 0.648rem + 1.5vw, 2rem);
}

/* registService */
.registService {
  padding-top: 5rem;
}

.featuresList {
  margin-top: 2.5rem;
}

.registService__note {
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
  gap: 0 0.625rem;
  margin-top: 2.5rem;
}

.registService__note a {
  align-items: center;
  color: var(--color-brand-blue);
  display: inline-flex;
  gap: 0.625rem;
  text-decoration: underline;
}

.registService__note a::after {
  background-image: url(/assets/images/common/icon-link--blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
}

.regist__link {
  font-size: 1.125rem;
  height: 3.75rem;
  margin: 2.5rem auto 0;
  padding-inline: 3.2rem;
}

@media screen and (max-width:767px) {
  .registService__note {
    margin-inline: auto;
    max-width: 31.25rem;
  }
}

/* registHowto */
.registHowto {
  padding-top: 5rem;
}

.registHowto__caption {
  background: var(--color-brand-blue);
  border-radius: 20px;
  color: var(--color-white);
  font-size: 0.9575rem;
  margin-top: 2.5rem;
  padding: 0.35rem 1.875rem;
  position: relative;
  width: fit-content;
}

.registHowto__caption::after {
  border-bottom: 0;
  border-color: transparent;
  border-style: solid;
  border-top-color: currentColor;
  border-width: 1em 0.7em;
  bottom: -1.8rem;
  color: var(--color-brand-blue);
  content: "";
  display: inline-block;
  height: 0;
  left: 2.3rem;
  line-height: 1;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.registHowtoList {
  display: grid;
  gap: 2.5rem;
  margin-top: 2.1rem;
}

.registHowtoList__item {
  display: flex;
  gap: 0.625rem;
}

.registHowtoList__num {
  color: var(--color-brand-blue);
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-weight: 700;
}

.registHowtoList__textarea {
  width: 100%;
}

.registHowtoList__title {
  font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);
  font-weight: 400;
}

.registHowtoList__text {
  font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  margin-top: clamp(1rem, 0.648rem + 1.5vw, 2rem);
}

.registHowtoList__img {
  margin: 2.5rem auto 0;
  max-width: 54.625rem;
}

.navCTA {
  margin-top: 11.25rem;
}

@media screen and (max-width:767px) {
  .registHowtoList__img {
    overflow: hidden;
  }

  .registHowtoList__img img {
    aspect-ratio: 660 / 245;
    object-fit: cover;
    object-position: left;
  }

  .navCTA {
    margin-top: 5rem;
  }
}