@charset "UTF-8";
/* CSS Document */

li { list-style:none; }

a { text-decoration:none; }

img { vertical-align:bottom; }
	
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.ttl-orn {
	color:#EA5541;
	font-size:18px;
	margin:10px 0;
	padding-top:20px;
}

.ttl-orn:before {
	content:url(../images/icon-waterwheel.png);
	position:relative;
	top:5px;
}

.ttl-orn span {
	padding-left:5px;
}

.ttl-profile {
	font-size:18px;
	color:#FFF;
	background:#EA5504;
	border-radius:20px;
	display:inline-block;
	 padding:0 20px;
	 margin:10px 0;
	 font-weight:normal;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.pc {
	display: block;
}
.sp {
	display: none;
}


body {
	margin:0;
	padding:0;
	font-size:14px;
	color:#231815;
}




/* header
   ========================================================================== */

.inner {
    width: 950px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */

#top-head {
    width: 100%;
    margin: 10px auto 0;
    padding: 0;
    z-index: 999;
}

#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
}

#top-head #header-content {
	position:relative;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/header-bg.png) top center no-repeat;
	height:180px;
}

.header-left {
	float:left;
}

.header-left h1 {
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
}

.header-left p {
	margin:10px 0;
}

.header-left p a:hover {
	opacity:0.8;
}

.header-left .header-facilities ul {
	margin:8px 0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}

.header-left .header-facilities ul li {
	padding:0;
}

.header-left .header-facilities ul li:before {
	content:"●";
	color:#EA5541;
	padding-right:3px;
}

.header-right {
	float:right;
	margin-top:10px;
}

#menu {
	position:relative;
	clear:both;
	width:100%;
	margin: 10px auto 20px;
	padding:10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

#menu ul {
    margin:0 auto;
	padding:0;
	width:950px;
}

#menu ul li {
    float:left;
	width:16.6%;
	height:30px;
	text-align:center;
}

#menu ul li:first-child {
	margin-left:0;
}

#menu ul li a {
	color:#231815;
	text-decoration:none;
	position:relative;
	line-height:2;
}

#menu ul li .li-b:hover { color:#4694D1; }
#menu ul li .li-g:hover { color:#ABC10D; }
#menu ul li .li-o:hover { color:#EA5541; }
#menu ul li .li-o02:hover { color:#F3994F; }
#menu ul li .li-v:hover { color:#BB8DBE; }
#menu ul li .li-p:hover { color:#F19EC2; }


#menu ul li a:before {
	content:"";
	background:url(../images/icon-clr.png) top left no-repeat;
	width:25px;
	height:25px;
	position:absolute;
	left:-35px;
	top:-5px;
}

#menu ul li:nth-child(1) a:hover:before {
	content:"";
	background:url(../images/icon-blu.png) top left no-repeat;
	
}
#menu ul li:nth-child(2) a:hover:before {
	content:"";
	background:url(../images/icon-grn.png) top left no-repeat;
}
#menu ul li:nth-child(3) a:hover:before {
	content:"";
	background:url(../images/icon-orn.png) top left no-repeat;
}
#menu ul li:nth-child(4) a:hover:before {
	content:"";
	background:url(../images/icon-orn02.png) top left no-repeat;
}
#menu ul li:nth-child(5) a:hover:before {
	content:"";
	background:url(../images/icon-vio.png) top left no-repeat;
}
#menu ul li:nth-child(6) a:hover:before {
	content:"";
	background:url(../images/icon-pnk.png) top left no-repeat;
}
 
 
 
 
 
 

 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 40px;
    height: 45px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
	top:2px;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}










/* main-contents
   ========================================================================== */

#main-contents    {
}

.container {
	width:950px;
	margin:0 auto;
	padding:0;
}

.contents-left {
	float:left;
}

.contents-right {
	float:right;
}




/* main-visual
   ========================================================================== */

#main-visual {
	background:url(../images/mainVisual.png) no-repeat top center;
	background-size:100% 100%;
	position:relative;
	padding-top: 56.25%;
	width:100%;
	height:100%;
}

#main-visual p {
	font-size: 12px;
    position: absolute;
    top: 5px;
	left: 165px;
}







/* 希望の郷について
   ========================================================================== */

#profile01 {
	background:url(../images/profile-bg.png) center center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	padding:30px 0;
}

#profile01 .ttl-orn {
	margin:0;
	padding:0;
}

/*　ごあいさつ　*/
.greeting {
	padding-top:250px;
}

.greeting h4 {
	font-size:26px;
	margin:20px 0 25px 0;
	line-height:1.8;
	text-shadow: 1px 1px 1px #FFF;
}

.greeting h4 span {
	font-size:20px;
}

.profile-sp {
	display:none;
}

.greeting p {
	font-size:18px;
	font-weight:600;
	line-height:1.8;
	margin-bottom:30px;
	text-shadow: 1px 1px 1px #FFF;
}

.representative {
	text-align:right;
	width:60%;
	text-shadow: 1px 1px 1px #FFF;
}

/*　スローガン　*/
.slogan {
	margin-top:10px;
}

.slogan p {
	margin:20px 0;
}

.slogan .txt-slogan-sp {
	display:none;
}





#profile02 {
	margin:30px 0;
	width:100%;
}


/*　5つの基本方針　*/
.basic-policy {
}

