@charset "utf-8";
/*** CSS Document 文字コード：utf-8を使用
 *地方独立行政法人知多半島総合医療機構 地域医療連携予約ネットワーク
 *知多半島総合医療センター
 *知多半島りんくう病
***/

/* ========== 色変数 ========== */
:root{
  --color-main: #4daa73;
  --color-main-hover: #239b54;
  --color-sub:  #6fa008;
  
  --color-link: #077b3a;
  --color-link-hover: #f9a791;
  
  --color-text: #333;/* #011f0e;*/
  --color-table-th: #e1ede4;
}

/* -------------------------------
   背景 
   ------------------------------- */
body{
  padding-bottom: 60px;
}
.site-footer {
  background-color: var(--color-table-th);
}

/* -------------------------------
   フッター 
   ------------------------------- */
.footer-inner {
  justify-content: bottom;
  padding-bottom: 5px;
}

/* -------------------------------
   ヘッダ
   ------------------------------- */
.site-header .brand h1{
  position: absolute;
  left: 70px; 
  top: 4px;
  margin:0; 
  padding:5px;
/* font-size: 18px; */
  font-weight: 500;
  color: var(--color-text);
  line-height: 1.4;
}

@media screen and (max-width: 550px) {
  .site-header .brand h1{
    font-size: 100%!important;
    position: absolute!important;
    left: 62px!important;
    top: 5px!important;
  }
}

@media screen and (max-width: 476px) {
  .site-header .brand h1{
    font-size: 90%!important;
  }
}

@media screen and (max-width: 438px) {
  .site-header .brand h1{
    font-size: 90%!important;
    position: absolute;
    left: 62px!important; 
    top: -1px!important;
    line-height: 1.3;
  }
}

.hp-title {
  color: #007d33!important;
}

/* -------------------------------
   お知らせ
   ------------------------------- */
.news-head:hover{ background: #e8f1eb!important; }
.news-head.is-open{ background: #e8f1eb!important;}
.news-head.is-open:hover{ background: #e8f1eb!important;}