@charset "UTF-8";
/* スマホ用CSS */
/* =========================================
共通
========================================= */
/* elements
---------------------------------------*/
br.sp {
  display: block; }

/* construction
---------------------------------------*/
.contents {
  padding-bottom: 10px; }

.pc {
  display: none !important; }

/* typography
---------------------------------------*/
.contents .catch {
  font-size: 24px;
  margin-bottom: 30px; }

/* header
---------------------------------------*/
header {
  padding: 0;
  position: fixed;
  z-index: 1;
  border-bottom: 1px solid #ccc; }

#nav_pc {
  display: none; }

#nav_header_sub {
  display: none; }

#main_sp > li {
  width: 100%;
  background: #e9f4ee; }

#main_sp > li a {
  padding: 15px 20px;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  background: #d6e4dd; }

#main_sp > li a:hover {
  text-decoration: none;
  background: #89BBA3; }

#main_sp > li a:before {
  content: "\f138";
  margin-right: 5px;
  font-family: 'FontAwesome'; }

#main_sp > li .sub-menu li a {
  padding-left: 30px;
  font-size: 13px;
  background: #e9f4ee; }

#main_sp > li .sub-menu li a:before {
  content: "\f105";
  margin-right: 5px;
  font-family: 'FontAwesome'; }

#main_sp > li a[title="noevent"] {
  background: #d6e4dd; }

#main_sp > li a[title="noevent"]:before {
  content: ""; }

#main_sp .menu-item-has-children > a {
  font-weight: bold; }

.drawer-hamburger {
  display: block;
  padding: 10px .6rem 20px;
  top: 1%; }

.drawer-nav {
  width: 19rem; }

.drawer--right .drawer-nav {
  right: -19rem; }

.drawer--right.drawer-open .drawer-hamburger {
  right: 19rem; }

.logo {
  padding-right: 50px;
  display: block;
  float: none;
  margin-top: 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  background: #fff;
  max-width: 100%;
  padding-top: 0; }

.logo img {
  max-width: 240px;
  vertical-align: middle; }

#bnr_tel {
  margin-right: auto;
  margin-left: auto;
  float: none;
  display: block;
  width: 100%;
  padding-top: 90px; }

/* footer
---------------------------------------*/
footer .row {
  padding: 0; }

.footer_wrap {
  display: block; }

.footer_l {
  text-align: center;
  margin: 0; }

.footer_l .name {
  margin: 0 auto; }

.footer_r {
  width: 100%; }

.footer_r ul li:last-child {
  border-bottom: 1px solid #fff; }

.nav_footer .row {
  padding: 0; }

.nav_footer ul > li {
  display: block;
  box-sizing: border-box;
  border-top: 1px solid #fff;
  background-position: 10px 20px;
  padding: 0; }

.nav_footer ul > li a {
  background-color: #89bba3;
  color: #fff;
  padding: 10px 5px 10px 20px;
  display: block;
  width: 100%;
  height: 100%; }

.nav_footer ul > li a:hover {
  background-color: #a8cbba;
  text-decoration: none; }

.group {
  float: none;
  width: 90%;
  text-align: center;
  margin: 10% 5%; }

#tree {
  right: 0;
  margin: 0 auto;
  position: static; }

/************************************
トップページ
************************************/
.slider_wrap {
  margin-top: 54px; }

/* 空室情報
----------------------------------*/
.top_facility {
  margin: 60px 0 10px; }

.top_facility h2 {
  left: -30px;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.top_facility_l {
  float: none;
  width: 100%;
  margin-bottom: 20px; }

.top_facility_l img {
  z-index: 0; }

.top_facility_r {
  float: none;
  width: 100%;
  margin-left: 0;
  padding-left: 0; }

.top_facility_r .label {
  display: block;
  width: 80px;
  margin: 10px 0; }

.top_facility_r .capacity,
.top_facility_r .vacancy {
  display: block;
  margin-right: 0; }

.top_facility_r .capacity .label,
.top_facility_r .vacancy .label {
  display: inline-block;
  margin-right: 10px; }

/* 居宅介護・訪問介護
----------------------------------*/
#top_kyotaku_houmon {
  display: block; }

#top_kyotaku_houmon > div {
  width: 100%;
  padding: 30px 30px 60px 30px;
  box-sizing: border-box;
  text-align: center;
  position: relative; }

.top_kyotaku_houmon_inner {
  width: 100%;
  max-width: 100%; }

.top_kyotaku_houmon_img {
  margin-right: auto;
  margin-left: auto; }

.top_kyotaku_houmon_img img {
  position: static; }

.top_kyotaku_houmon_text {
  text-align: center; }

.top_kyotaku_houmon_text h2 {
  margin: 20px 0; }