.basic-policy ol {
	line-height:1.8;
	margin:10px 0;
	font-weight:bold;
}

.basic-policy ol li {
	list-style:decimal;
	font-size:18px;
}


/*　法人概要　*/

.company-profile {
	overflow:hidden;
	width:950px;
	margin-top:20px;
}

.company-profile .contents-left {
	width:520px;
}

.company-profile .contents-right {
	width:380px;
	margin-left:50px;
}

.about {
	width:100%;
}

.about dl {
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.about dl dt {
	float:left;
	clear:both;
	width:100px;
	padding:10px 0;
	border-top:1px solid #ccc;
}

.about dl dd {
	margin-left:100px;
	padding:10px 0;
	border-top:1px solid #ccc;
}

.about dl dt:first-child,
.about dl dd:nth-child(2) {
	border-top:none;
}

/*　アクセス　*/
.access {
	width:100%;
}

.access h4 {
	font-size:22px;
	margin:10px 0;
}

.access p {
	font-size:14px;
}

.access-map {
	clear:both;
	width:100%;
}

.access-map p {
	margin:20px auto;
	width:615px;
}

#profile02 .contents-right p {
	text-align:right;
	margin:10px 0;
	font-size:18px;
}

#profile02 .contents-right p a {
	color:#231815;
	font-weight:bold;
	text-decoration:none;
}

#profile02 .contents-right p a:hover {
	color:#EA5504;
}

/*　information　*/
.information {
	width:100%;
	margin-top:30px;
}

.img-information {
	text-align:center;
	display:block;
}
.img-information-sp {
	text-align:center;
	display:none;
}




/* 施設のご案内
   ========================================================================== */
  
#facilities {
	background:#FFFEF2;
	width:100%;
	overflow:hidden;
	padding-bottom:100px;
}

.facilities-nav {
	overflow:hidden;
	width:950px;
}

.facilities-nav ul.tabs {
	width:950px;
	padding:0;
}

.facilities-nav ul.tabs li {
	float:left;
	margin-left:2%;
	width: 32%;
}

.facilities-nav ul.tabs li:first-child {
	margin-left:0;
}

.facilities-nav ul.tabs li a:hover {
	opacity:0.8;
}

.facilities-nav ul.tabs li img {
	max-width: 100%;
}

.facility-summary {
	width:100%;
	overflow:hidden;
}

.facility-summary .contents-left {
	width:45%;
}

.facility-summary .contents-right {
	margin-top:20px;
	width:55%;
}

.facility-summary .contents-right table {
	width:100%;
	line-height:1.7;
}

.facility-summary .contents-right table caption {
	text-align:left;
	font-weight:bold;
	font-size:18px;
	color:#231815;
	padding:0;
}

.facility-summary .contents-right table th {
	text-align:left;
	font-weight:normal;
	width:80px;
}

.facility-summary .contents-right table td {
}

.facility-summary > p {
	clear:both;
	float:left;
	margin-top:20px;
}

/*　スマホ用タブ非表示　*/
.facilities-nav ul.tabs-sp {
	display:none;
}





/*　特徴　*/

.feature {}

.feature h3 {
	font-size:20px;
}



/*　facility-service　*/

.facility-service {
	width: 100%;
}

.facility-service table {
	width: 100%;
}

.facility-service th {
	font-size: 30px;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

.facility-service td {
	font-size: 18px;
	padding: 20px 0 20px 30px;
	border-top: 1px solid #ccc;
}

.facility-service tr:last-child th , .facility-service tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.facility-service tr:nth-child(1) th {
	color: #EA5541;
}
.facility-service tr:nth-child(2) th {
	color: #00AA71;
}
.facility-service tr:nth-child(3) th {
	color: #E85298;
}
.facility-service tr:nth-child(4) th {
	color: #ABC10D;
}










/*　--------------------------

　　住宅型有料老人ホーム　のどか　

--------------------------　*/

#nodoka {
	width:100%;
	overflow:hidden;
	margin-top:50px;
}

.img-nodoka-completion {
	display:block;
}
.img-nodoka-completion-sp {
	display:none;
}



.feature-nodoka ol {
	padding:0;
	list-style: none;
    counter-reset: ol_li; /* ol_li カウンタをセットする(値もリセット) */
}

.feature-nodoka ol li:before {
  margin-right: 1em;
  counter-increment: ol_li; /* ol_li カウンタの値に1加える */
  content: counter(ol_li); /* before擬似要素のcontentで出力 */
  color: #ea5541; /* 色を変更 */
}

