@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 診療案内 ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページタイトル
-----------------------------------------------------------------------------------*/

#pgTitle { background-image:url(../image/pgTitle_bg.jpg); }


/*----------------------------------------------------------------------------------------------------

  メニュー一覧
  
----------------------------------------------------------------------------------------------------*/

.menuList a,
.menuList a:visited,
.menuList a:hover { color:inherit; text-decoration:none; }
.ua-pc .menuList a:hover { color:#beaa64; text-decoration:none; }

.menuList {
  background-color:#f8f6ef;
}

.menuList_ct {
  max-width:1220px;
  margin-left:auto;
  margin-right:auto;
}

.menuList_ct dl {
  box-sizing:border-box;
}

.menuList_ct dt {
  box-sizing:border-box;
  padding-bottom:1.75rem;
}

.menuList_ct dt span {
  display:inline-block;
  text-align:center;
  font-weight:500;
  font-size:156.2%;
  line-height:1;
}

.menuList_ct dt span small {
  font-size:50%;
  color:#beaa64;
  font-weight:200;
}

.menuList_ct dd {
  background-color:#fff;
}

.menuList_ct dd ul {
  list-style:none;
  padding:0.75rem 0.5rem 1.75rem 0.5rem;
  text-align:left;
  line-height:1.4;
}

.menuList_ct dd li {
  width:50%;
  float:left;
  box-sizing:border-box;
  padding:0 0.75rem;
}

.menuList_ct dd li a {
  display:block;
  border-bottom:1px solid #ebebeb;
  padding-top:1rem;
  padding-left:2.25em;
  padding-right:1rem;
  padding-bottom:1rem;
}

.menuList_ct dd li a:before { top:1em; left:0.7em; }

@media print,screen and (min-width:641px) {
  .menuList {
    padding-top:80px;
    padding-bottom:80px;
    margin-top:20px;
  }
  
  .menuList_ct dl {
    width:50%;
    float:left;
    padding-left:20px;
    padding-right:20px;
  }
}

@media screen and (max-width:640px) {
  .menuList {
    padding-top:3rem;
    padding-bottom:2rem;
    padding-left:1rem;
    padding-right:1rem;
    margin-top:1rem;
  }
  
  .menuList_ct dl:last-child { margin-top:3rem; }
  .menuList_ct dd .responBlock { width:600px; }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.menu a,
.menu a:visited,
.menu a:hover { color:inherit; text-decoration:underline; font-weight:400; }
.ua-pc .menu a:hover { color:#beaa64; text-decoration:none; }

.menu {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.menuBox {
  position:relative;
}

.menuBox_hd {
  font-weight:500;
  font-size:137.5%;
  color:#beaa64;
  padding-bottom:0.75rem;
  padding-left:1.75rem;
}

.menuBox_hd:before {
  content:"◆";
  font-size:108.5%;
  margin-left:-1.25rem;
  margin-right:0.5rem;
}

.menuBox_body {
  padding-left:2.25rem;
}

.menuBox_body a {
  display:inline-block;
}

@media print,screen and (min-width:641px) {
  .menu {
    padding-top:20px;
    padding-bottom:100px;
  }
  
  .menuBox {
    padding-left:3.75rem;
    padding-right:3.75rem;
    padding-top:60px;
  }
}

@media screen and (max-width:640px) {
  .menu {
    padding:0.25rem 1rem 2.75rem 1rem;
  }
  
  .menuBox {
    padding-top:2.25rem;
  }
}