@charset "UTF-8";
/*----------------------------------------------------
グローバルナビブレイクポイント
----------------------------------------------------*/
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/* 反転*/
/* 文字幅が指定幅を超えたときに「...」を表示する */
/*----------------------------------------------------
ホバーで画像拡大。下記例。li要素にの中に下記のように入れる
----------------------------------------------------*/
/* 
  <li>
    <a href="./about">
      <div class="imageArea">
        <img src="asset/images/home/contents_about_sp.jpg" alt="" class="change">
      </div>                
    </a>
  </li>
*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
親要素よりも幅を超えて表示
----------------------------------------------------*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
読み込み
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/* Light/Medium */
/* Regular/Medium */
/* 游明朝体 Regular/Medium */
/* 游明朝体 Demibold */
/* 游明朝体 extrabold */
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* ボタン 「く」の字型*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
/*----------------------------------------------------
グローバルナビブレイクポイント
----------------------------------------------------*/
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/* 反転*/
/* 文字幅が指定幅を超えたときに「...」を表示する */
/*----------------------------------------------------
ホバーで画像拡大。下記例。li要素にの中に下記のように入れる
----------------------------------------------------*/
/* 
  <li>
    <a href="./about">
      <div class="imageArea">
        <img src="asset/images/home/contents_about_sp.jpg" alt="" class="change">
      </div>                
    </a>
  </li>
*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
親要素よりも幅を超えて表示
----------------------------------------------------*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
読み込み
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/* Light/Medium */
/* Regular/Medium */
/* 游明朝体 Regular/Medium */
/* 游明朝体 Demibold */
/* 游明朝体 extrabold */
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* ボタン 「く」の字型*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
/* 下からフワッと出てくる */
/* 上にスッと消える*/
/* 下にスッと消える*/
/* 左からスッと出てくる*/
/* 右からスッと出てくる*/
/*----------------------------------------------------
地域医療連携室
----------------------------------------------------*/
#collaboration_room .intro {
  margin-bottom: 30px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #collaboration_room .intro {
    margin-bottom: 60px;
  }
}
#collaboration_room .lt ul {
  list-style: none;
  margin-left: 1.2em;
}
#collaboration_room .lt ul > li {
  position: relative;
}
#collaboration_room .lt ul > li::before {
  content: "・";
  position: absolute;
  left: -1.2em;
}
#collaboration_room .item {
  margin-bottom: 30px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #collaboration_room .item {
    margin-bottom: 50px;
  }
}

/*----------------------------------------------------
精神医学教室Q&A
----------------------------------------------------*/
#question .intro {
  margin-bottom: 30px;
}
#question .demonstration {
  margin-bottom: 60px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #question .demonstration {
    margin-bottom: 80px;
  }
}
#question .author {
  text-align: right;
  margin: 30px 0;
  /* 751- */
}
@media all and (min-width: 751px) {
  #question .author {
    margin: 50px 0;
  }
}
#question .attention {
  color: #A3A3A3;
}
#question .lt_question li {
  margin-bottom: 60px;
  /* 751- */
}
@media all and (min-width: 751px) {
  #question .lt_question li {
    margin-bottom: 80px;
  }
}
#question .question {
  color: #1E9F9F;
  font-weight: bold;
  margin-bottom: 20px;
}
/*# sourceMappingURL=consultation.css.map */