.feature-nodoka ol li {
	font-size:24px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.feature-nodoka ol li:first-child {
	border-top:1px solid #ccc;
}

.txt-orn-nodoka {
	color:#EA5541;
}

.txt-feature-nodokaS {
	font-size:20px;
}


.monthly-price {
	width:100%;
	margin-top:80px;
}



.floor-map {
	width:100%;
	margin-top:50px;
}

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

.contact-bottom-nodoka {
	display:block;
}
.contact-bottom-nodoka-sp {
	display:none;
}



/*　希望の郷 plan　*/

.kibounosato-plan {
	width: 100%;
	margin-top: 50px;
}

.kibounosato-plan p {
	font-size: 28px;
	font-weight: 600;
}

.introspection-nodoka01 {
	margin-top: 30px;
}

.introspection-nodoka01 span {
	font-size: 20px;
	font-weight: normal;
	display: block;
	text-align: center;
	padding-top: 30px;
}

.introspection-nodoka-room {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding: 0;
}

.introspection-nodoka-room li {
	float: left;
	width: 48%;
	margin-left: 4%;
}

.introspection-nodoka-room li:first-child {
	margin-left: 0;
}

.txt-introspection-nodoka-room {
	font-size: 30px;
	font-weight: 600;
	clear: both;
	padding-top: 30px;
}

.txt-introspection-nodoka-room span {
	font-size: 24px;
}




/*　---------------------------------

　住宅型有料老人ホーム 花畑（はなばたけ）　

---------------------------------　*/

#hanabatake {
	width:100%;
	overflow:hidden;
	margin-top:50px;
}

.introspection-hanabatake {
	margin-top: 50px;
}

.introspection-hanabatake span {
	font-size: 20px;
	display: block;
	text-align: center;
	padding-top: 20px;
}


.introspection-hanabatake-room01 {
	overflow: hidden;
	margin: 30px 0;
	border-bottom: 1px dotted #000;
	padding-bottom: 30px;
}

.introspection-hanabatake-room01 .contents-left {
	position: relative;
}

.introspection-hanabatake-room01 .contents-left p:before {
	content: url(../images/img-flower.png);
	position: absolute;
	left: 0;
}

.introspection-hanabatake-room01 .contents-left p {
	padding-top: 50px;
	padding-left: 200px;
}

.introspection-hanabatake-room02 {
	overflow: hidden;
	margin: 30px 0;
}

.introspection-hanabatake-room01 p , .introspection-hanabatake-room02 p {
	font-size: 18px;
	line-height: 1.8;
}


.access-hanabatake {
	margin-top: 50px;
	width: 100%;
}








/*　--------------------------------

　小規模多機能型居宅介護施設　きぼうの郷　

--------------------------------　*/

#kibounosato {
	width:100%;
	overflow:hidden;
	margin-top:50px;
}

#kibounosato > p {
	margin-top:20px;
}

.introspection-list {
	overflow:hidden;
	margin-top:40px;
}

.introspection-list ul {
	padding:0;
	margin:0;
	float:left;
}

.introspection-list ul li {
	float:left;
	margin-left:8px;
}

.introspection-list ul li span {
	display:block;
	padding-top:3px;
}

.introspection-list ul li:first-child {
	margin-left:0;
}

.feature-kibounosato {
}

.img-feature-sp {
	display:none;
}

.feature-kibounosato01 {
	width:100%;
	overflow:hidden;
	margin-top:50px;
}

.feature-kibounosato01 h3 {
	font-size:20px;
	margin:10px 0 20px 0;
}

.feature-kibounosato01 > div {
	width:25%;
	padding:0 15px;
	border-right:1px dashed #231815;
	float:left;
}

.img-feature-kibounosato {
	text-align:center;
}

.feature-kibounosatoBox01 {
	border-left:1px dashed #231815;
}

.feature-kibounosatoBox01 .persons {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.feature-kibounosatoBox02 {
}

.feature-kibounosatoBox03 {
}

.feature-kibounosatoBox03 p {
	text-align:center;
}

.feature-kibounosatoBox03 ol {
	padding:0 0 0 10px;
}

.feature-kibounosatoBox03 ol li {
	list-style:disc;
}

.feature-kibounosatoBox04 {
}

.feature-kibounosatoBox04 ol {
	padding:0 0 0 10px;
}

.feature-kibounosatoBox04 ol li {
	list-style:disc;
}


.feature-kibounosato02 {
	width:100%;
	overflow:hidden;
	margin-top:50px;
	line-height:2;
}

.feature-kibounosato02 h3 {
	font-size:20px;
	margin:20px 0 0 0;
}

.feature-kibounosato02 h3:first-child {
	margin:0;
}

.feature-kibounosato02 .contents-left {
	width:47%;
}

.feature-kibounosato02 .contents-left ol {
	padding:0 0 0 15px;
	margin:0;
}

.feature-kibounosato02 .contents-left ol li {
	list-style:disc;
}

.feature-kibounosato02 .contents-left p {
	margin-top:20px;
}

.feature-kibounosato02 .contents-right {
	width:47%;
}

.feature-kibounosato02 .contents-right ul {
	border-top:1px solid #231815;
	padding:14px 0 0 0;
	line-height:1.5;
}

.monthly-price-kibounosato {
	display:block;
}

.monthly-price-kibounosato-sp {
	display:none;
}

.feature-kibounosato .floor-map p {
	width:660px;
	margin:0 auto;
}

.contact-bottom-kibounosato {
	display:block;
}
.contact-bottom-kibounosato-sp {
	display:none;
}




/*　認可外保育所　*/

#nursery-center {
	width:100%;
	overflow:hidden;
	margin-top:50px;
}

#nursery-center > p {
	font-size:27px;
	font-weight:bold;
	margin-top:20px;
}









/* 関連事業のご案内
   ========================================================================== */

#related-business {
	background-color: #F5FBFA;
	width: 100%;
	padding-bottom:100px;
}

.mainvisual-tayori {
	margin-top: 50px;
}

