@charset "UTF-8";
/* =======================================
Article__header
======================================= */
.article__header {
  display: flex;
  padding: 40px 0px 60px 0px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.page_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-family: Lato;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 88.889% */
  letter-spacing: 0.36px;
}

.page_title p {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 1.2rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
} 

/* Article__header-PC */
@media screen and (min-width:769px) {
  .article {
        max-width: 1440px;
        margin: 0 auto;
    }
    
  .article__header {
    padding: 60px 15.2%;
    gap: 32px;
  }

  .page_title {
    font-size: 4.8rem;
    line-height: 32px; /* 66.667% */
    letter-spacing: 0.48px;
    gap: 8px;
    }

    .page_title p {
      font-size: 2rem;
      line-height: 32px; /* 160% */
      letter-spacing: 0.2px;
    }

}/* pc 769px */

/* =======================================
Staff list
======================================= */
.staff__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  margin-bottom: 120px;
}

.okami {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.staff__card {
  display: flex;
  padding: 16px 5.3%;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}

.staff__card img {
  width: 100%;
  height: auto;
}

.staff__txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.staff__name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 32px; /* 160% */
}

.staff__position {
  color: #676767;
  font-size: 1.2rem;
}

.staff__bio {
  font-size: 1.6rem;
  line-height: 28px; /* 175% */
  letter-spacing: 0.16px;
}

.staff__history {
  padding: 20px 5.3%;
  font-size: 1.6rem;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}

.staff__history h4 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 28px; /* 175% */
  letter-spacing: 0.16px;
  font-weight: 500;
}


.staff__history-list {
  font-size: 1.6rem;
  line-height: 24px; /* 150% */
  letter-spacing: 0.16px;
}

dt {
  font-weight: 400;
  margin-top: 20px;
}

/* Staff list-PC */
@media screen and (min-width:769px) {
  .staff__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 160px;
    padding: 60px 11.1% 200px;
    max-width: 1440px;
    margin: 0 auto;
  }

  .okami {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }

  .staff__card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 0;
  }

  .staff__card img {
    width: 35.7%;
    height: auto;
  }

  .staff__txt {
    display: flex;
    width: 58.92%;
    flex-direction: column;
    align-items: flex-start;
    gap: 73px;
  }

  .staff__name {
    font-size: 2.4rem;
  }

  .staff__position {
    font-size: 1.6rem;
    line-height: 32px; /* 200% */
  }

  .staff__bio {
    font-size: 1.8rem;
    line-height: 32px; /* 177.778% */
    letter-spacing: 0.18px;
  }

  .staff__history {
    padding: 0;
    font-size: 1.8rem;
    line-height: 32px; /* 177.778% */
    margin: 0 auto;
  }

  .staff__history h4 {
    text-align: left;
    font-size: 1.8rem;
    line-height: 32px; /* 177.778% */
    font-weight: 500;
  }

  .staff__history-list {
    font-size: 1.8rem;
    line-height: 32px; /* 177.778% */
    display: grid;
    row-gap: 8px;
    column-gap: 24px;
    align-self: stretch;
    grid-template-columns:   140px minmax(0, 1fr);
    margin-top: 30px;
  }

  dt {
    margin: 0;
  }
}