.list {
  display: grid;
  gap: 3rem;
}
.list__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.list__icon {
  --box-size: 6rem;
  flex: 0 0 auto;
  width: var(--box-size);
  height: var(--box-size);
  border-radius: 50%;
  background: var(--gray) no-repeat center/88%;
}
.list__icon--think {
  background-image: url(../../image/common/icon/icon__think.svg);
}
.list__icon--balloon-word {
  background-image: url(../../image/common/icon/icon__balloon-word.svg);
}
.list__icon--idea {
  background-image: url(../../image/common/icon/icon__idea.svg);
}
.list__icon--bag {
  background-image: url(../../image/common/icon/icon__bag.svg);
}
.list__icon--talk {
  background-image: url(../../image/common/icon/icon__talk.svg);
}
.list__icon--time {
  background-image: url(../../image/common/icon/icon__time.svg);
}
.list__icon--bus {
  background-image: url(../../image/common/icon/icon__bus.svg);
}
.list__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.list__ttl {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.556;
}
.list__desc {
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--body-font-color);
  line-height: 1.429;
}

@media (min-width: 1024px) {
  .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.6rem 2rem;
  }
  .list__item {
    gap: 2rem;
  }
  .list__icon {
    --box-size: 8rem;
  }
  .list__ttl {
    font-size: 2.4rem;
    line-height: 1.417;
  }
  .list__desc {
    font-size: 1.8rem;
    line-height: 1.444;
  }
}
.dot-list {
  display: flex;
  flex-wrap: wrap;
}
.dot-list > *:last-child::after {
  content: none;
}
.dot-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.6rem;
}
.dot-list li::after {
  --box-size: 0.267em;
  width: var(--box-size);
  height: var(--box-size);
  margin: 0 0.333em;
  border-radius: 50%;
  background: var(--point-color);
  content: "";
}

@media (min-width: 1024px) {
  .dot-list li {
    font-size: 2rem;
  }
}
.guide {
  padding-bottom: 3.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.625;
}
.guide br {
  display: none;
}

@media (min-width: 1024px) {
  .guide {
    padding-bottom: 4.8rem;
    font-size: 2rem;
    line-height: 1.625;
  }
  .guide br {
    display: block;
  }
}
.number-list li {
  display: flex;
  align-items: center;
  gap: 0.2em;
}
.number-list__desc {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.625;
}

@media (min-width: 1024px) {
  .number-list__desc {
    font-size: 2rem;
    line-height: 1.625;
  }
}
.links {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 5rem;
}

@media (min-width: 1024px) {
  .links {
    flex-direction: row;
  }
  .btn {
    width: 28rem;
  }
}

/*# sourceMappingURL=recruit.css.map */