#related-business h4 {
	font-size: 40px;
	margin-top: 50PX;
}

#related-business p {
	line-height: 1.8;
}

.home-care-type {
	overflow: hidden;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 50px;
}

.home-care-type01 {
	background: url(../images/home-care-type01.png) no-repeat;
	float: left;
	width: 32%;
	height: 329px;
	position: relative;
}

.home-care-type02 {
	background: url(../images/home-care-type02.png) no-repeat;
	float: left;
	width: 32%;
	height: 329px;
	margin-left: 2%;
	position: relative;
}

.home-care-type03 {
	background: url(../images/home-care-type03.png) no-repeat;
	float: left;
	width: 32%;
	height: 329px;
	margin-left: 2%;
	position: relative;
}

.home-care-type h5 {
	font-size: 35px;
	color: #FFF;
	position: absolute;
	top: 5%;
	left: 25%;
	margin: 0;
}

.home-care-type p {
	position: absolute;
	bottom: -45px;
	font-size: 18px;
}

.home-care-type03 p {
	left: 30%;
}


.home-care-overview {
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
}

.home-care-overview p {
	margin-bottom: 20px;
}


.contact-bottom .contents-left {
	padding-left: 10%;
}

.contact-bottom .contents-left ul {
	padding:0;
	font-size: 24px;
	line-height: 2;
}

.contact-bottom .contents-right {
	padding-right: 10%;
	margin-top: 70px;
}

.contact-bottom-tayori {
	clear: both;
	padding-top: 30px;
}

.access-tayori {
	margin-top: 50px;
	width: 100%;
}





/* 希望の郷スタッフ募集
   ========================================================================== */
   
#staff {
	background:#F4B4D0;
	width:100%;
	padding:30px 0 100px 0;
}

#staff .container {
	position: relative;
}

#staff .container:after {
	content: url(../images/img-staff.png);
	position: absolute;
	top: 80px;
	right: 80px;
}

#staff h2 {
	margin:0 0 20px 0;
	padding:0;
}

.staff-wanted {
	display:block;
}

.staff-wanted-sp {
	display:none;
}


#staff h3 {
	font-size: 40px;
	color: #FFF;
	margin-top: 0;
}

.txt-staff {
	font-size: 28px;
	font-weight: 600;
}

.txt-staff-contact {
	font-size: 54px;
	font-weight: 600;
}

.reception-time {
	font-size: 14px;
}




/* プライバシーポリシー
   ========================================================================== */

#privacy-policy {
	margin:30px  auto 100px;
	width:100%;
}

#privacy-policy h2 {
	font-size:150%;
	margin-bottom:20px;
}

#privacy-policy h2:before {
	content: "";
	border-left: 5px solid #ea5504;
    padding-right: 5px;
}
	

#privacy-policy dl {
	width:100%;
	margin-bottom:5px;
}

#privacy-policy dl dt {
	line-height:2;
}

#privacy-policy dl dd {
	line-height:2;
}

#privacy-policy dl ul {
	padding:0;
	line-height:2;
}




/* ページトップへ
   ========================================================================== */

    #pageTop {
      position: fixed;
      bottom: 40px;
      right: 20px;
    }

    #pageTop a {
      display: block;
      z-index: 999;
    }

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.8;
    }
	
	#pageTop a img {
		width:80%;
	}






/* footer
   ========================================================================== */
   
#footer {
	width:100%;
}

