.biography {
    margin-top: 6.7rem;
    background-color: #fff;
  }
  .biography__inner {
    max-width: 103rem;
    margin-inline: auto;
    padding-inline: 2.5rem;
  }
  .biography__heading {
    color: #001d35;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .biography__profile {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 2.6rem;
    margin-top: 2.2rem;
  }
  .biography__job {
    color: #001d35;
    font-size: 3rem;
    font-weight: 700;
  }
  .biography__name {
    color: #001d35;
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  .biography__container {
    text-align: center;
	display: block;
  }
  .biography__list {
    margin: 1.8rem 0 0;
    text-align: left;
	display: inline-block;
    letter-spacing: 0.03em;
  }
  .biography__item {
    display: grid;
    grid-template-columns: 17rem 1fr;
    gap: 2rem;
  }
  .biography__item:not(:first-child) {
    margin-top: 1.4rem;
  }
  .biography__year,
  .biography__text {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .biography__text {
    letter-spacing: -0.02em;
  }
  .biography__year {
    letter-spacing: 0.03em;
  }
  .career-detail {
    margin-top: 5.5rem;
    padding-block: 7.6rem 13rem;
    background-color: #f8f8f8;
  }
  .career-detail__inner {
    max-width: 105rem;
    margin-inline: auto;
    padding-inline: 2.5rem;
  }
  .career-detail__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7rem;
    align-items: start;
  }
  .career-detail__column {
    display: grid;
    gap: 5rem;
  }
  .career-card__title {
    padding-block: 1.6rem;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.4;
    background-color: #001d35;
    letter-spacing: 0.2em;
  }
  .career-card__body {
    margin-top: 3.1rem;
    padding: 2rem 1.6rem 2.8rem;
    background-color: #fff;
    border-bottom: 1px solid #8a8a8a;
    border-top: 1px solid #8a8a8a;
  }
  .career-card__item {
    display: grid;
    grid-template-columns: 7.6rem 1fr;
    gap: 1.2rem;
  }
  .career-card__item:not(:first-child) {
    margin-top: 1.8rem;
  }
  .career-card__year,
  .career-card__text {
    color: #001d35;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .career-card__year {
    white-space: nowrap;
  }
  .career-card--award .career-card__body {
    padding-bottom: 2rem;
  }
  @media (max-width: 1024px) {
    .career-detail {
      padding-block: 4.4rem 7.2rem;
    }
    .career-detail__inner {
      width: min(100% - 3.2rem, 520px);
    }
    .career-detail__columns {
      grid-template-columns: 1fr;
      gap: 4.4rem;
    }
    .career-card__title {
        padding-block: 1.4rem;
        font-size: 2.4rem;
    }
}
@media (max-width: 480px) {
    .biography {
        margin-top: 4rem;
    }
    .biography__list {
        padding-left: initial;
    }
    .biography__inner {
      width: min(100% - 32px, 500px);
    }
    .biography__heading {
      font-size: 2.4rem;
    }
    .biography__profile {
        display: flex;
      gap: 1rem;
      margin-top: 1rem;
      text-align: center;
    }
    .biography__job {
      font-size: 2rem;
    }
    .biography__name {
      font-size: 2.25rem;
    }
    .biography__item {
      display: block;
    }
    .biography__item:not(:first-child) {
        margin-top: 1.6rem;
      }
    .biography__year {
        font-weight: 700;
    }
    .biography__text {
        margin-top: 0.4rem;
    }

}