@charset "UTF-8";
/* ------------------------------------------
 *  _color.scss
 *  色変数設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _breakpoint.scss
 *  ブレークポイント設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _z-index.scss
 *  z-index設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _func.scss
 *  関数設定
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _hover.scss
 *  mixin - ホバー定義
 * ------------------------------------------ */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* ------------------------------------------
 *  _set.scss
 *  mixin - CSS簡易設定定義
 * ------------------------------------------ */
/* flexセット */
/* ------------------------------------------ */
/* inline-flexセット */
/* ------------------------------------------ */
/* gridセット */
/* ------------------------------------------ */
/* background-imageセット */
/* ------------------------------------------ */
/* 疑似クラスセット */
/* ------------------------------------------ */
/* position:absoluteセット */
/* ------------------------------------------ */
/* ------------------------------------------
*  _parts.scss
 *  mixin - パーツ定義
 * ------------------------------------------ */
/* 三角右矢印 */
/* ------------------------------------------ */
/* 丸ボーダー */
/* ------------------------------------------ */
/* ------------------------------------------
 *  バイオバンクについて - 使命・品質方針
 * ------------------------------------------ */
.policy__resources {
  margin-top: clamp(calc(30 / 10 * 1rem), calc(calc((40 - 1200 * calc((40 - 30) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((40 - 30) / (1200 - 375)) * 1vw), calc(40 / 10 * 1rem));
}
.c-olList {
  margin-top: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}

/* ------------------------------------------
*  バイオバンクについて - 品質管理
* ------------------------------------------ */
.quality .l-table--02 {
  margin-bottom: 1rem;
}
.quality__lead {
  position: relative;
  margin-bottom: 2rem;
}
.quality__lead::after {
  content: "";
  position: absolute;
  background-color: red;
  width: 100%;
}
.quality__resources__list > li {
  position: relative;
}
.quality__resources__list > li.list__iso > a {
  align-items: center;
}
.quality__resources__list > li.list__iso > a .image {
  max-width: 5rem;
  display: flex;
  margin-right: 1em;
}
.quality__resources__list > li.list__iso > a::before {
  margin-top: 0;
}
.quality dl:not(:first-child) {
  margin-top: clamp(calc(50 / 10 * 1rem), calc(calc((60 - 1200 * calc((60 - 50) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((60 - 50) / (1200 - 375)) * 1vw), calc(60 / 10 * 1rem));
}

/* ------------------------------------------
*  バイオバンクについて - 組織図
* ------------------------------------------ */
.organization__chart {
  text-align: center;
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}

/* ------------------------------------------
*  バイオバンクについて - 検体管理
* ------------------------------------------ */
.bioresouces__images {
  text-align: center;
}
.bioresouces__images:not(:last-child) {
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}

/* ------------------------------------------
*  バイオバンクについて - NCBN
* ------------------------------------------ */
.ncbn__images {
  text-align: center;
  margin-bottom: clamp(calc(25 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 25) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 25) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
.ncbn > .text {
  margin-bottom: clamp(calc(20 / 10 * 1rem), calc(calc((30 - 1200 * calc((30 - 20) / (1200 - 375))) / 10) * 1rem) + calc(100 * calc((30 - 20) / (1200 - 375)) * 1vw), calc(30 / 10 * 1rem));
}
