@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/syougai_top_header_slide01.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: #ffdba6;
}

/*--------------------------------------------------------------
  パーソナル情報エリア
---------------------------------------------------------------*/
#home_infoarea {
  height: 0;
  padding-bottom: 50.714286% /* 710/1400 */;
  max-height: 710px;
  margin-bottom: -104px;
}
.home_catch {
  position: relative;
  top: 35px;
  width: 482px;
  height: 210px;
  background: -moz-linear-gradient(left, rgba(227,136,0,1) 0%, rgba(245,245,245,0) 100%);
  background: -webkit-linear-gradient(left, rgba(227,136,0,1) 0%,rgba(245,245,245,0) 100%);
  background: linear-gradient(to right, rgba(227,136,0,1) 0%,rgba(245,245,245,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e38800', endColorstr='#00f5f5f5',GradientType=1 );
  padding: 55px 0 0 45px;
  box-sizing: border-box;
}
.home_catch h2 {
  font-size: 48px;
}
.home_catch span {
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin: 55px 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/syougai_top_intro_bg_img.jpg) no-repeat 0 0;
  background-size: cover;
}
#intro > .inner {
  padding-top: 120px;
}
.intro-heading {
  width: 670px;
  float: left;
}

/* ページ見出し */
.page-heading {
  margin: 0 0 60px -0.125em;
}

.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
--------------------------------------------------*/

/*--------------------------------------------------
  障がい者グループホーム - 201809
--------------------------------------------------*/
#group-home {
  padding: 60px 0 40px;
  background-color: #efd5a7;
}
#group-home > .inner {
  background: url(../images/syougai_top_gh_illust.png) no-repeat right top;
  background-size: 457px 228px;
}
#group-home h2 {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}
img.illust {
  position: absolute;
  top: 0;
  right: 0;
}
.gh-summary {
  width: 87.333333%;
  margin: 80px auto 0;
}
.gh-summary h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 40px;
}
.gh-summary p {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 60px;
}
.what-gh {
  position: relative;
  border: solid 1px #a8d06a;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 55px 60px 40px;
  margin-bottom: 90px;
}
.what-gh h4 {
  font-size: 24px;
  font-weight: bold;
  color: #a8d06a;
  margin-bottom: 0.5em;
}
.what-gh span {
  font-size: 17px;
  line-height: 1.5;
}
.clover {
  position: absolute;
  top: 0;
  left: -10px;
  transform: scale(0.785);
  transform-origin: left top;
}
.bleu-area {
  background-color: #fffae0;
}