.footer-nav {
	width:100%;
	padding:10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

.footer-nav ul {
	width:950px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.footer-nav ul li {
	float:left;
	width:16.6%;
	height:30px;
	text-align:center;
}

.footer-nav ul li a {
	color:#231815;
	position:relative;
	line-height:2;
	
}

.footer-nav ul li .li-b:hover { color:#4694D1; }
.footer-nav ul li .li-g:hover { color:#ABC10D; }
.footer-nav ul li .li-o:hover { color:#EA5541; }
.footer-nav ul li .li-o02:hover { color:#F3994F; }
.footer-nav ul li .li-v:hover { color:#BB8DBE; }
.footer-nav ul li .li-p:hover { color:#F19EC2; }


.footer-nav ul li a:before {
	content:"";
	background:url(../images/icon-clr.png) top left no-repeat;
	width:25px;
	height:25px;
	position:absolute;
	left:-35px;
	top:-5px;
}

.footer-nav ul li:nth-child(1) a:hover:before {
	content:"";
	background:url(../images/icon-blu.png) top left no-repeat;
}
.footer-nav ul li:nth-child(2) a:hover:before {
	content:"";
	background:url(../images/icon-grn.png) top left no-repeat;
}
.footer-nav ul li:nth-child(3) a:hover:before {
	content:"";
	background:url(../images/icon-orn.png) top left no-repeat;
}
.footer-nav ul li:nth-child(4) a:hover:before {
	content:"";
	background:url(../images/icon-orn02.png) top left no-repeat;
}
.footer-nav ul li:nth-child(5) a:hover:before {
	content:"";
	background:url(../images/icon-vio.png) top left no-repeat;
}
.footer-nav ul li:nth-child(6) a:hover:before {
	content:"";
	background:url(../images/icon-pnk.png) top left no-repeat;
}

.footer-content {
	background:url(../images/footer-content-bg.png) top center no-repeat;
	background-color:#FFFEF2;
	height:185px;
}

.footer-content-nav {
	width:950px;
	margin:0 auto;
}

.footer-content-nav ul {
	padding:0;
	float:right;
}

.footer-content-nav ul li {
	float:left;
}

.footer-content-nav ul li a {
	color:#231815;
	padding:0 5px;
	border-left:1px solid #231815;
}

.footer-content-nav ul li:first-child a {
	border-left:none;
}

.footer-content-nav ul li a:hover {
	color:#E60012;
}

.footer-bottom {
	width:100%;
	background:#956F29;
	padding:10px 0;
}

.footer-bottom p {
	text-align:center;
	margin:0;
	color:#FFF;
}






@media screen and (max-width: 640px) {
	

body {
}
	
img {
	max-width : 100% ;
	height : auto ;
}

.ttl-orn {
	color:#EA5541;
	font-size:140%;
	margin:10px 0;
	padding-top:20px;
}


.pc {
	display: none;
}
.sp {
	display: block;
}





/* main-contents（スマホ）
   ========================================================================== */

#main-contents  {
	overflow:hidden;
	width:100%;
	margin-top:75px;
}

.container {
	width:100%;
	margin:0 auto;
	padding:0 3%;
}

.contents-left {
	float:none;
}

.contents-right {
	float:none;
}

.br-sp { display:none; }





/* main-visual　（スマホ）
   ========================================================================== */

#main-visual {
	background:url(../images/mainVisual-sp.png) no-repeat top center;
	background-size:100% 100%;
	position:relative;
	padding-top: 0;
	width:100%;
	height:301px;
}

#main-visual p {
	display:block;
	position:absolute;
	top:auto;
	bottom:0;
	left:10px;
	font-size:65%;
	margin:0;
	color:#000;
	font-weight:600;
}
	






/* 希望の郷について（スマホ）
   ========================================================================== */

#profile01 {
	background:url(../images/profile-bg-sp.png) top center no-repeat;
	background-size:100% auto;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:0;
}


#profile01 .ttl-orn {
	margin:10px 0;
	padding-top:40px;
}

.ttl-profile {
	font-size:120%;
	margin-top:20px;
}

/*　ごあいさつ　*/
.greeting {
	width:100%;
	padding-top:0;
}

.greeting h4 {
	font-size:125%;
	margin:10px 0 20px 0;
	line-height:1.8;
}

.greeting h4 span {
	font-size:80%;
}

.profile-sp {
	display:block;
}

.greeting p {
	font-size:115%;
	font-weight:400;
	line-height:1.8;
	margin-bottom:10px;
}

.representative {
	width:100%;
}

/*　スローガン　*/
.slogan {
	margin-top:10px;
}

.slogan .txt-slogan {
	display:none;
}

.slogan .txt-slogan-sp {
	display:block;
	width:80%;
	margin:10px auto;
}





#profile02 {
	margin:0 0 20px 0;
	width:100%;
}


/*　5つの基本方針　*/
.basic-policy {
	margin-top:10px;
}

.basic-policy ol {
	line-height:1.8;
	margin:10px 0;
	font-weight:500;
	padding-left:30px;
}

.basic-policy ol li {
	list-style:decimal;
	font-size:120%;
}


/*　法人概要　*/

.company-profile {
	overflow:hidden;
	width:100%;
	margin-top:20px;
}

.company-profile .contents-left {
	width:100%;
}

.company-profile .contents-right {
	width:100%;
	margin-left:0;
}

.about {
	width:100%;
}

.about dl {
	width:100%;
	border:1px solid #ccc;
	margin-top:10px;
	font-size:110%;
}

.about dl dt {
	float:none;
	clear:both;
	width:100%;
	padding:10px 0 10px 10px;
	border-top:none;
	border-bottom:1px solid #ccc;
	background:#eee;
	
}

.about dl dd {
	width:100%;
	margin-left:0;
	padding:15px 0 15px 15px;
	border-top:none;
	border-bottom:1px solid #ccc;
}

.about dl dd:last-child {
	border-bottom:none;
}

.about dl dt:first-child,
.about dl dd:nth-child(2) {
	border-top:none;
}

/*　アクセス　*/
.access {
	width:100%;
}

.access h4 {
	font-size:150%;
	margin:10px 0;
}

.access p {
	font-size:100%;
	line-height:1.8;
}

.access-map {
	clear:both;
	overflow:hidden;
	width:100%;
}

.access-map p {
	margin:20px auto;
	width:100%;
}

#profile02 .contents-right p {
	text-align:right;
	margin:10px 0;
	font-size:18px;
}

#profile02 .contents-right p a {
	color:#231815;
	font-weight:bold;
	text-decoration:none;
}

#profile02 .contents-right p a:hover {
	color:#EA5504;
}

.company-profile iframe {
	width:100%;
	height:300px;
}


/*　information　*/
.information {
	width:100%;
	margin-top:30px;
}

.img-information {
	text-align:center;
	display:none !important;
}
.img-information-sp {
	text-align:center;
	display:block;
}




/* 施設のご案内（スマホ）
   ========================================================================== */
  
#facilities {
	background:#FFFEF2;
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
}

.facilities-nav {
	overflow:hidden;
	width:100%;
}

/*　PC用タブ非表示　*/
.facilities-nav ul.tabs {
	display:none;
}

