@charset "UTF-8";

/*--------------------------------------------------------------
  home top
---------------------------------------------------------------*/
#home_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 955px;
  /*
  height: 0;
  padding-bottom: 57.857143%;
  background: url(../images/hoiku_con_header_img2.jpg) no-repeat 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: #fdbfdb;
}

.pc{
}
.sp{
display: none;
}
/*--------------------------------------------------------------
  パーソナル情報エリア
---------------------------------------------------------------*/
#home_infoarea {
  height: 0;
  /* padding-bottom: 57.857143%; */
  padding-bottom: 48.857143%;
  max-height: 706px;
  color: #000000;
  /* margin-bottom: -154px; */
  margin-bottom: 0;
}
#home_infoarea p {
  text-shadow: none;
}

/* パンくず - 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;
}

.home_catch {
  width: 93.333333%;
  margin: 0 auto;
}
.home_catch h2 {
  position: relative;
  top: 80px;
  font-size: 48px;
  line-height: 1.3;
  width: 50%;
 box-sizing: border-box;
}
.home_catch p {
  position: relative;
  top: 180px;
  font-size: 16px;
  line-height: 1.8;
  width: 50%;
  box-sizing: border-box;
}

/*--------------------------------------------------------------
  メインエリア
---------------------------------------------------------------*/
/* Add 201809 */
#home_mainarea {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
/*--------------------------------------------------------------
sec01
---------------------------------------------------------------*/
#sec01 {
  padding: 60px 0;
}
.sec01-intro {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 20px;
}


.sec01_heading{
margin: 45px 0 0;
}
.sec01_heading .con-heading {
  width: 41%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
}
.sec01_heading p {
  width: 58%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.7;
}

#sec01 .con{
margin: 60px 0 0;

}

#sec01 .con .mainpc{
float:left;

}
#sec01 .con .RTxt{
float:right;
width:570px;
line-height: 1.4;
}
#sec01 .con .RTxt h3{
font-size: 20px;
margin: 0 0 5px;
}
#sec01 .con .txt01{
margin: 0 0 40px;
}
#sec01 .con .txt01 p{
font-size: 14px;
border-top:5px solid #f8b62b;
border-bottom:5px solid #f8b62b;
padding:10px 0;
margin: 5px 0 0;
}
#sec01 .con .txt02{
margin: 0 0 40px;
}
#sec01 .con .txt02 p{
font-size: 14px;
border-top:5px solid #98cbd8;
border-bottom:5px solid #98cbd8;
padding:10px 0;
margin: 5px 0 0;
}
#sec01 .con .txt03{

}
#sec01 .con .txt03 p{
font-size: 14px;
border-top:5px solid #dadf00;
border-bottom:5px solid #dadf00;
padding:10px 0;
margin: 5px 0 0;
}

/*--------------------------------------------------------------
 sec02
---------------------------------------------------------------*/
#sec02 {
  padding: 60px 0;
  background: #f4f9ff;
}
.sec02_heading .con-heading {
  width: 41%;
  display: inline-block;
  vertical-align: middle;
   line-height: 1.4;
}
.sec02_heading p {
  width: 58%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.7;
}

#sec02 .con{
margin: 31px 0 0;
padding: 10px 0 10px;
/*background: #FFF;*/
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#sec02 .con01{
border: 5px solid #cd0100; 
}
#sec02 .con02{
/*border: 5px solid #007d42; */
}
#sec02 .con .head{
width:1100px;
margin: 0 auto;
}
#sec02 .con .head h3{
float:left;
font-size: 20px;
line-height: 1.4;
}
#sec02 .con01 .head h3{
color: #cd0100;
}
#sec02 .con02 .head h3{
color: #007d42; 
}
#sec02 .con .head .logo{
float:right;
width:110px;
}
#sec02 .con .head p{
float:left;
font-size: 14px;
line-height: 1.6;
margin: 0 0 0 20px;
}
#sec02 .con ul{
width:960px;
margin: 30px auto 0;
}
#sec02 .con ul li{
float: left;
width:300px;
margin: 0 10px 0;
}
#sec02 .con01 ul li{
height: 265px;
}
#sec02 .con02 ul li{
height: 250px;
}
#sec02 .con ul li p{
font-size: 14px;
line-height: 1.4;
margin: 10px 0 0 ;
}
/*--------------------------------------------------------------
 sec03
---------------------------------------------------------------*/
#sec03 {
  padding: 60px 0;
}
.sec03_heading .con-heading {
  width: 41%;
  display: inline-block;
  vertical-align: middle;
   line-height: 1.4;
}
.sec03_heading p {
  width: 58%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.7;
}
#sec03 ul{
width:100%;
margin: 75px auto 0;
}
#sec03 ul li{
float: left;
width:384px;
margin: 0 8px 0;
text-align: center;
}

#sec03 ul li p{
font-size: 15px;
margin: 0 0 5px;
}
#sec03 ul li img{
width:100%;
}
/*--------------------------------------------------------------
 sec04
---------------------------------------------------------------*/
#sec04 {
  padding: 60px 0 0;
  background: #e7f1c9;
}
.sec04_heading .con-heading {
  width: 41%;
  display: inline-block;
  vertical-align: middle;
   line-height: 1.4;
}
.sec04_heading p {
  width: 58%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.7;
}

#sec04 .backup{
background: #e7f1c9;
margin: 65px 0 0;
padding:40px 0 35px;
}
#sec04 .backup h3{
font-size: 26px;
}
#sec04 .backup .imgpc{
text-align: center;
margin: 40px 0 0;
width: 100%;
}
#sec04 .backup .imgsp{
display: none;
}
/*-------------------------------------------------------------
  catalog
-------------------------------------------------------------*/
.information{
background: url(../images/catalogbg2.jpg) center center;
background-size: cover;
}
#catalog .catalogimg{
width: 75px;
margin: 0 auto 20px;
}
.information .spbg{
display: none;
}
/*-------------------------------------------------------------
  介護施設・高齢者住宅 実例検索 - 201809
-------------------------------------------------------------*/
/* ページ見出し */
.page-heading {
  margin-bottom: 10px;
}

.exp-search form input[type="submit"] {
  background-color: #cc4984;
}
.scb-inner ul li em {
  background-color: #fdbfdb;
}

/*-------------------------------------------------------------
  施設建築 検索結果･最新実例 - 201809
-------------------------------------------------------------*/
#results, #example {
  border-bottom: solid 1px #e9ebeb;
}
#sec02,#sec03,#sec04{
margin-top:-81px;
padding-top:141px;
padding-bottom:60px;
}
#sec01,#sec03{
margin-bottom:60px;
}
#sec02,#sec04{
padding-top:81px;
}