@charset "UTF-8";

/*-----------------------------------------------------	*/
/*	index					*/
/*-----------------------------------------------------	*/

/*Main*/


.main {
clear: both;
background: url(../images/index/main_bg.jpg) repeat;
height: 540px;
}

.main .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}

.main .inner figure {
position: absolute;
top: 75px;
left: 20px;
}

.main .inner h2 {
position: absolute;
top: 195px;
right: 0px;
width: 485px;
height: 272px;
background: url(../images/index/main_read.png) no-repeat;
text-indent: -9999px;
}

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

.main {
clear: both;
background: url(../images/index/main_bg.jpg) repeat;
height: 50vw;
	background-size: 35% auto;
}

.main .inner {
width: auto;
margin: 0 auto;
position: relative;
}

.main .inner figure {
position: absolute;
top: 8vw;
left: 11vw;
	width: 75%;
	height: auto;
}

.main .inner h2 {
position: absolute;
top: 19vw;
right: 5vw;
width: 50vw;
height: 30vw;
background: url(../images/index/main_read.png) no-repeat;
text-indent: -9999px;
	background-size: 100% auto;
}
}

/*index共通*/

.index_about article p, .fac_img a,  .index_facility article p, .index_facility article a,  .rule ul li, .rule p,.pall, .case dd, .exat, .case a,  .case table,  .index_news_detail li, .idx_blog a.list, .index_consider p {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/*もくもくの里とは*/

.index_about {
background: url(../images/index/bg_about.jpg) no-repeat #f4e7cb center top;
background-size: 100% auto;
}

.index_about .inner .title h2:before {
background: url(../images/common/ic_tit_1.png) no-repeat;
background-size: contain;
width: 55px;
height: 53px;
}

.index_about .about_read {
width: 820px;
margin: 0 auto 50px auto;
font-size: 32px;
color: #593e2d;
line-height: 1.4;
background: url(../images/common/logo_page.png) left top no-repeat,  url(../images/common/ic_leaf.png) right 30px no-repeat;
padding: 10px 60px 0 180px;
box-sizing: border-box;
text-align: left;
}

.index_about article {
position: relative;
height: 253px;
margin-bottom: 30px;
overflow: hidden;
text-align: left;
box-sizing: border-box;
padding: 36px 0 0 0;
}

.index_about article:nth-of-type(1) {
background: url(../images/index/about_img_1.jpg) no-repeat right top,  url(../images/index/about_num_1.png) no-repeat left top,  #fff;
}

.index_about article:nth-of-type(2) {
background: url(../images/index/about_img_2.jpg) no-repeat right top,  url(../images/index/about_num_2.png) no-repeat left top,  #fff;
margin-bottom: 60px;
}

.index_about article h3 {
margin-bottom: 30px;
margin-left: 70px;
font-size: 24px;
color: #614c3f;
background: linear-gradient(transparent 60%, #fbd13e 0%);
display: inline-block;
}

.index_about article p {
font-size: 16px;
line-height: 1.7;
margin-left: 25px;
}

.index_about .fac_img p {
width: 890px;
font-size: 26px;
color: #614c3f;
text-align: center;
line-height: 1.6;
padding-bottom: 88px;
margin: 0 auto 0 auto;
position: relative;
background: url(../images/index/about_bar_l.png) no-repeat left top,  url(../images/index/about_bar_r.png) no-repeat right top;
}

.index_about .fac_img p strong {
font-size: 32px;
color: #614c3f;
font-weight: bold;
display: inline-block;
border-bottom: #c9bca0 1px solid;
}

.index_about .fac_img p img {
top: 90px;
left: 50%;
margin-left: -25px;
position: absolute;
}

.index_about figure {
position: relative;
}

.index_about figure a {
position: absolute;
padding: 18px 0;
line-height: 1;
bottom: 40px;
left: 50%;
margin-left: -156px;
width: 312px;
box-sizing: border-box;
display: block;
border: #908e88 1px solid;
color: #fff;
font-size: 17px;
font-weight: bold;
background: #614c3f;
cursor: pointer;
background: -moz-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: -webkit-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: linear-gradient(to bottom, #614c3f 0%, #50392b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#614c3f', endColorstr='#50392b', GradientType=0 );
transition: 0.7s;
}

.index_about figure a:hover {
opacity: 0.7;
}

@media screen and (max-width: 768px) {
	
	
.index_about {
background: url(../images/index/bg_about.jpg) no-repeat #f4e7cb center top;
background-size: 100% auto;
}

.index_about .inner .title h2:before {
background: url(../images/common/ic_tit_1.png) no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}

.index_about .about_read {
width: auto;
margin: 0 auto 30px auto;
font-size: 16px;
color: #593e2d;
line-height: 1.4;
background: url(../images/common/logo_page.png) center top no-repeat,  url(../images/common/ic_leaf.png) center bottom no-repeat;
	background-size: auto 50px,auto 30px;
padding: 70px 0 40px 0;
box-sizing: border-box;
text-align: center;
}

.index_about article {
position: inherit;
height: auto;
	margin: 0 10px 30px 10px;
overflow: hidden;
text-align: left;
box-sizing: border-box;
padding: 36px 0 50vw 0;
}

.index_about article:nth-of-type(1) {
background: url(../images/index/about_img_1.jpg) no-repeat center bottom,  url(../images/index/about_num_1.png) no-repeat left top,  #fcfcf8;
	background-size: 100% auto,50px auto;
	margin-bottom: 20px;
}

.index_about article:nth-of-type(2) {
background: url(../images/index/about_img_2.jpg) no-repeat center bottom,  url(../images/index/about_num_2.png) no-repeat left top,  #fcfcf8;
margin-bottom: 30px;
	background-size: 100% auto,50px auto;
}

.index_about article h3 {
	margin: 0 20px 20px 20px;
font-size: 15px;
color: #614c3f;
background: linear-gradient(transparent 60%, #fbd13e 0%);
display: inline-block;
	letter-spacing: -1px;
}

.index_about article p {
font-size: 14px;
line-height: 1.7;
	margin: 0 20px;
}

.index_about .fac_img p {
width: 345px;
font-size: 12px;
color: #614c3f;
text-align: center;
line-height: 1.6;
padding-bottom: 50px;
margin: 0 auto 0 auto;
position: relative;
background: url(../images/index/about_bar_l.png) no-repeat 1vw top,  url(../images/index/about_bar_r.png) no-repeat 99% top;
	background-size: auto 60px;
}

.index_about .fac_img p strong {
font-size: 16px;
color: #614c3f;
font-weight: bold;
display: inline-block;
border-bottom: #c9bca0 1px solid;
}

.index_about .fac_img p img {
top: 60px;
left: 50%;
margin-left: -20px;
position: absolute;
	width: 40px;
	height: auto;
}

.index_about figure {
position: relative;
	padding-bottom: 40px;
}

.index_about figure a {
position: absolute;
padding: 15px 0;
line-height: 1;
bottom: 0px;
left: 50%;
margin-left: -150px;
width: 300px;
font-size: 15px;
}
	
}

/*居室＆介護サービス＆レストラン*/

.index_facility {
background: url(../images/common/bg_f.jpg) repeat;
}

.index_facility .inner .title h2:before {
background: url(../images/common/ic_tit_2.png) no-repeat;
background-size: contain;
width: 55px;
height: 53px;
}

.index_facility article {
text-align: left;
box-sizing: border-box;
background: #fcfcf8;
width: 469px;
float: left;
margin-right: 30px;
position: relative;
}

.index_facility article:nth-of-type(3) {
margin-right: 0px;
	background: url("../images/index/shef.jpg") no-repeat right 238px #fcfcf8; 
}

.index_facility article figure span {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 -5px;
}

.index_facility article h3 {
font-size: 22px;
font-weight: bold;
padding: 25px 22px;
line-height: 1.5;
}

.index_facility article:nth-of-type(1) h3 {
color: #3d806d;
}

.index_facility article:nth-of-type(2) h3 {
color: #cf444b;
}

.index_facility article:nth-of-type(3) h3 {
color: #624526;
}

.index_facility article p {
font-size: 16px;
padding: 0 22px 100px 22px;
line-height: 1.7;
letter-spacing: -0.5px;
}

.index_facility article p.ttl {
font-size: 16px;
padding: 0 22px 15px 22px;
line-height: 1.7;
letter-spacing: -0.5px;
	font-weight: bold;
	color: #6e4e2a;
}

.index_facility article .flogo {
text-align: center;
margin-bottom: 25px;
}

.index_facility article a {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 18px 0;
line-height: 1;
box-sizing: border-box;
display: block;
border: #908e88 1px solid;
color: #fff;
font-size: 17px;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.7s;
}

.index_facility article:nth-of-type(1) a {
background: #458976;
background: -moz-linear-gradient(top, #458976 0%, #317260 100%);
background: -webkit-linear-gradient(top, #458976 0%, #317260 100%);
background: linear-gradient(to bottom, #458976 0%, #317260 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#458976', endColorstr='#317260', GradientType=0 );
}

.index_facility article:nth-of-type(2) a {
background: #c94950;
background: -moz-linear-gradient(top, #c94950 0%, #a13339 100%);
background: -webkit-linear-gradient(top, #c94950 0%, #a13339 100%);
background: linear-gradient(to bottom, #c94950 0%, #a13339 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c94950', endColorstr='#a13339', GradientType=0 );
}

.index_facility article:nth-of-type(3) a {
background: #634626;
background: -moz-linear-gradient(top, #634626 0%, #4f371c 100%);
background: -webkit-linear-gradient(top, #634626 0%, #4f371c 100%);
background: linear-gradient(to bottom, #634626 0%, #4f371c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#634626', endColorstr='#4f371c', GradientType=0 );
}

.index_facility article a:hover {
opacity: 0.7;
}



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

	
.index_facility .inner .title h2:before {
background: url(../images/common/ic_tit_2.png) no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}

.index_facility article {
text-align: left;
box-sizing: border-box;
background: #fcfcf8;
width: auto;
float: none;
margin-right: 0px;
position: relative;
	margin: 0 10px 30px 10px;
}

.index_facility article:nth-of-type(3) {
margin-right: 10px;
	background: url("../images/index/shef.jpg") no-repeat right 75vw #fcfcf8; 
}
	
	.index_facility article figure{
		text-align: center;
	}
	
		.index_facility article figure img{
			width: 100%;
			height: auto;
	}

.index_facility article figure span {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 -5px;
}
	
	.index_facility article figure span img{
		width: 90px;
		height: auto;
	}

.index_facility article h3 {
font-size: 17px;
font-weight: bold;
padding: 20px 20px;
line-height: 1.5;
}

.index_facility article:nth-of-type(1) h3 {
color: #3d806d;
}

.index_facility article:nth-of-type(2) h3 {
color: #cf444b;
}

.index_facility article:nth-of-type(3) h3 {
color: #624526;
}

.index_facility article p {
font-size: 14px;
padding: 0 22px 80px 20px;
line-height: 1.7;
letter-spacing: -0.5px;
}
	
	.index_facility article p.ttl {
font-size: 14px;
padding: 0 22px 10px 20px;
line-height: 1.7;
letter-spacing: -0.5px;
	font-weight: bold;
	color: #6e4e2a;
}


.index_facility article .flogo {
text-align: center;
margin-bottom: 25px;
}

.index_facility article a {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px 0;
color: #fff;
font-size: 15px;
transition: 0.7s;
	border: none;
}

}





/*入居条件と料金例の案内*/

.index_price {
background: url(../images/common/bg_price.jpg) repeat;
}

.index_price .inner .title h2:before {
background: url(../images/common/ic_tit_3.png) no-repeat;
background-size: contain;
width: 50px;
height: 50px;
}

.rule {
width: 700px;
box-sizing: border-box;
border: #96ba8c 2px solid;
border-radius: 5px;
padding: 30px;
margin: 0 auto 20px auto;
overflow: hidden;
}

.rule p {
float: left;
margin-right: 35px;
padding-top: 10px;
}

.rule ul {
float: left;
text-align: left;
}

.rule li {
font-size: 17px;
color: #614c3f;
text-indent: -0.7em;
margin-left: 0.7em;
font-weight: bold;
line-height: 1.8;
}

.rule li:before {
content: '';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: #96ba8c;
position: relative;
left: -10px;
top: 0px;
}

.pall {
font-size: 16px;
text-align: center;
color: #614c3f;
line-height: 1.6;
margin-bottom: 50px;
}

.pall strong {
font-weight: bold;
}

.case {
width: 700px;
margin: 0 auto;
}

.case dl {
background: url(../images/index/price_tit_2.png) no-repeat;
height: 100px;
margin-bottom: 15px;
padding-top: 30px;
}

.case dt {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
}

.case dd {
color: #fff;
font-size: 15px;
margin-bottom: 10px;
padding-left: 40px;
}

.case table {
width: 100%;
margin-bottom: 20px;
text-align: left;
}

.case table th {
padding: 15px;
font-weight: bold;
color: #614c3f;
font-size: 16px;
}

.case table td {
padding: 15px;
font-size: 16px;
}

.case table td strong {
font-weight: bold;
color: #bd4249;
}

.case table tr:nth-child(odd) td, .case table tr:nth-child(odd) th {
background-color: #fbe9dd;
}

.case table tr:nth-child(even) td, .case table tr:nth-child(even) th {
background-color: #fcf6f2;
}

.case .exat {
font-size: 16px;
text-align: left;
margin-bottom: 50px;
}

.case a {
padding: 18px 0;
line-height: 1;
width: 312px;
margin: 0 auto;
box-sizing: border-box;
display: block;
border: #908e88 1px solid;
color: #fff;
font-size: 17px;
font-weight: bold;
background: #614c3f;
cursor: pointer;
background: -moz-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: -webkit-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: linear-gradient(to bottom, #614c3f 0%, #50392b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#614c3f', endColorstr='#50392b', GradientType=0 );
transition: 0.7s;
}

.case a:hover {
opacity: 0.7;
}


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

	
.index_price .inner .title h2:before {
background: url(../images/common/ic_tit_3.png) no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}

.rule {
width: auto;
box-sizing: border-box;
border: #96ba8c 2px solid;
border-radius: 5px;
padding: 15px;
margin: 0 10px 20px 10px;
overflow: hidden;
}

.rule p {
float: none;
margin-right: 0;
padding-top: 10px;
	text-align: center;
	margin-bottom: 20px;
}
	
	.rule p img{
		width: 70px;
		height: auto;
	}

.rule ul {
float: none;
text-align: left;
	padding-left: 10px;
}

.rule li {
font-size: 14px;
color: #614c3f;
text-indent: -0.7em;
margin-left: 0.7em;
font-weight: bold;
line-height: 1.8;
}

.rule li:before {
content: '';
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: #96ba8c;
position: relative;
left: -10px;
top: 0px;
}

.pall {
font-size: 13px;
text-align: center;
color: #614c3f;
line-height: 1.6;
	padding: 0 10px;
margin-bottom: 20px;
}

.pall strong {
font-weight: bold;
}

.case {
width: auto;
margin: 0 auto;
}

.case dl {
background: url(../images/index/price_tit_2_sp.png) no-repeat center top;
height: 100px;
	margin: 0 10px 15px 10px;
	padding: 25px 10px 10px 10px;
	position: relative;
}

.case dt {
color: #fff;
font-size: 16px;
margin-bottom: 10px;
}

.case dd {
color: #fff;
font-size: 13px;
margin-bottom: 10px;
padding-left: 0px;
}
	
	.case img{position: absolute;
	top: 0;
	left: 10px;
	margin-top: -10px;}

.case table {
width: 100%;
margin-bottom: 20px;
text-align: left;
}

.case table th {
padding: 10px 15px 0 15px;
font-weight: bold;
color: #614c3f;
font-size: 15px;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

.case table td {
padding:0 15px 10px 15px;
font-size: 14px;
		width: 100%;
	display: block;
	box-sizing: border-box;
}

.case table td strong {
font-weight: bold;
color: #bd4249;
}

.case table tr:nth-child(odd) td, .case table tr:nth-child(odd) th {
background-color: #fbe9dd;
}

.case table tr:nth-child(even) td, .case table tr:nth-child(even) th {
background-color: #fcf6f2;
}

.case .exat {
font-size: 14px;
text-align: left;
margin-bottom: 30px;
	padding: 0 10px;
}

.case a {
padding: 18px 0;
line-height: 1;
width: 300px;
margin: 0 auto;
box-sizing: border-box;
display: block;
border: #908e88 1px solid;
color: #fff;
font-size: 17px;
font-weight: bold;
background: #614c3f;
cursor: pointer;
background: -moz-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: -webkit-linear-gradient(top, #614c3f 0%, #50392b 100%);
background: linear-gradient(to bottom, #614c3f 0%, #50392b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#614c3f', endColorstr='#50392b', GradientType=0 );
transition: 0.7s;
}

	
}






/*BLOG & お知らせ*/

.index_blog {
background: url(../images/common/bg_blog.jpg) repeat;
}

.index_blog .inner .title h2:before {
background: url(../images/common/ic_tit_4.png) no-repeat;
background-size: contain;
width: 50px;
height: 40px;
}

.index_blog .inner {
width: 960px;
}

.idx_blog {
width: 448px;
float: left;
text-align: left;
}

.idx_blog.news {
width: 448px;
float: right;
}

.idx_blog h3 {
background: url(../images/common/ic_blog.png) no-repeat 0 0;
padding: 2px 0 25px 36px;
font-size: 20px;
color: #594336;
}

.idx_blog.news h3 {
background: url(../images/common/ic_news.png) no-repeat 0 0;
}

.index_news_detail {
overflow: hidden;
width: 448px;
margin-bottom: 30px;
}

.index_news_detail li {
padding: 12px 0;
display: table;
width: 100%;
box-sizing: border-box;
}

.index_news_detail li .date {
display: table-cell;
vertical-align: middle;
width: 115px;
font-size: 16px;
color: #614c3f;
	vertical-align: top;
}

.index_news_detail li .ntxt {
display: table-cell;
vertical-align: middle;
font-size: 16px;
		vertical-align: top;
}

.idx_blog a.list {
border: #d1c3a6 2px solid;
padding: 15px 0;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #614c3f;
display: block;
border-radius: 5px;
line-height: 1;
transition: 0.7s;
}

.idx_blog a.list:hover {
background-color: #d1c3a6;
}

@media screen and (max-width: 768px) {
	
	
.index_blog .inner .title h2:before {
background: url(../images/common/ic_tit_4.png) no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}

.index_blog .inner {
width: auto;
	margin: 0 10px;
	padding-bottom: 0;
}

.idx_blog {
width: auto;
float: none;
text-align: left;
	margin-bottom: 40px;
}

.idx_blog.news {
width: auto;
float: none;
}

.idx_blog h3 {
background: url(../images/common/ic_blog.png) no-repeat 0 0;
padding: 0px 0 15px 30px;
font-size: 16px;
color: #594336;
	background-size: 25px auto;
}

.idx_blog.news h3 {
background: url(../images/common/ic_news.png) no-repeat 0 0;
}

.index_news_detail {
overflow: hidden;
width: auto;
margin-bottom: 20px;
}

.index_news_detail li {
padding: 12px 0;
display: table;
width: 100%;
box-sizing: border-box;
}

.index_news_detail li .date {
display: table-cell;
vertical-align: middle;
width: 115px;
font-size: 14px;
color: #614c3f;
}

.index_news_detail li .ntxt {
display: table-cell;
vertical-align: middle;
font-size: 14px;
}

.idx_blog a.list {
border: #d1c3a6 2px solid;
padding: 14px 0;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #614c3f;
display: block;
border-radius: 5px;
line-height: 1;
transition: 0.7s;
}

.idx_blog a.list:hover {
background-color: #d1c3a6;
}

}