@charset "UTF-8";
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: local(HiraginoSans-W3);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: local(HiraginoSans-W4);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: local(HiraginoSans-W5);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: local(HiraginoSans-W6);
  font-weight: 600;
}
/* ------------------------------------------
 *  _color.scss
 *  色変数設定
 * ------------------------------------------ */
/*--- 共通カラー ---*/
/*--- biobankカラー ---*/
/*--- brainbankカラー ---*/
/*--- トビラページカラー ---*/
/* ------------------------------------------
 *  _breakpoint.scss
 *  ブレークポイント設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _z-index.scss
 *  z-index設定
 * ------------------------------------------ */
/* ------------------------------------------
 *  _base.scss
 *  基本的なスタイル
 * ------------------------------------------ */
html {
  font-size: 62.5%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "MS P Gothic", "ヒラギノ角ゴシック", "ヒラギノ角ゴ ProN", "メイリオ", "MS Pゴシック", Helvetica, sans-serif;
  font-size: 1.8rem;
  -webkit-text-size-adjust: 100%;
  position: relative;
  z-index: 1;
  color: #222222;
  background-color: #FFFFFF;
  font-weight: 300;
  line-height: 1.6;
}

a {
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

picture {
  display: block;
}