/*-------------------------------
---Common
-------------------------------*/

section.l_item {
  margin-bottom: 9rem;
}

section .section_title {
  text-align: unset;
}

section.l_item .section_title {
  margin-bottom: 3rem;
}

section.s_item .section_title {
  margin-bottom: 1.5rem;
}

section .section_title .subject {
  color: var(--main-color);
}

section.l_item .section_title .subject,
section.s_item .section_title .subject {
  font-size: var(--font-size-exl);
  font-weight: normal;
}

section .section_title .subtitle {
  color: var(--text-color);
}

section.l_item .section_title .subtitle,
section.s_item .section_title .subtitle {
  font-size: var(--font-size-xxl);
}

section.l_item .person_intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6rem;
  margin-bottom: 6rem;
}

section.s_item .person_intro {
  margin-top: 3rem;
}

section dl dt {
  font-size: var(--font-size-xxl);
  font-weight: 500;

}

section.l_item dt {
  margin-bottom: 3rem;
}

section.s_item dt {
  margin-bottom: 1.5rem;
}

section .story {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6rem;
}

.other_person {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 9rem 6rem;
  margin-bottom: 12rem;
}