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

body {margin:0;padding:0;font-family:"メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#595757;background:#fff;overflow-x: hidden;-webkit-text-size-adjust: 100%;word-break: break-all;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a , a img { overflow: hidden; color:#333;text-decoration: none;border:none;}
a:hover,a:active { color: #11833b;border:none;outline:none;}
a:hover img , a:active img {opacity:.7;border:none;outline:none;}

html,body {}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
img {max-width: 100%;width:auto;height: auto;display:block;}

main:after,
article:after,
section:after,
div:after,
ul:after,
dl:after {
  content: "";
  display: block;
  clear: both;
}

.pc {display:none;}

#header {width: 100%;height:60px;}
#header .logo {width:180px;height:auto;margin: 0 auto; text-align:center; padding: 5px 3%;height: 50px; }

.head_navi {width:100%;font-size:1.4em;text-align:center;position: relative;z-index: 110;}
.head_navi ul {letter-spacing:-.4em;border-bottom:1px solid #006934;}
.head_navi li {letter-spacing:normal;display:inline-block; vertical-align:middle;width:50%;background:#d6ecbd;box-sizing:border-box;border-top:1px solid #006934;border-right:1px solid #006934;}
.head_navi li:nth-child(even) {border-right:none;}
.head_navi li a {display:block;line-height:3em;color:#006934;}
.head_navi li a:hover {opacity:.7;}
.head_navi li br {display:none;}


.head_menu ul {margin-top: 59px;background-color:rgba(255,255,255,.9);border-top:1px solid #e85160;border-left:1px solid #e85160;}
.head_menu li {margin: 0 auto;text-align: center;float:left;box-sizing:border-box;border-right:1px solid #e85160;border-bottom:1px solid #e85160;}
.head_menu li a {display: block;color: #e85160;font-size:1.3em;padding:10% 0;}
.head_menu li a:hover {opacity:.6;}
.head_menu li a:before {content:"";background-position:center;background-repeat:no-repeat;background-size: cover;width:40px;height:40px;display:block;margin:0 auto;}
.head_menu li.menu01 a:before {background-image:url(../images/menu_icon01.png);}
.head_menu li.menu02 a:before {background-image:url(../images/menu_icon02.png);}
.head_menu li.menu03 a:before {background-image:url(../images/menu_icon03.png);}
.head_menu li.menu04 a:before {background-image:url(../images/menu_icon04.png);}
.head_menu li.menu05 a:before {background-image:url(../images/menu_icon05.png);}
.head_menu li.menu06 a:before {background-image:url(../images/menu_icon06.png);}
.head_menu li.menu07 a:before {background-image:url(../images/menu_icon07.png);}
.head_menu li.menu08 a:before {background-image:url(../images/menu_icon08.png);}
.head_menu li:nth-child(-n+2) {width:50%;}
.head_menu li:nth-child(n+3) {width:33.33%;}
.open .head_menu {-webkit-transition: all .5s;transition: all .5s;visibility: visible;opacity: 1;}

#mainimg {display:none;}
#mainimg-sp {margin-top:80px;position:relative;}
#mainimg-sp .copy {font-size:1.8em;text-align:center;padding:1.2em 3%;margin:0;line-height:1.5;background:#e85160;color:#fff;}
.mainimg_pict {position:absolute;left:5%;top: 65%;z-index:110;}
.mainimg_pict img {width:50%;}

#header_top {position: absolute;right: 0;bottom: 0;top:2%;max-width:100%;z-index:100;}

#main {background:#fff;}
#main h2 { color:#006934;font-size:24px;line-height:1.3;font-weight:bold;margin-bottom:2%;}
#main h2 span { color:#8dc21f;font-weight:normal;font-size:15px;margin-left:1em;}

#top_contents01 {background:url(../images/top_contents1_bg.jpg) no-repeat center 0;background-size:cover;}
#top_contents01 h2 {margin:0 auto;width:70%;padding:1em 0 10px;max-width: 300px;}
.contents_btn {text-align:center;padding:0 2%;}
.contents_btn li {width:48%;min-height:350px;float:left;box-sizing:border-box;margin:1%;padding:3%;background:rgba(255,255,255,.8);}
.contents_btn li a {color:#333;}
.contents_btn li h3 {font-size:15px;font-weight:normal;margin:10px 0;}
.contents_btn li.box01 h3 {color:#e85160;}
.contents_btn li.box02 h3 {color:#8dc21f;}
.contents_btn li.box03 h3 {color:#2ca6e0;}
.contents_btn li.box04 h3 {color:#875ba2;}
.contents_btn li.box01 {border-bottom:10px solid #e85160;}
.contents_btn li.box02 {border-bottom:10px solid #8dc21f;}
.contents_btn li.box03 {border-bottom:10px solid #2ca6e0;}
.contents_btn li.box04 {border-bottom:10px solid #875ba2;}
.contents_btn li p {font-size:13px;text-align:left;}
.contents_btn li span {font-size:12px;display:table;padding:0 10px;line-height:1.5;margin:0 auto 10px;color:#fff;}
.contents_btn li.box01 span {background:#e85160;}
.contents_btn li.box02 span {background:#8dc21f;}
.contents_btn li.box03 span {background:#2ca6e0;}
.contents_btn li.box04 span {background:#875ba2;}
.movie_area {margin:2% 3%;padding:3%;background:rgba(255,255,255,.7);}
.movie_area h3 {width:55%;margin:0 auto;padding:5% 0;max-width: 280px;}
.top_banner {padding:3%;}
.top_banner li {margin-bottom:3%;}
.top_banner li a {display:block;max-width:400px;margin:0 auto;background: rgba(232,81,96,.8);}
.top_banner li a img {}

.youtube {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


#top_contents02 {background:url(../images/top_contents2_bg.jpg) no-repeat center 0;background-size: cover;padding:2% 0;}
#top_contents02 h2 {width:50%;}
#top_contents02 .text_img {padding:5%;}
#top_contents02 .text_img li {width:60%;margin: 0 auto;    padding: 5% 0 25%;}
#top_contents02 .text_img li:nth-child(even) {padding-left:15%;}


#info {background:#d6ecbd;background-size: contain;}
.info_list {background:#fff;padding:5% 3%;}
.info_list h2 {border-bottom: 1px solid #ddd;padding: 0 0 10px;margin-bottom: 10px;}
.info_list li {padding:10px 0;}
.info_list li span.date {font-size:14px;margin-right:5px;}
.info_list li span.date:before {content:"\f363";font-family:ionicons;font-size:14px;margin-right:5px;color:#11833b;}
.info_list li a {display:block;font-size:14px;position:relative;padding-right:8%;}
.info_list li  {display:block;font-size:14px;position:relative;padding-right:8%;}
.recruit_btn ul {width: 95%;margin: 2em auto;padding:0 auto 2em; text-align:center;}
.recruit_btn li {width:45%;float: left;margin: 0 2% 2%; padding:0 auto;}
#googlemap {
position: relative;
padding-bottom: 55%;
height: 0;
overflow: hidden;
}
#googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.top .service {position:relative;padding:0;margin:6% 2%;}
.top .service:before {content:"";display:block;width:80%;position:absolute;top:0;right:0;}
.top .service:after {content:"";border-width:1px 0 0 0;display:block;width:100%;position:absolute;top:8px;right:0;}
.top .service li {float:left;width:50%;border:1px solid #fff;box-sizing:border-box;}
.top .service li a {background-position:center;background-repeat:no-repeat;background-size:cover;display:block;padding:15% 10%;}
.top .service li a span {padding:0;display:block;}
.top .service li.item01 a {background-image:url(../images/service_image01.jpg);}
.top .service li.item02 a {background-image:url(../images/service_image02.jpg);}
.top .service li.item03 a {background-image:url(../images/service_image03.jpg);}
.top .service li.item04 a {background-image:url(../images/service_image04.jpg);}

#footer {border-top: 5px solid #006934;background:#fafff3;}
.footer_area {padding:20px 5%;max-width:400px;margin:0 auto;}
.footer_area .logo { margin-left:2%;text-align:center;}
.footer_area .logo p {  margin-top:2%;font-size:13px;}
.footer_area .contact {width:45%;margin:20px auto 0;text-align:center;font-size:13px;}
.footer_area .contact .policy a { margin-right:2%;}
.footer_area .contact .policy:before {content:"\f362";font-family:ionicons;font-size:18px;color:#666;margin-right:5px;margin-top:-2px;display:inline-block; vertical-align:middle;}
.footer_bunner {background:#d6ecbd;padding:20px 0;}
.footer_bunner ul {text-align:center;}
.footer_bunner li {width:145px;display:inline-block; vertical-align:top;padding:5px;box-sizing:border-box;}
#footer .copy {background-image:url(../images/footer_bg.jpg);padding:15px 3%;font-size:12px;text-align:center;color:#fff;}





/* スライドショー */
.slide {
	position: relative;
	width: 100%;
	padding-top: 80%;
	overflow: hidden;
	margin: 0 auto;
}
.slide .item , .slide .item-sp {
	width: 100%;
	position: absolute;
	top: 0;
	display: none;
}
.slide .in {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 2;
}
.slide .out {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: 8s;
	transition: 8s;
	z-index: 1;
 }
.slide .title {
	text-align: center;
	color: rgba(102, 102, 102, 0.70);
	margin: 20px 0 15px 0;
}


/* サブページ */
#sub_title {height:170px;}
#sub_title {background:url(../images/sub_title_bg.jpg) no-repeat top right;background-size:cover;margin-top:-100px; }

#header .logo_sub {width:186px;height:auto;margin:2% auto 0;}
#header .sub_ttl {display:block;width:186px;height:auto;margin:2% auto;}


/* 施設案内ページ */

#main .inner {margin-bottom:5%;}

#main .inner dl {font-size:14px;border-top:1px solid #aaa;padding:1em 0; width:100%;}
#main .inner dt {width:20%;float:left;text-align:center;}
#main .inner dd {width:74%;float:left;padding-left:5%;}
#main .inner ol li {list-style: decimal;margin-left:20px;}

/* ご利用案内ページ */
#main .inner p {font-size:14px;line-height:1.8}

#main .inner .guide dl {font-size:14px;border-top:1px solid #aaa;;border-bottom:1px solid #aaa;padding:1em 0; width:100%;}
#main .inner .guide dt {width:96%;text-align:center;margin:2% auto 0;}
#main .inner .guide dd {width:93%;padding:2% auto;}

#main .area h2 {font-size:18px;padding-left:.5em;position: relative;padding-bottom: .4em;border-bottom: 4px solid #8dc21f; }
.rouken img {width:30%;padding:5px 0 10px;}

#main .inner_toiawase {padding: 25px 10px 20px;margin:3% 2% 6%;border: 4px solid #8dc21f;border-radius: 10px; }
#main .inner_toiawase h2 {padding-left:3%;}
#main .inner_toiawase .box {padding:0 3%;}
#main .inner_toiawase dl {font-size:14px;border-top:1px solid #aaa;padding:1em 0; width:100%;}
#main .inner_toiawase dt {width:20%;float:left;text-align:center;}
#main .inner_toiawase dd {width:74%;float:left;padding-left:5%;}
#main .inner_toiawase ol li {list-style: decimal;margin-left:20px;}

/* デイケアページ */
 .daycare_ph { margin-bottom:2%;}
 .daycare_ph img {width:80%; margin:2% auto 10%;}

/* 料金ページ */
table.type14 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type14 thead th  {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type14 tbody th  {
	width: 15%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
}

table.type14 td {
	width: 12%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

table.type13 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1.5px solid #ccc;
	margin:2% auto;
}

table.type13 thead th {
	padding: 10px;
	font-size:18px;
	color:#fff;
	text-align:center;
	border-top: 1.5px solid #ccc;
	border-right: 1.5px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}

table.type13 td {
	width: 26.5%;
	padding:2% 4%;
	margin:2% 4%;
	vertical-align: middle;
	border-right: 1.5px solid #ccc;
	border-bottom: 1.5px solid #ccc;
	text-align:left;
}

table.type11 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type11 thead th {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type11 tbody th  {
	width: 25%;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type11 td {
	width: 12%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.type16 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type16 thead th {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type16 tbody th  {
	width: 25%;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}
table.type16 td {
	width: 10%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


table.type17 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type17 thead th {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type17 tbody th  {
	width: 3%;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type17 td {
	width: 14%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.type15 {
	width:97%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type15 thead th {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type15 tbody th  {
	width: 20%;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.type15 td {
	width: 55%;
	text-align:left;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.price li {width: 95%;margin: 0 0 0 2%; padding-left:1em;text-indent:-1em;padding-bottom:1em; font-size:14px; }


/* Webのぞみの樹ページ */
.nozominoki {margin:1% 1% 6%;}
.nozominoki ul{width: 100%;margin: 0 auto; padding-bottom:1em; border-bottom:1px solid #aaa;  }

.nozominoki li {text-align:center; width: 37%;padding:10px; margin:2%;background-color: #ffb800; float:left; }
.nozominoki li a {color:#FFF;font-size: 16px; font-weight:bold;}
.nozominoki li:hover,a:active{opacity:.7;border:none;outline:none;}

.nozominoki_back {margin:1% 1% 6%;}
.nozominoki_back ul{width: 100%;margin: 0 auto; padding-bottom:1em; border-bottom:1px solid #aaa;  }

.nozominoki_back li {text-align:center; width: 37%;padding:10px; margin:2%;background-color: #d3bf6f; float:left; }
.nozominoki_back li a {color:#FFF;font-size: 16px; font-weight:bold;}
.nozominoki_back li:hover,a:active{opacity:.7;border:none;outline:none;}


/* お問い合わせページ */
.medical {font-size: 14px;margin-right: 2%;margin-left: 2%;line-height: 1.8em; }

h5 {line-height: 1.3;padding: .3em .75em;margin-bottom:4%;border: 2px solid #8dc21f;border-radius: 4px;font-size: 22px;color: #fff;background:#8dc21f;
}

.area .box2 dl {font-size:14px;padding:.5em 0 5%;}
.area .box2 dd {width:92%;float:left;padding:.2em 4%; line-height:1.8;}

.hitoriyoku img {width:40%;padding:5px 0 10px; margin-left:3%;}

.area .event {padding:0 3%; margin-bottom:5%;}
.area .event dl {font-size:14px;border-bottom:1px solid #aaa;padding:1em 0; width:100%;}
.area .event dt {width:20%;float:left;text-align:center;}
.area .event dd {width:74%;float:left;padding-left:5%;}
.area .event ol li {list-style: decimal;margin-left:20px;}

.daycare h4 {
	font-size: 18px;
	font-weight: bold;
	color: #ffb800;
	line-height: 1.5;
	margin: 1% 2% 2%;
	padding: .3em 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaa;
}


/* インフォページ */

table.type1 {
	width:100%;
	font-size:14px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type1 thead th  {
	padding: 10px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #006934;
	background: #8dc21f;
}
table.type1 tbody th  {
	width: 11%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
}

table.type1 td {
	width: 6%;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}


table.type2 {
	width:100%;
	font-size:13px;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.2;
	border-left: 1px solid #ccc;
	margin:2% auto;
}

table.type2 thead th  {
	padding: 10px 3px;
	color:#fff;
	text-align:center;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #8dc21f;
}

table.type2 td {
	width: 7%;
	padding: 10px 3px;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

/* リハビリステイページ */
.rehabili {font-size: 18px; font-weight:bold; color:#ea5160; margin-right: 2%;margin-left: 1em;line-height: 1.8em; margin-bottom:1%;}
.rehabili_list {margin-bottom:3%;}
.rehabili_list li {font-size: 14px;margin-right: 2%;margin-left: 1.5em;line-height: 2.5em; border-bottom:dotted 1px #888888;}
.rehabili_ph {width:65%; text-align:center; margin:2% auto;}
.rehabili2 {font-size: 18px; font-weight:bold; color:#ea5160; margin-right: 2%;margin-left: 1em;line-height: 1.8em; margin-bottom:6%; border-bottom: double 4px #ea5160;display: inline-block;}

#main .inner_rehabili {padding-bottom:20px;margin:3% 2% 2%;border: 4px solid #8dc21f;border-radius: 10px; }
#main .inner_rehabili h2 {padding:1%; background:#8dc21f;color:#fff; text-indent:1em;}
#main .inner_rehabili h2 span {color:#fff;}

#main .rehabili_nagare {padding-bottom:6%;}
#main .rehabili_nagare dl {font-size:14px;padding:1.5em 0;width:100%;}
#main .rehabili_nagare dt {width:98%;font-size:15px; text-align:center; background:#dbdcdc; padding:5px 0; margin-bottom:2%;}
#main .rehabili_nagare dd {width:98%;line-height:1.8em;}

#main .area.daycare h7 {color:#ffb800;font-size:24px;line-height:1.3;padding:5% 0 5% 1em; margin:10px 0;font-weight:bold;}
#main .area.daycare h7 span {font-weight:normal;color:#5a5a5a;font-size:15px;margin-left:1em;}

#main .area.daycare .box2 dl {width:98%;margin:auto;font-size:14px;border-top:1px solid #aaa;padding:1em 0 3%;}
#main .area.daycare .box2 dt {font-size:18px;width:5%;float:left;text-align:right;color:#ffb800;padding-left:1%;}
#main .area.daycare .box2 dd {width:86%;float:left;padding:0 4%;}

#main .inner_toiawase2 {padding: 25px 10px 20px;margin:3% 2% 6%; }
#main .inner_toiawase2 h2 {padding-left:3%;}
#main .inner_toiawase2 .box { width:100%;padding:0;}
#main .inner_toiawase2 dl {font-size:14px;border-top:1px solid #aaa;padding:1em 0; width:100%;}
#main .inner_toiawase2 dt {width:20%;float:left;text-align:center;}
#main .inner_toiawase2 dd {width:74%;float:left;padding-left:5%;}
#main .inner_toiawase2 ol li {list-style: decimal;margin-left:20px;}

/* 入所について */
#model {margin:3% auto; text-align:center;} 
.model-list  { vertical-align:middle;　width:90%; border: 1px solid #aaa; padding:1em 0; margin:2%;}
.model-list  .list-1 { width: 35%;float: left;text-align: center;padding: 5px 0; margin-right:2%;}
.model-list  .list-2 { font-weight:bold; font-size: 16px;width: 60%;float: left;padding: 5p 1em; text-align:left;}
.model-list .list-2 #list-address {font-size:12px; margin-top:1%;}

.nyusho_ph img {width:20%; text-align:center; margin:-1% auto;}
.rouken02 { color:#ffb800; font-weight:bold; margin-bottom:-1%;}

.nozomi_torikumi { margin-top:1.5%;font-size:14px; line-height:1.6em; list-style-type:none;padding-left:1em;text-indent:-1em;}

/* リクルート */
.recruit img {width:60%; margin:auto; text-align:center;}
.border {border-top: 2px dashed #f8c7cd; width:95%; margin:1% auto;}
h6 {font-size:18px;padding-left:.5em;position: relative;padding-bottom: .4em;border-bottom: 4px solid #8dc21f; }

@media screen and (min-width:375px) {
.contents_btn li h3 {font-size:17px;margin-top: 15px;}
#header_top {position: absolute;right: 0;bottom: 0;top:2%;max-width:100%;z-index:100;}
.nozominoki li {width: 40%;}
.nozominoki_back li {width: 40%;}
}


@media screen and (min-width:568px) {
.head_navi li a {line-height: 4em;}
.head_menu li a {padding: 3% 0;}
.contents_btn li {min-height: 400px;}
#header_top {position: absolute;right: 0;bottom: 0;top:6%;max-width:100%;z-index:100;}
.recruit_btn ul {width: 75%;margin: 2em auto;padding:0 auto 4em; text-align:center;}
.inner dt {text-align:right;}

#main .inner .guide dl {width:100%;}
#main .inner .guide dt {width:36%;float:left;text-align:center;margin-left:5%;margin-top:1%;}
#main .inner .guide dd {width:54%;float:left;padding-left:5%;padding-right:0;margin-top:1%;}
.nozominoki li a { font-size:17px;}
.nozominoki_back li a { font-size:17px;}
.hitoriyoku img {width:30%;}
.daycare_ph {width:100%;margin-bottom:3%;}
.daycare_ph img {width:45%; margin:0 0 6% 4%; float:left;}
.recruit img {width:100%;}
}

@media screen and (min-width:620px) {
#header_top {position: absolute;right: 0;bottom: 0;top:7%;max-width:100%;z-index:100;}

}

@media screen and (min-width:650px) {
#header_top {position: absolute;right: 0;bottom: 0;top:6%;max-width:100%;z-index:100;}

#main .rehabili_nagare dl {border-bottom:1px solid #aaa;}
#main .rehabili_nagare dt {width:20%;float:left;font-size:15px; text-align:center; background:#dbdcdc; padding:3px 0; margin-bottom:0;}
#main .rehabili_nagare dd {width:74%;float:left;padding-left:5%;line-height:1.8em;}

}


@media screen and (min-width:768px) {
.pc {display:block;}
.sp {display:none;}

#gnavi {background-image:url(../images/footer_bg.jpg);background-size: contain;}
#gnavi ul {background:url(../images/navi_bg2.png) no-repeat center;background-size: cover;max-width:1024px;max-width:contain;margin:0 auto;}
#gnavi li {width:20%;float:left;box-sizing:border-box;border-right:1px solid #d6ecbd;position:relative;margin:1% 0;}
#gnavi li:last-child {border-right:none;}
#gnavi li a img {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;margin-bottom:3px;}
#gnavi li a:hover img { border-bottom:3px solid #fff; margin-bottom:-3px;}


#gnavi ul::after {display: block;clear: both;content: '';}
#gnavi ul ul {position: absolute;top: 100%;background:rgba(255,255,255,.95);padding:0;max-width: 100%;width:100%;z-index:1;}
#gnavi ul ul li {float: none;margin: 0;display:block;font-size:1.3em;border:none;width:100%;}

#header {height: 100px;position: absolute;z-index: 9;}
#header .logo { width:260px;height: auto;padding-top: 20px; text-align:center; margin:0 auto;}
.head_navi {width: auto;position:absolute;top: 15px;right: 75px;font-size: 1.3em;}
.head_navi ul {border-bottom: none;}
.head_navi li {width:auto;border:none !important;border-right: 1px solid #fff !important;display: table-cell;background:none;height: 50px;}
.head_navi li br {display: block;}
.head_navi li a {line-height: normal;padding: 0 15px;color:#fff;}
.menu-btn {top: 15px;right: 10px;}
.menu-btn span {width: 50px;height: 50px;}
.menu-btn span:after {width: 30px;height: 35px;}
.head_menu {background:none;width: 350px;right: 0;left: inherit;}
.head_menu ul {margin-top: 63px;}

#mainimg-sp {display:none;}
#mainimg {display:block;position: relative;}
.copy_wrap .copy {position: absolute;top: 32%;left: 3%;z-index: 2;width: 30%;max-width: 300px;}
.mainimg_pict img {width: 36%;}
.mainimg_pict {top: 63%;}
.slide { padding-top: 50%;}

#header_top {position: absolute;right: 0;bottom: 0;top:0;max-width:100%;z-index:100;}


.contents_btn li {width: 24%;min-height: 360px;margin: .5%;padding: 1%;}
#top_contents01 h2 {padding: 1em 0;}


.top_banner {padding: 0;width: 40%;box-sizing:border-box;float:right;}
.top_banner li {margin-bottom: 7%;}

.top .service {margin: 6% 3%;}
.top .service li a {padding: 20% 25%;}
.top .service_in {position:relative;max-width: 1024px;margin: 0 auto;}


#top_contents01 .subarea {padding:2% 2.5%;}

#top_contents02 {padding: 30px 0;}
#top_contents02 h2 {width: 220px;}
#top_contents02 .text_img li {width: 250px;margin: 0 auto;padding: 2% 0 15%;}
#top_contents02 .text_img li:nth-child(even) {padding-left: 15%;padding-top: 15%;}

.info_list {padding: 30px 3%;width: 66%;float: left;margin-left:3em;}
.recruit_btn {width: 20%;margin: 0 auto;float: right;padding: 0 3% 0 0;}
.recruit_btn img {width:100%;}

#info {padding: 30px 0;}
.info_list li {padding: 10px 0 0;}
.info_list li span.date {display: inline-block;vertical-align: top;width: 7em;}
.info_list li a {padding-right: 0;display: inline-block;vertical-align: top;}
#googlemap {padding-bottom: 40%;margin:3% 2%;}

.footer_area {padding: 15px 3%;max-width: 94%;margin: 0 auto;}
.footer_area .logo {width: 400px;float: left;}
.footer_area .logo p { text-align:left;margin-top:2%;}
.footer_area .contact {width: 140px;margin: 0;text-align: right;float: right;padding-top:10px;}

#header .logo_sub {float: left;padding-left: 5% ;width: 200px;padding-top:1%;}
#header .sub_ttl {display:block;float:right;width:190px;margin:0;padding: 2% 3% 0 0;}

#sub_title {height:130px;}
#sub_title {background:url(../images/sub_title_bg.jpg) no-repeat top right;background-size:cover;margin-top:-10px; }


.rouken img {width:26%;padding:5px 0;}
#main .area h2 {font-size:20px;padding-left:0;}
#main .inner_toiawase {margin:3% auto 6%;}
#main .inner_toiawase2 {margin:3% auto 6%;}
#main .inner_toiawase2 .box { width:94%;padding:0 3%;}

.nozominoki ul{width: 100%;margin: 0 auto 2%;}
.nozominoki li {width: 30%;padding:10px; margin:5px 2%;background-color: #ffb800; float:left; }
.nozominoki li a {font-size: 18px;}


.nozominoki_back ul{width: 100%;margin: 0 auto 2%;}
.nozominoki_back li {width: 30%;padding:10px; margin:5px 2%;background-color: #d3bf6f; float:left; }
.nozominoki_back li a {font-size: 18px;}

.hitoriyoku img {width:20%;padding:0;}
.daycare_ph {width:90%; margin-bottom:3%;}
.daycare_ph img {width:40%; margin:0 0 6% 4%; float:left;}
.rehabili_ph {width:43%; text-align:left; margin:0 1.5em 2%;}

.model-list  { width:44%; display:inline-block; text-align: left; border: 1px solid #aaa; padding:1em 0; margin:1% 1% 0;}
.model-list  .list-1 {width: 35%;float: left;text-align: center;padding: 5px 0; vertical-align:middle;}
.model-list  .list-2 {width: 60%;float: left; text-align:left;vertical-align:middle;}
.nyusho_ph img {width:7%; text-align:center; margin:-2% auto -3%;}

.recruit img {width:100%;}
.border {border-top: 3px dashed #f8c7cd; width:90%; margin:auto;}
}
@media screen and (min-width:900px) {
#header .logo_sub {width: 260px;}
#header .sub_ttl {width:220px;padding-top:3%;padding-left: 3% ;}
}

@media screen and (min-width:1024px) {
.movie_area h3 {padding: 1% 0 4%;width: 40%;}
.top_banner li {margin-bottom: 6.5%;}
#top_contents02 .text_img {
    padding: 0;
}
#top_contents02 .text_img li {
    width: 280px;
    margin: 0 auto;
    padding: 2% 0 12%;
}
#sub_title {height:150px;}
#sub_title {background:url(../images/sub_title_bg.jpg) no-repeat top right;background-size:cover;margin-top:-10px; }

}

@media screen and (min-width:1025px) {
.copy_wrap .copy {left: 3%;width: 23%;max-width: inherit;}
.mainimg_pict {top: 65%;left:5%;width:30%;}
.mainimg_pict img {width:100%;}

#header {margin: auto;top: 0;left: 0;right: 0;width: 100%;}
#header .logo {width: 350px;}

#header .logo {margin:0 auto; text-align:center;}
.header_in {max-width:1024px;margin:0 auto;position: relative;}
#header_top {position: absolute;right: 0;bottom: 0;top:0;max-width:100%;z-index:100;}

.head_menu {width: 1024px;right: 0;left: 0;margin: 0 auto;position:absolute;}
.menubox {width:350px;float: right;margin-right: 10px;}

#main .inner {margin:0 auto 5%;max-width: 1024px;}
#main .inner_toiawase {max-width:1024px;}
#main .inner_toiawase2 {max-width:1024px;}

.contents_btn li {width: 23%;min-height: 400px;margin: 1%;padding: 1%;}
.contents_btn li h3 {font-size: 20px;line-height: 1.4;}
.contents_btn li span {font-size: 14px;}

.subarea_in {padding: 0 3%;}
.top_banner li {margin-bottom: 6%;}
.top_banner li a {padding:0;max-width:inherit;}

#top_contents01 h2 {max-width: 340px;padding: 1.5em 0;}
#top_contents02 {max-width: 1600px;margin: 0 auto;}
#top_contents02 h2 {padding-left: 2.9%;width:250px;}

#top_contents02 .text_img li {width: 300px;padding: 7% 0 11%;}
#top_contents02 .text_img li:nth-child(even) {padding-left: 15%;padding-top: 10%;}
.top_contents02_wrap {background:#298972;}
#googlemap {padding-bottom: 32%;}
.footer_area {padding: 15px 0;max-width: 1024px;}

.top .service {margin: 50px 0;padding-top: 10px;}
.top .service:before {width: 50%;}
.top .service:after {width: 1024px;top: 7px;right: 0;margin: 0 auto;left: 0;}
.top .service li a {padding: 20% 30%;}


#header .logo_sub {width: 280px;position: absolute;left: 0;margin-top:0;}
#header .sub_ttl {width: 220px;padding: 1% 3% 0 0;}
}
@media screen and (min-width:1440px) {
.copy_wrap .copy {left: 10%;}
.mainimg_pict {top: 60%;left:6%;width:27%;}
.home #header {width: 85%;}
.slide {
	position: relative;
	width: 100%;
	padding-top: 40%;
	overflow: hidden;
	margin: 0 auto;
}

#gnavi ul {max-width:1300px !important;margin:0 auto;}
#gnavi li {width:20%;float:left;box-sizing:border-box;border-right:1px solid #d6ecbd;position:relative;margin:.6% 0;}

}
@media screen and (min-width:1600px) {
#googlemap {padding-bottom: 26%;}
.head_menu {right: -600px;}

}
@media screen and (min-width:1720px) {
}

@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:portrait){
}



@media screen and (max-width:767.9px) {
	.engage {width:90%;margin-top:8% !important;margin-bottom:4% !important;}
	}