@charset "UTF-8";

/*--------------------------------------------------------------
  home top
---------------------------------------------------------------*/
#home_top {
	top: 0;
    height: auto;
    max-height: initial;
    padding-bottom: 0;
    background-image: none;
}
.pc{
display: none;
}
.sp{
display:block;
}


/* Slider */
.bx-wrapper .bx-controls {
  width: 100% !important;
}
.bx-wrapper .bx-pager {
  padding-top: 10px;
}
ul.header-slider {
  position: relative;
  left: 0;
  overflow: hidden;
}
ul.header-slider li {
  width: 100%;
  height: auto;
}
ul.header-slider li a {
  width: 100%;
  height: 100%;
  display: block;
}

/*--------------------------------------------------------------
  パーソナル情報エリア
---------------------------------------------------------------*/
#home_infoarea {
    position: relative;
    top: -47px;
    left: 0;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    max-height: initial;
    margin-bottom: -47px;
    background-image: none;
    background: rgb(222,238,248);
    background: -moz-linear-gradient(top, rgba(222,238,248,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 61%, rgba(236,238,239,1) 79%);
    background: -webkit-linear-gradient(top, rgba(222,238,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 61%,rgba(236,238,239,1) 79%);
    background: linear-gradient(to bottom, rgba(222,238,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 61%,rgba(236,238,239,1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeef8', endColorstr='#eceeef',GradientType=0 );
}
.home_catch {
  width: 92.1875%;
}
.home_catch h2 {
  position: relative;
  top: 70px;
  font-size: 30px;
  width: 100%;
  float: none;
}
.home_catch p {
  position: relative;
  top: 90px;
  font-size: 15px;
  width: 100%;
  float: none;
  padding-left: 0;
}

/*--------------------------------------------------------------
  メインエリア
---------------------------------------------------------------*/
/*--------------------------------------------------------------
sec01
---------------------------------------------------------------*/
#sec01 {
  padding: 7.5% 0;
}
.sec01-intro {
  font-size: 16px;
  line-height: 1.8;
  margin-top: 20px;
}


.sec01_heading{
margin: 0;
}

.sec01_heading .con-heading {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
}
.sec01_heading p {
  width: 100%;
  display: block;
  font-size: 15px;
  line-height: 1.7;
}
.sa-map {
  margin-top: 20px;
}
#sec01 .con{
margin: 15px 0 0;
height:auto;
  background: none;
  position: relative;
}

#sec01 .con .mainpc{
float:none;
width:80%;
margin: 0 10% 20px;
}
#sec01 .con .RTxt{
float:none;
width:100%;
line-height: 1.4;
}
#sec01 .con .RTxt h3{
font-size: 16px;
margin: 0 0 3px;
}
#sec01 .con .txt01{
margin: 0 0 20px;
}
#sec01 .con .txt02{
margin: 0 0 20px;
}
#sec01 .con .txt01{
width: 100%;
position:static;
top:0;
right:0;
margin: 0 0 20px;
}
#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{
width: 100%;
position:static;
bottom:0;
left:0;
margin: 0 0 20px;
}
#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{
width: 100%;
position:static;
bottom:0;
right:0;
text-align: left;
}
#sec01 .con .txt03 p{
text-align: left;
font-size: 14px;
border-top:5px solid #dadf00;
border-bottom:5px solid #dadf00;
padding:10px 0;
margin: 5px 0 0;
}
/*--------------------------------------------------------------
 sec02
---------------------------------------------------------------*/
#sec02 {
  padding: 7.5% 0;
}
.sec02_heading .con-heading {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
}
.sec02_heading p {
  width: 100%;
  display: block;
  font-size: 15px;
  line-height: 1.7;
}

#sec02 .con{
margin: 20px 0 0;
padding: 0px 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:100%;
margin: 0 auto 10px;
}
#sec02 .con .head h3{
float:left;
font-size: 15px;
line-height: 1.4;
width:76%;
}
#sec02 .con01 .head h3{
color: #cd0100;
}
#sec02 .con02 .head h3{
color: #007d42; 
}
#sec02 .con .head .logo{
float:right;
width:22%;
}
#sec02 .con .head p{
float:left;
font-size: 12px;
line-height: 1.6;
width:100%;
margin: 10px 0 0 0;
}
#sec02 .con ul{
width:100%;
margin: 0px auto 0;
}
#sec02 .con ul li{
float: left;
width:49%;
margin: 0 2% 10px 0;
}
#sec02 .con ul li:nth-child(2n){
float: left;
width:49%;
margin: 0 0 10px;
}
#sec02 .con01 ul li{
height: auto;
}
#sec02 .con02 ul li{
height: auto;
}
#sec02 .con ul li p{
font-size: 12px;
line-height: 1.4;
margin: 8px 0 0 ;
}
/*--------------------------------------------------------------
 sec03
---------------------------------------------------------------*/
#sec03 {
  padding: 7.5% 0;
}
.sec03_heading .con-heading {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
}
.sec03_heading p {
  width: 100%;
  display: block;
  font-size: 15px;
  line-height: 1.7;
}
#sec03 ul{
width:100%;
margin: 30px auto 0;
}
#sec03 ul li{
float: none !important; 
width:90%;
margin: 0 5% 10px;
text-align: center;
}
#sec03 ul li:nth-child(4n){
margin: 0 10% 20px;
}
#sec03 ul li p{
font-size: 14px;
margin: 0 0 2px;
}
#sec03 ul li img{
width:100%;
}
/*--------------------------------------------------------------
 sec04
---------------------------------------------------------------*/
#sec04 {
  padding: 7.5% 0 0;
}
.sec04_heading .con-heading {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
}
.sec04_heading p {
  width: 100%;
  display: block;
  font-size: 15px;
  line-height: 1.7;
}
#sec04 .backup{
background: #e7f1c9;
margin: 45px 0 0;
padding:30px 0 25px;
}
#sec04 .backup h3{
font-size: 18px;
}
#sec04 .backup .imgpc{
display: none;
}
#sec04 .backup .imgsp{
display: block;
margin: 40px 0 0;
height: 260px;
}

/*-------------------------------------------------------------
  catalog
-------------------------------------------------------------*/
.information{
background: none;
}
#catalog .catalogimg{
width: 75px;
margin: 0 auto 20px;
}
.information .spbg{
display: block;
}
/*--------------------------------------------------------------
  jQuery.fancybox Overwrite
---------------------------------------------------------------*/
.fancybox-bg {
  background: #ffffff;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
}
.fancybox-image,
.fancybox-spaceball {
  height: 96%;
  width: 96%;
  top: 2%;
  left: 2%;

}
.fancybox-button {
  background-color: #21944b;
  height: 44px;
  padding: 0;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ffffff; }

.fancybox-button--zoom {
  display: none !important;
}


/*--------------------------------------------------------------
  介護施設・高齢者住宅 実例検索 - 201809
---------------------------------------------------------------*/
.scb-inner em.item-sp {
  background-color: #fdbfdb;
}

/*-------------------------------------------------------------
  施設建築 検索結果･最新実例 - 201809
-------------------------------------------------------------*/
#results, #example {
  border-bottom: solid 1px #e9ebeb;
}

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