.facilities-nav ul.tabs-sp {
	display:table;
	width:100%;
	padding:0;
	margin-bottom:0;
}

.facilities-nav ul.tabs-sp li {
	float:none;
	margin:0 0 0 5px;
	display:table-cell;
	width:32%;
	height:70px;
	border:2px solid #FFF;
	text-align:center;
	vertical-align:middle;
}

.facilities-nav ul.tabs-sp li:nth-child(1) {
	background:#FEEBBE;
	margin-left:0;
}
.facilities-nav ul.tabs-sp li:nth-child(2) {
	background:#FBE6EF;
}
.facilities-nav ul.tabs-sp li:nth-child(3) {
	background:#ECF4D9;
}


.facilities-nav ul.tabs-sp li a {
	color:#231815;
	font-size:115%;
}

.facilities-nav ul.tabs-sp li a:hover {
	opacity:0.8;
}


.facility-summary {
	width:100%;
	overflow:hidden;
	font-size:110%;
}

.facility-summary h3 {
	margin:0;
	text-align:center;
}

.facility-summary h3 img {
	width:80%;
}

.facility-summary .contents-left {
	width:100%;
}

.facility-summary .contents-right {
	margin-top:20px;
	width:100%;
}

.facility-summary .contents-right table {
	width:100%;
	border:1px solid #ccc;
}

.facility-summary .contents-right table caption {
	text-align:left;
	font-weight:bold;
	font-size:18px;
	color:#231815;
}

.facility-summary .contents-right table th {
	text-align:center;
	font-weight:normal;
	vertical-align:top;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.facility-summary .contents-right table td {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#FFF;
}

.facility-summary > p {
	clear:both;
	float:left;
	margin-top:20px;
}

#nodoka .facility-summary .contents-right table th {
	background:#FEEBBE;
}
#hanabatake .facility-summary .contents-right table th {
	background:#FBE6EF;
}
#kibounosato .facility-summary .contents-right table th {
	background:#ECF4D9;
}
#nursery-center .facility-summary .contents-right table th {
	background:#FEEBBE;
}
	
	
	
	
	/*　facility-service　*/

	.facility-service {
		width: 100%;
	}

	.facility-service table {
		width: 100%;
	}

	.facility-service th {
		font-size: 120%;
		padding: 3% 0;
		width: 20%;
	}

	.facility-service td {
		font-size: 100%;
		padding: 3% 0 3% 3%;
		width: 80%;
	}
	
	
	
	


/*　住宅型有料老人ホーム　のどか　*/

#nodoka {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

.img-nodoka-completion {
	display:none;
}
.img-nodoka-completion-sp {
	display:block;
}

.feature-nodoka {
	width:100%;
}

.feature-nodoka h3 {
	font-size:120%;
}

.feature-nodoka ul {
	padding:0;
}

.feature-nodoka ol li {
	font-size:130%;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

.feature-nodoka ol li:first-child {
	border-top:1px solid #ccc;
}

.feature-nodoka p {
	font-size:100%;
}

.txt-orn-nodoka {
	color:#EA5541;
}

.txt-feature-nodokaS {
	font-size:90%;
}


.monthly-price {
	width:100%;
	margin-top:30px;
}



.floor-map {
	width:100%;
	margin-top:30px;
}

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

.contact-bottom-nodoka {
	display:none;
}
.contact-bottom-nodoka-sp {
	display:block;
}
	
	
	/*　希望の郷 plan　*/

	.kibounosato-plan {
		width: 100%;
		margin-top: 30px;
	}

	.kibounosato-plan p {
		font-size: 150%;
	}

	.introspection-nodoka01 {
		margin-top: 30px;
	}

	.introspection-nodoka01 span {
		font-size: 80%;
		padding-top: 20px;
	}

	.txt-introspection-nodoka-room {
		font-size: 130%;
		padding-top: 20px;
	}

	.txt-introspection-nodoka-room span {
		font-size: 70%;
	}
	
	

	
/*　住宅型有料老人ホーム 花畑（はなばたけ）*/

#hanabatake {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

.introspection-hanabatake {
	margin-top: 50px;
}

.introspection-hanabatake span {
	font-size: 20px;
	display: block;
	text-align: center;
	padding-top: 20px;
}


.introspection-hanabatake-room01 {
	overflow: hidden;
	margin: 30px 0;
	border-bottom: 1px dotted #000;
	padding-bottom: 30px;
}

	.introspection-hanabatake-room01 img , .introspection-hanabatake-room02 img {
		display: block;
		margin: 0 auto;
	}	
	
.introspection-hanabatake-room01 .contents-left {
	position: relative;
}

.introspection-hanabatake-room01 .contents-left p:before {
	display: none;
}

.introspection-hanabatake-room01 .contents-left p {
	padding-top: 0;
	padding-left: 0;
	font-size: 120%;
}

.introspection-hanabatake-room02 {
	overflow: hidden;
	margin: 30px 0;
}

.introspection-hanabatake-room01 p , .introspection-hanabatake-room02 p {
	font-size: 120%;
	line-height: 1.8;
}


.access-hanabatake {
	margin-top: 50px;
	width: 100%;
}
	



/*　小規模多機能型居宅介護施設　きぼうの郷　*/

#kibounosato {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

#kibounosato > p {
	margin-top:20px;
}

