.recruit-faq {
  padding-bottom: 15rem;
}
.faq-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.toggle {
  width: min(100%, 800px);
}
.toggle:last-child {
  border-bottom: 1px solid var(--line-gray);
}
.toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid var(--line-gray);
  margin-bottom: 6px;
  word-break: keep-all;
  line-height: 2rem;
}
.title-name {
  word-break: keep-all;
  line-height: 2.5rem;
}
.toggle-title h3 {
  font-size: var(--subheading);
  line-height: 1;
  cursor: pointer;
  font-weight: 200;
  display: flex;
  padding: 25px 25px 14px;
  gap: var(--gutter);
  align-items: center;
}
.toggle-title h3 i {
  color: var(--green-1);
  font-size: var(--heading3);
}
@media screen and (max-width: 600px){
  .toggle-title h3,
  .toggle-title h3 i {
    font-size: var(--body1);
  }
}
.toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 var(--gutter);
  font-size: var(--body1);
  line-height: 2rem;
}
.toggle-inner > p {
  word-break: keep-all;
  white-space: pre-line;
  color: var(--subtext-gray)
}
.toggle-title.active + .toggle-inner {
  display: block;
}