@charset "UTF-8";
/*====================================
  ページ共通スタイル（common.css）
=====================================*/
* {
  /* 意図しない横幅が出ないように画面幅で強制改行を有効にする */
  word-break: break-all;
  -webkit-text-size-adjust: none;
}

html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  font: 15px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "A-OTF 新ゴ Pr6N", "A-OTF 新ゴ Pr6N R";
  line-height: 1.3;
}

img {
  border: none;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li, dl, dt, dd,
p {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-size: 100%;
  list-style: none;
}

a {
  text-decoration: none;
  color: #407ae5;
}

/*====================================
  トップ、下層共通レイアウト
=====================================*/
.viewFrame {
  /* 最大幅をつけて PC でも見やすくする */
  /*
      margin-left:auto;
      margin-right:auto;
      max-width: 320px;
  */
}

/* コンテンツ全体 */
#contents {
  width: 100%;
  margin: 15px auto 0 auto;
}

/* コンテンツ・枠 */
#container {
  margin: 15px 10px 0 10px;
}

/*====================================
  ヘッダー、フッター共通
=====================================*/
/* ホーム、メニュー、PC版リンクボタン要素 */
.navigation_1 {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #dddbdb;
}

.navigation_1 ul li {
  float: left;
}

.navigation_1 ul li.home a {
  display: block;
  width: 100px;
  height: 0;
  padding-top: 40px;
  overflow: hidden;
  background: url(../images/common/icon_home.png) 50% 50% no-repeat;
}

.navigation_1 ul li.menu a {
  display: block;
  width: 119px;
  height: 0;
  padding-top: 40px;
  overflow: hidden;
  background: url(../images/common/icon_menu.png) 50% 50% no-repeat;
}

.navigation_1 ul li.pc a {
  display: block;
  width: 98px;
  height: 0;
  padding-top: 40px;
  overflow: hidden;
  background: url(../images/common/icon_pc.png) 50% 50% no-repeat;
}

.navigation_1 ul li.home a {
  background-size: 84px 20px;
  -moz-background-size: 84px 20px;
  -webkit-background-size: 84px 20px;
  border-right: 1px solid #ffffff;
}

.navigation_1 ul li.menu a {
  background-size: 100px 20px;
  -moz-background-size: 100px 20px;
  -webkit-background-size: 100px 20px;
  border-right: 1px solid #ffffff;
}

.navigation_1 ul li.pc a {
  background-size: 79px 20px;
  -moz-background-size: 79px 20px;
  -webkit-background-size: 79px 20px;
}

/* 電話、医院のご案内リンクボタン要素 */
.navigation_2 {
  display: block;
  width: 300px;
  margin: 0 auto;
}

.navigation_2 ul li {
  float: left;
}

.navigation_2 ul li.tel a,
.navigation_2 ul li.access a {
  display: block;
  width: 145px;
  height: 0;
  padding-top: 53px;
  overflow: hidden;
}

.navigation_2 ul li.tel a {
  background-image: url(../images/common/btn_tel.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 145px 53px, auto;
  -moz-background-size: 145px 53px, auto;
  -webkit-background-size: 145px 53px, auto;
  margin: 0 10px 0 0;
}

.navigation_2 li.access a {
  background-image: url(../images/common/btn_access.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 145px 53px, auto;
  -moz-background-size: 145px 53px, auto;
  -webkit-background-size: 145px 53px, auto;
}

/*====================================
  ヘッダーのみ
=====================================*/
/* ロゴ */
header h1 {
  width: 300px;
  margin: 10px auto;
}
header h1 a {
  display: block;
  width: 300px;
  height: 0;
  padding-top: 43px;
  overflow: hidden;
  background-image: url("../../images/common/logo.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
header h1 span {
  display: block;
  text-align: center;
  margin-top: 1em;
  font-size: 3.68vw;
}

/*====================================
  フッターのみ
=====================================*/
/* 先頭へ戻る */
#gotop {
  width: 100%;
  margin: 20px auto 0 auto;
}

#gotop a {
  display: block;
  font-size: 1em;
  padding: 0.8em 0.55em 0.8em 0.8em;
  color: #ffffff;
  text-align: right;
  background-color: #407ae5;
  text-decoration: none;
}

footer {
  /* テキスト周り */
  /* 文字関連 */
}
footer div {
  margin: 0 10px 0 10px;
  padding-bottom: 20px;
}
footer h6 {
  padding: 14px 0 14px 0;
}
footer span {
  display: block;
  color: #407ae5;
  font-weight: bold;
}
footer small {
  display: block;
  font-size: 80%;
  background-color: #407ae5;
  color: #ffffff;
  padding: 10px 0;
  text-align: center;
}
footer .footer__schedule dt {
  color: #407AE5;
  font-weight: bold;
}
footer .footer__schedule dt:nth-of-type(n+2) {
  margin-top: 1em;
}

/*====================================
  下層ページ共通・複数・枠あり
=====================================*/
.radius_long {
  margin: 20px 0 20px 0;
}

.radius_long dt {
  background-color: #407ae5;
  color: #ffffff;
  padding: 0.8em;
  text-align: left;
}

.radius_long dt:first-child {
  border-radius: 6px 6px 0px 0px;
}

.radius_long dd {
  padding: 1em 1em 1em 1em;
  /*
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
  */
  background-color: #FFFFFF;
}

.radius_long dd:last-child {
  border-radius: 0px 0px 6px 6px;
  border-bottom: 1px solid #cccccc;
}

/*====================================
  下層ページ共通・単発・枠あり
=====================================*/
.radius_single {
  margin: 15px 0 0 0;
}

.radius_single dt {
  background-color: #407ae5;
  color: #ffffff;
  border: 1px solid #407ae5;
  border-radius: 3px 3px 0 0;
  padding: 0.8em;
  text-align: left;
}

.radius_single dd {
  padding: 1em 1em 1em 1em;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 15px 0;
}

.radius_single dd.last {
  margin: 0 0 20px 0;
}

.radius_single dd ul li {
  border-bottom: 1px dotted #cccccc;
  padding: 1em 0;
}

.radius_single dd ul li:first-child {
  padding: 0 0 1em 0;
}

.radius_single dd ul li.last {
  border-bottom: none;
}

/*====================================
  文字装飾
=====================================*/
.sectiontitle {
  background-image: -webkit-gradient(linear, right top, left top, from(rgb(78, 139, 254)), color-stop(52%, rgb(66, 124, 233)), to(rgb(54, 107, 213)));
  background-image: linear-gradient(-90deg, rgb(78, 139, 254) 0%, rgb(66, 124, 233) 52%, rgb(54, 107, 213) 100%);
  font-size: 120%;
  color: #ffffff;
  padding: 0.5em 0.5em;
}

.sectionSubtitle {
  display: block;
  color: #ffffff;
  font-size: 120%;
  text-align: center;
  background-color: #407ae5;
  border: 1px solid #407ae5;
  border-radius: 3px;
  padding: 0.45em 0;
}

.sectionSubtitle2 {
  display: block;
  font-size: 110%;
  color: #407ae5;
  font-weight: bold;
  border-left: 6px solid #407ae5;
  padding: 4px 0 4px 0.5em;
}

.sectionSubtitle3 {
  display: block;
  font-size: 105%;
  font-weight: bold;
  color: #407ae5;
  padding: 0 0 0 0;
}

/*====================================
  clearfix
=====================================*/
/* For modern browsers */
.cf:before, .cf:after {
  content: "";
  display: block;
  overflow: hidden;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}