.introspection-list {
	overflow:hidden;
	margin-top:20px;
	width:100%;
}

.introspection-list ul {
	padding:0;
	margin:0;
	float:none;
}

.introspection-list ul li {
	float:none;
	margin:0 auto 10px !important;
	width:231px;
}

.introspection-list ul li span {
	display:block;
	padding-top:3px;
	text-align:left;
}

.introspection-list ul li:first-child {
	margin-left:0;
}

.feature-kibounosato {
}

.feature-kibounosato01 {
	width:85%;
	overflow:hidden;
	margin:30px auto 0;
}

.feature-kibounosato01 h3 {
	font-size:20px;
	margin:10px 0 20px 0;
}

.feature-kibounosato01 p {
	font-size:110%;
}

.feature-kibounosato01 h4 {
	display:none;
}

.img-feature-sp {
	display:block !important;
	width:100% !important;
}

.feature-kibounosato01 > div {
	width:100%;
	padding:0;
	border-right:none;
	float:none;
	margin-top:25px;
	border-top:1px solid #ccc;
	padding-top:25px;
}

.img-feature-kibounosato {
	text-align:center;
}

.feature-kibounosato01 h4 {
	text-align:center;
	width:80%;
}

.feature-kibounosatoBox01 {
	border-left:none;
	border-top:none !important;
	padding-top:0 !important;
	margin-top:0 !important;
}

.feature-kibounosatoBox01 .persons {
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

.feature-kibounosatoBox01 p {
	text-align:center;
}

.feature-kibounosatoBox02 {
}

.feature-kibounosatoBox02 p {
	text-align:center;
}

.feature-kibounosatoBox03 {
}

.feature-kibounosatoBox03 p {
	text-align:center;
}

.feature-kibounosatoBox03 ol {
	padding:0 0 0 20px;
}

.feature-kibounosatoBox03 ol li {
	list-style:disc;
}

.feature-kibounosatoBox04 {
}

.feature-kibounosatoBox04 ol {
	padding:0 0 0 20px;
}

.feature-kibounosatoBox04 ol li {
	list-style:disc;
}


.feature-kibounosato02 {
	width:100%;
	overflow:hidden;
	margin-top:50px;
	line-height:2;
}

.feature-kibounosato02 h3 {
	font-size:140%;
	margin:20px 0 0 0;
}

.feature-kibounosato02 h3:first-child {
	margin:0;
}

.feature-kibounosato02 .contents-left {
	float:none;
	width:100%;
}

.feature-kibounosato02 .contents-left ol {
	padding:0 0 0 20px;
	margin:0;
}

.feature-kibounosato02 .contents-left ol li {
	list-style:disc;
}

.feature-kibounosato02 .contents-left p {
	margin-top:20px;
}

.feature-kibounosato02 .contents-right {
	float:none;
	width:100%;
	margin-top:20px;
}

.feature-kibounosato02 .contents-right ul {
	border-top:1px solid #231815;
	padding:14px 0 0 0;
	line-height:1.5;
	text-align:center;
}

.monthly-price-kibounosato {
	display:none;
}
.monthly-price-kibounosato-sp {
	display:block;
}

.feature-kibounosato .floor-map p {
	width:100%;
	margin:0 auto;
}

.contact-bottom-kibounosato {
	display:none;
}
.contact-bottom-kibounosato-sp {
	display:block;
}




/*　認可外保育所 きぼうキッズ　*/

#nursery-center {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}

#nursery-center > p {
	font-size:100%;
	font-weight:bold;
	margin-top:20px;
}
	
	
	
	
	
	
	
	
	
/* 関連事業（スマホ）
   ========================================================================== */

#related-business {
	padding:0 0 30px 0;
}

.mainvisual-tayori {
	margin-top: 20px;
}

#related-business h4 {
	font-size: 200%;
	margin-top: 30PX;
}

#related-business p {
	line-height: 1.8;
}

.home-care-type {
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 50px;
}

.home-care-type01 {
	background: url(../images/home-care-type01.png) top center no-repeat;
	float: none;
	width: 100%;
	height: 329px;
	position: relative;
	background-size: contain;
}

.home-care-type02 {
	background: url(../images/home-care-type02.png) top center no-repeat;
	float: none;
	width: 100%;
	height: 329px;
	margin-left: 0;
	position: relative;
	margin-top: 50px;
	background-size: contain;
}

.home-care-type03 {
	background: url(../images/home-care-type03.png) top center  no-repeat;
	float: none;
	width: 100%;
	height: 329px;
	margin-left: 0;
	position: relative;
	margin-top: 50px;
	background-size: contain;
}

.home-care-type h5 {
	font-size: 200%;
	position: static;
	padding-top: 20px;
	text-align: center;
}

.home-care-type p {
	position: static;
	font-size: 18px;
	text-align: center;
	padding-top: 270px;
}

.home-care-overview {
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
}

.home-care-overview p {
	margin-bottom: 20px;
}

.home-care .contact-bottom {
	margin-top: 0;
}

.contact-bottom .contents-left {
	padding-left: 0;
}

.contact-bottom .contents-left ul {
	font-size: 120%;
	margin: 0;
	padding-left: 5%;
}

.contact-bottom .contents-right {
	padding-right: 0;
	margin-top: 20px;
}

