@charset "UTF-8";
/* ------------------------------------------
 *  _color.scss
 *  色変数設定
 * ------------------------------------------ */
/*--- 共通カラー ---*/
/*--- biobankカラー ---*/
/*--- brainbankカラー ---*/
/*--- トビラページカラー ---*/
/* ------------------------------------------
 *  _breakpoint.scss
 *  ブレークポイント設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _z-index.scss
 *  z-index設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _func.scss
 *  関数設定
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _hover.scss
 *  mixin - ホバー定義
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _set.scss
 *  mixin - CSS簡易設定定義
 * ------------------------------------------ */
/* flexセット */
/* ------------------------------------------ */
/* inline-flexセット */
/* ------------------------------------------ */
/* gridセット */
/* ------------------------------------------ */
/* background-imageセット */
/* ------------------------------------------ */
/* 疑似クラスセット */
/* ------------------------------------------ */
/* position:absoluteセット */
/* ------------------------------------------ */
/* font-sizeセット */
/* ------------------------------------------ */
/* ------------------------------------------
*  _parts.scss
 *  mixin - パーツ定義
 * ------------------------------------------ */
/*--- 矢印 ---*/
/*--- 丸ボーダー ---*/
/*--- ボーダー ---*/
.achievements {
  /*--- プレスリリース ---*/
}
.achievements__collection .c-head, .achievements__utilization .c-head {
  margin-bottom: 4rem;
}
.achievements__collection .updated, .achievements__utilization .updated {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
.achievements__collection .l-table > table > thead > tr > th, .achievements__collection .l-table > table > thead > tr > td, .achievements__collection .l-table > table > tbody > tr > th, .achievements__collection .l-table > table > tbody > tr > td, .achievements__utilization .l-table > table > thead > tr > th, .achievements__utilization .l-table > table > thead > tr > td, .achievements__utilization .l-table > table > tbody > tr > th, .achievements__utilization .l-table > table > tbody > tr > td {
  vertical-align: middle;
}
.achievements__collection .l-table > table > tbody > tr > th{
  text-align: left;
}
.achievements__collection .l-table > table > tbody > tr > td{
  width: 15%;
  min-width: 9.5em;
}
.achievements__collection .l-table > table > tbody > tr:nth-child(1){
  width: auto;
}
.achievements__collection .u-anno, .achievements__utilization .u-anno {
  margin-top: 3rem;
}
.achievements__collection .l-table {
  overflow-x: scroll;
}
.achievements__collection .l-table > table {
  width: 100rem;
}
.achievements__collection__image {
  margin: 0 auto;
  max-width: 60rem;
  width: 100%;
}
.achievements__collection__info {
  margin: 3rem auto 0 auto;
  max-width: 60rem;
  width: 100%;
}
.achievements__collection__info > dl {
  /* display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 0.25em; */
  display: grid;
  grid-template-columns: 9em 1fr;
}
.achievements__collection__info > dl > dt {
  min-width: calc(5.5em + 0.3rem);
  font-weight: 500;
  font-size: 1.6rem;
  padding-left: 0.5em;
  border-left: 0.3rem solid;
  border-color: #ED7D31;
}
.achievements__collection__info > dl > dd {
  font-size: 1.6rem;
  margin-left: 2rem;
}
.achievements__collection__info > dl > dd > .u-anno {
  margin-top: 0;
}
.achievements__collection__info > dl:first-child {
  margin-bottom: 0.5em;
}
.achievements__collection__info > dl:first-child > dt {
  border-color: #4472C4;
}
@media screen and (max-width: 767.9px) {
  .achievements__collection__info > dl > dt {
    font-size: 1.5rem;
  }
  .achievements__collection__info > dl > dd {
    font-size: 1.5rem;
  }
  .achievements__collection__info > dl > dd > .u-anno {
    font-size: 1.3rem;
  }
}
.achievements__utilization .l-table {
  overflow-x: scroll;
}
.achievements__utilization .updated,
.achievements__utilization .l-table > table {
  width: 70rem;
  margin: 0 auto;
}
.achievements__utilization .l-table > table > thead > tr > th:first-child {
  width: 10%;
  min-width: calc(4em + 2rem);
}
.achievements__utilization .l-table > table > thead > tr > th:nth-child(2) {
  width: 10%;
  min-width: calc(15rem);
}
.achievements__utilization .l-table > table > tbody > tr > td:last-child {
  word-break: keep-all;
  width: 20%;
  min-width: calc(15rem);
}
.achievements__utilization .l-table > table > tbody > tr:last-child > td {
  border-bottom: 0.1rem solid #D8DEE3;
}
.achievements__pressrelease {
  margin: 6rem 0 0;
}