@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 - パーツ定義
 * ------------------------------------------ */
/*--- 矢印 ---*/
/*--- 丸ボーダー ---*/
/*--- ボーダー ---*/
.medical .l-nav__list {
  gap: 1.2rem 3rem;
}
.medical__top {
  background: url(../../img/medical/img_bg.png) center right/auto 100% no-repeat;
  padding: 4rem 0;
  height: fit-content;
  min-height: 60rem;
  display: flex;
  align-items: center;
}
.medical__top__block {
  max-width: 48rem;
}
.medical__top__block .text {
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .medical__top {
    background: none;
    padding-bottom: 0;
    flex-direction: column;
    gap: 4rem 0;
  }
  .medical__top::after {
    content: "";
    width: 100%;
    height: 30rem;
    display: block;
    background: url(../../img/medical/img_bg.png) bottom right/130% no-repeat;
  }
  .medical__top__block {
    max-width: 100%;
  }
}
.medical__contents ul li:not(:last-child) {
  margin-bottom: 1.6rem;
}
.medical__contents ul li .heading {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}
.medical__contents ul li > ul {
  padding-left: 4rem;
}
.medical__contents ul li:has(.heading) {
  margin: 3.2rem 0 0;
}
.medical__contents .c-headSub {
  margin: 5.6rem 0 2.4rem;
}
.medical__contents .c-nomalBtn {
  margin-top: 2.4rem;
}
.medical__contents .text {
  line-height: 1.8;
}
.medical__contents__top ul li:not(:last-child) {
  margin-bottom: 2.4rem;
}
.medical__contents__top ul li > ul {
  padding-left: 7.7rem;
  margin-top: 1.6rem;
}
.medical__contents__top ul li > ul li:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767.9px) {
  .medical ul li > ul {
    padding-left: 1em;
  }
  .medical ul li:has(.heading) {
    margin: 3rem 0 0;
  }
  .medical .c-headSub {
    margin: 5rem 0 2rem;
  }
  .medical .c-nomalBtn {
    margin-top: 2rem;
  }
  .medical__top ul li:not(:last-child) {
    margin-bottom: 2rem;
  }
  .medical__top ul li > ul {
    padding-left: 1em;
  }
}