@charset "UTF-8";

/*--------------------------------------------------------------
  home top
---------------------------------------------------------------*/
#home_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 58.142857% /* 814/1400 */;
  min-height: 814px;
  /*
  background-image: url(../images/hospital_top_header_img.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  */
}

/* BxSlider - overwrite */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #aadbfe;
}

/*--------------------------------------------------------------
  パーソナル情報エリア
---------------------------------------------------------------*/
#home_infoarea {
  height: 0;
  padding-bottom: 50.714286% /* 710/1400 */;
  max-height: 710px;
  margin-bottom: -104px;
}
.home_catch {
  position: relative;
  top: 35px;
  /* width: 482px; */
  width: 100%;
  height: 210px;
  /*
  background: url(../images/hospital_top_header_heading_bg.png) no-repeat 0 0;
  */
  background: -moz-linear-gradient(left, rgba(68,151,204,1) 0%, rgba(245,245,245,0) 100%);
  background: -webkit-linear-gradient(left, rgba(68,151,204,1) 0%,rgba(245,245,245,0) 100%);
  background: linear-gradient(to right, rgba(68,151,204,1) 0%,rgba(245,245,245,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4497cc', endColorstr='#00f5f5f5',GradientType=1 );
  padding: 55px 0 0 45px;
  box-sizing: border-box;
}
.home_catch h2 {
  font-size: 48px;
}
.home_catch h2 small {
  font-size: 0.375em;
}
.home_catch span {
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin: 45px 0 0 0.125em;
}
#home_infoarea p {
  position: relative;
  top: 80px;
  left: 35px;
}
/* パンくず - 201809 */
.breadcrumb-list {
  color: #000000;
  margin-top: 0;
  padding-top: 15px;
  /*
  text-shadow: 1px 1px 1px rgba(89,87,87,1);
  */
}
.breadcrumb-list a {
  color: #000000;
}

/*--------------------------------------------------------------
  メインエリア
---------------------------------------------------------------*/
/* Add 201809 */
#home_mainarea {
  top: 0;
  width: 100%;
}

/*-------------------------------------------------------------
  ミサワホームの医療施設建築・開業 - 201809
-------------------------------------------------------------*/
#intro {
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 58%;
  background: url(../images/hospital_top_intro_bg_img.jpg) no-repeat 0 0;
  background-size: cover;
}
#intro > .inner {
  padding-top: 120px;
}
.intro-heading {
  width: 700px;
  float: left;
}

/* ページ見出し */
.page-heading {
  margin-bottom: 35px;
}
.page-heading small {
  font-size: 16px;
  line-height: 1.8;
  display: block;
  padding-left: 2.75em;
}

.intro-heading p {
  font-size: 16px;
  line-height: 1.8;
}
ul.intro-nav {
  width: 340px;
  float: right;
}
ul.intro-nav li {
  width: 100%;
  height: 76px;
  font-size: 16px;
  border: solid 1px #e5e5e5;
  background-color: #ffffff;
}
ul.intro-nav li:not(:first-of-type) {
  margin-top: 10px;
}
ul.intro-nav li a {
  color: #000000;
  display: block;
}
ul.intro-nav li img, ul.intro-nav li span {
  display: inline-block;
  vertical-align: middle;
}
ul.intro-nav li span {
  padding-left: 1em;
  line-height:25px;
}

/*--------------------------------------------------
  開業医・患者様の声 - 201809
--------------------------------------------------*/
#voice > .inner {
  padding: 60px 0 50px;
}
.voice-unit {
  width: 49%;
  float: left;
}
.voice-unit:first-of-type {
  margin-right: 1.5%;
}
.voice-unit h3 {
  font-size: 18px;
}
.voice-unit ul li {
  width: 50%;
  float: left;
  margin-top: 15px;
}
.voice-unit ul li a {
  color: #2b2b2b;
  display: block;
}
.voice-unit ul li img, .voice-unit ul li span {
  display: inline-block;
  vertical-align: middle;
}
.voice-unit ul li span {
  padding-left: 1em;
}

/*--------------------------------------------------------------
  カタログ請求・お問い合わせ
---------------------------------------------------------------*/
.cri-unit {
  background: rgba(232,252,255,0.8) /* #e8fcff */;
}