#top_kyotaku .top_kyotaku_houmon_inner,
#top_houmon .top_kyotaku_houmon_inner {
  float: none; }

#top_kyotaku .top_kyotaku_houmon_inner img,
#top_houmon .top_kyotaku_houmon_inner img {
  max-width: 100%; }

#top_kyotaku .top_kyotaku_houmon_inner .top_kyotaku_houmon_img,
#top_houmon .top_kyotaku_houmon_inner .top_kyotaku_houmon_img {
  float: none; }

#top_kyotaku .top_kyotaku_houmon_inner .top_kyotaku_houmon_text,
#top_houmon .top_kyotaku_houmon_inner .top_kyotaku_houmon_text {
  float: none;
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
  padding-right: 0; }

.detail {
  position: static;
  margin-top: 18px; }

.detail a {
  font-size: 20px; }

.detail a:hover {
  text-decoration: none; }

.detail a .fa {
  margin-right: 5px; }

/* ブログ
----------------------------------*/
#top_post {
  padding: 20px 0; }

.top_post_box {
  width: 100%;
  height: auto; }

#top_info {
  margin-bottom: 20px; }

/* PR
----------------------------------*/
.pr {
  padding: 20px 0; }

.pr img {
  width: 100%;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none; }

.pr img:first-child {
  margin-right: auto; }

/************************************
固定ページ共通
************************************/
.page_h1 {
  margin: 60px 0 20px;
  font-size: 24px; }

.content h2 {
  text-align: center; }

.contact {
  padding: 20px;
  margin-top: 20px; }

.contact h2 {
  font-size: 14px; }

.contact .contact_tel {
  font-size: 30px; }

.contact .contact_tel span {
  font-size: 13px; }

.contact .to_form a {
  max-width: 100%; }

/************************************
施設情報（一覧）
************************************/
.facility_box img {
  width: 100%;
  max-width: 100%; }

.facility_box_left {
  float: none;
  width: 100%; }

/************************************
施設情報（個別）
************************************/
#facility h3 {
  border-left: 0;
  text-align: center; }

.facility_img {
  float: none;
  width: 100%;
  margin-bottom: 10px; }

.facility_summary {
  float: none;
  width: 100%;
  margin-left: 0;
  padding-left: 0; }

.tb_facility_wrap {
  float: none;
  margin-right: 0;
  padding-right: 0; }

.indoorview {
  width: 100%;
  margin-bottom: 40px; }

.indoorview iframe {
  width: 100%; }

.tb_facility th, .tb_facility td {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center; }

.tb_facility th {
  background: #759e8a; }

.tb_facility td {
  padding: 10px; }

.map {
  width: 100%; }

.to_gmap {
  margin-bottom: 30px;
  text-align: center; }

/************************************
居宅介護
************************************/
#page_kyotaku dd img {
  float: none;
  margin-left: 0;
  margin-bottom: 20px;
  max-width: 360px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.kyotaku_contact table th, .kyotaku_contact table td {
  width: 100%;
  display: block;
  box-sizing: border-box; }

.kyotaku_contact table th {
  background: #9ec1af;
  color: #fff; }

.kyotaku_contact table td {
  padding: 20px; }

/************************************
フログ
************************************/
#blog {
  padding: 0; }

#contents_left {
  float: none;
  width: 100%;
  margin-right: 0;
  padding-right: 0; }

#contents_left_inner {
  padding: 20px; }

.content table th, .content table td {
  display: block;
  width: 100%;
  box-sizing: border-box; }

#contents_right {
  float: none;
  width: 100%;
  padding: 0;
  box-sizing: border-box; }

#contents_right_inner {
  width: 100%;
  padding: 0;
  border: none; }

.contents_box h1 {
  font-size: 20px;
  font-weight: bold; }

.widgettitle {
  margin-bottom: 0;
  padding: 10px; }

.widgettitle:after {
  content: "\f13a";
  margin-left: 5px;
  font-family: 'FontAwesome';
  position: relative;
  display: inline-block;
  transition: all .1s linear; }

.open:after {
  transform: rotate(180deg); }

.widget {
  border-bottom: 1px solid #fff; }

.widget > ul {
  display: none; }

.widget > ul > li {
  background-color: #ffffff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF4F4F4');
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
  border-bottom: 1px solid #ccc;
  margin-left: 0; }

.widget > ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box; }

.widget > ul > li a:active, .widget > ul > li a:hover {
  text-decoration: none; }

/************************************
お問い合わせ
************************************/
div.wpcf7 table th {
  text-align: left; }

div.wpcf7 table td {
  padding: 10px; }

div.wpcf7 input {
  margin-bottom: 0; }

span.wpcf7-not-valid-tip {
  margin-bottom: 0px; }

/*# sourceMappingURL=style-sp.css.map */