.contact-bottom-tayori {
	clear: both;
	padding-top: 30px;
}

.access-tayori {
	margin-top: 50px;
	width: 100%;
}





/* 希望の郷スタッフ募集（スマホ）
   ========================================================================== */
   
#staff {
	background:#F4B4D0;
	width:100%;
	padding:30px 0;
}

#staff .container {
	position: relative;
}

#staff .container:after {
	content: "";
	position:static;
	background: url(../images/img-staff.png) bottom center no-repeat;
	display: block;
	width: 100%;
	height: 198px;
}

#staff h2 {
	margin:0 0 20px 0;
	padding:0;
}

#staff h3 {
	font-size: 200%;
	color: #FFF;
	margin-top: 0;
}
	
.txt-staff {
	font-size: 140%;
	font-weight: 600;
}

.txt-staff-contact {
	font-size: 200%;
	font-weight: 600;
}

.reception-time {
	font-size: 120%;
	line-height: 1.8;
}




/* プライバシーポリシー（スマホ）
   ========================================================================== */

#privacy-policy {
	margin:20px  auto 50px;
	width:100%;
}






/* ページトップへ（スマホ）
   ========================================================================== */

    #pageTop {
	  display:none !important;
    }





/* footer（スマホ）
   ========================================================================== */
   
#footer {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.footer-nav {
	width:100%;
	padding:10px 0;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

.footer-nav ul {
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.footer-nav ul li {
	float:none;
	width:100%;
	height:100%;
	text-align:center;
	display:table;
	font-size:120%;
}

.footer-nav ul li a {
	color:#231815;
	position:relative;
	line-height:2;
	display:table-cell;
}

.footer-nav ul li .li-b:hover { color:#4694D1; }
.footer-nav ul li .li-g:hover { color:#ABC10D; }
.footer-nav ul li .li-o:hover { color:#EA5541; }
.footer-nav ul li .li-v:hover { color:#BB8DBE; }
.footer-nav ul li .li-p:hover { color:#F19EC2; }


.footer-nav ul li a:before {
	display:none;
}

.footer-content {
	background:url(../images/footer-content-bg.png) top center no-repeat;
	background-color:#FFFEF2;
	height:100%;
	display:none;
}

.footer-content-nav {
	width:100%;
	margin:0 auto;
}

.footer-content-nav ul {
	padding:0;
	float:right;
}

.footer-content-nav ul li {
	float:left;
}

.footer-content-nav ul li a {
	color:#231815;
	padding:0 5px;
	border-left:1px solid #231815;
}

.footer-content-nav ul li:first-child a {
	border-left:none;
}

.footer-content-nav ul li a:hover {
	color:#E60012;
}

.footer-bottom {
	width:100%;
	background:#956F29;
	padding:10px 0;
}

.footer-bottom p {
	text-align:center;
	margin:0;
	color:#FFF;
	font-size:90%;
}

.copyright-sp {
	display:none;
}








#top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
		position:fixed;
        top: 0;
        margin-top: 0;
		width:100%;
    }
	
#top-head #header-content {
	background:none;
	width:100%;
	overflow:hidden;
	height:75px;
}

#top-head #header-content .header-left h1 {
	display:none;
}
#top-head #header-content .header-left .header-facilities {
	display:none;
}
#top-head #header-content .header-left .header-logo img {
	display:none;
}
#top-head.fixed #header-content .header-left .header-logo img {
	display:none;
}

#top-head #header-content .header-left .header-logo a:after {
	display:block;
	content:url(../images/header-logo-sp.png);
	position:absolute;
	left:10px;
	padding-top:5px;
}
#top-head.fixed #header-content .header-left .header-logo a:after {
	display:block;
	content:url(../images/header-logo-sp.png);
	position:absolute;
	left:10px;
	padding-top:5px;
}
#top-head #header-content .header-right {
	display:none;
}

#top-head.fixed #menu {
	position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -481px;
    background: #444;
    width: 100%;
    text-align: center;
    padding: 0;
	margin:0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#top-head.fixed #menu ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		width:100%;
    }
 #top-head.fixed #menu ul li {
        float: none;
        position: static;
		width:100%;
		height:auto;
    }

#top-head.fixed #menu a {
	font-size:120%;
}



	
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
		height:75px;
    }
	#top-head.fixed #header-content {
		height:75px;
	}
    #mobile-head {
        background:#FFF5EE;
        width: 100%;
        height: 75px;
        z-index: 999;
        position: relative;
		border-bottom:1px solid #EEE;
    }
    #top-head.fixed .header-logo,
    #top-head .header-logo {
        position: absolute;
        left: 10px;
        top: 5px;
        color: #333;
    }
    #menu {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -481px;
        background: #444;
        width: 100%;
        text-align: center;
        padding: 0;
		margin:0;
		border:none;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #menu ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		width:100%;
    }
    #menu ul li {
        float: none;
        position: static;
		width:100%;
		height:auto;
    }
    #top-head #menu ul li a,
    #top-head.fixed #menu ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 10px 0;
		font-size:120%;
    }
    #nav-toggle {
        display: block;
    }
	#nav-toggle:before {
		content:"MENU";
		color:#EA5541;
    }
	
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #menu スライドアニメーション */
    .open #menu {
        /* #menu top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }


}


