@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 72%    11px = 79%    12px = 86%   13px = 93%
 14px = 100%    15px = 108%    16px = 115%    17px = 122%
 18px = 129%    19px = 136%    20px = 143%    21px = 150%
 22px = 158%    23px = 165%    24px = 172%    25px = 179%
 26px = 186%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/

*{
	box-sizing: border-box;
}


/* スクロールバーの有無によるズレ対策 */
html {

}

body {

}

input, textarea {
}

/* for IE6 */
* html body {
}
* html input, * html textarea {
}


/* リンク
----------------------------------------------------*/
a {
	display: block;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors_example {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション lg(top,#fff,#000) */
	background-image: -webkit-linear-gradient(#fff, #000);
	background-image: -moz-linear-gradient(#fff, #000);
	background-image: -o-linear-gradient(#fff, #000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#000));
	background-image: linear-gradient(#fff, #000);
}

/* 汎用
----------------------------------------------------*/
/* clear clerfix */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after,
#content:before,
#content:after {
	content: "";
	display: table;
}
.clearfix:after,
#content:after {
	clear: both;
}
.clearfix,
#content {
	zoom: 1;
}

/* 画像の透過 */
.transparent a:hover,
a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


.tL{text-align: left;}
.tR{text-align: right;}
.tC{text-align: center;}

.left {
	float:left;
}

.right {
	float:right;
}

/* 設置するサーバ環境にあわせる */
.ie8_csspie{
}

/* スマホでは非表示 */
.sp-none{
	display: none;
}

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
/* sp slide menu */
#slide_menu{
	display: block;
}

.slidemenu {
	top: 0;
	right: 0;
	width: 240px;
	position: fixed;
	visibility: hidden;
	z-index: -1;
}

.slidemenu {
	background-color: #49b495;
}
.slidemenu li {
	list-style: none;
	border-top: 1px solid #218d6e;
	border-bottom: 1px solid #117457;
	font-size:14px;
	line-height: 1.8;
}
.slidemenu li a {
	padding:10px 0 10px 20px;
	display: block;
	text-decoration: none;
	color: #fff;
}
.slidemenu li:first-child {
	border-top: none;
}
.slidemenu li:last-child {
	border-bottom: none;
}
.slidemenu .slidemenu-header {
	height: 49px;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	background-color: #333;
}
.slidemenu .slidemenu-header div {
	padding: 17px 0px 0px 19px;
	text-decoration: none;
	color: #fff;
}

#pc_body{
	background: url(../images/bg_body.png); 
}



#container{
	margin: 0 auto;
	width: 100%;
}

#container #content{
	padding: 0 2%
}

#container #content #main{
	float: none;
	width: 100%;
}

#container #content #side{
	float: none;
	width: 100%;
}

#container #content #side .bnr_list li{
	
}

#container #content #side .bnr_list li img{
	width: 100%;
}


#breadcrumb .breadcrumb_list{
	margin-left: 2%;
}

#breadcrumb .breadcrumb_list li{
}

#acp{
	margin-left:15px;
}
#acp li{
	float:none;
	padding: 0 0px 0px 25px;
}




/* 2ndページ以降共通 */
.page_page{
	
}

.page_page .page_ttl{
}

.page_page .page_ttl img{
	width: 100%;
}

.page_page .page_subttl{
}

.page_page .page_subttl_t{
}

.page_page .page_subttl_t img{
	max-width: 100%;
}

.page_page .page_ttl_t_bottom_line{
}


.page_page .page_subttl_dot{
}


.page_page .page_content_wrap{
	padding: 4%;
	margin-bottom: 20px;
}

.page_page .page_content_wrap .content_block{
}

.page_page .page_content_wrap .last_block{
}

.page_page .page_content_wrap .content_block .separate{
}

.page_page .page_content_wrap .content_block .separate .left_box{
	float: none;
	width: auto;
}

.page_page .page_content_wrap .content_block .separate .right_box{
	float: none;
	width: auto;
}

.page_page .page_content_wrap .content_block .separate .center_box{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.page_page .page_content_wrap .content_block .separate .center_box img{
	width: 100%;
}

.page_page .page_content_wrap .content_block .separate .thumbnail{
	
}

.page_page .page_content_wrap .content_block .separate .thumbnail span{
	width: auto;
}
.page_page .page_content_wrap .content_block .separate .thumbnail span.span_left{
	margin-right: 0;
}
.page_page .page_content_wrap .content_block .separate .thumbnail span img{
}

.page_page .page_content_wrap .content_block .common_list{
}

.page_page .page_content_wrap .content_block .common_list li{
}

.page_page .page_content_wrap .content_block .common_list li img{
	max-width: 100%;
}

.page_page .page_content_wrap .content_block h4 span{
	display:block;
}


.page_page .page_content_wrap .content_block p{
}

.page_page .page_content_wrap .content_block .half_list{
	margin-right: 0;
}

.page_page .page_content_wrap .content_block .half_list li{
	float: none;
	margin: 0 0 20px 0;
	width: auto;
}

.page_page .page_content_wrap .content_block .half_list li img{
	max-width: 100%;
}

.page_page .page_content_wrap .content_block .half_list li.last{
	margin-bottom: 0;
}

.page_page #side .side_low_list{
	
}

.page_page #side .side_low_list .side_ttl{
	margin: 0 auto -20px auto;
}

.page_page #side .side_low_list .inner{
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px 20px 10px 20px;	
	margin-bottom: 20px;
}

.page_page #side .side_low_list .inner li{
	background: url(../images/ico_right_arow.png) left 12px no-repeat;
	border-top: 1px dotted #837a53;
	padding: 8px 0 8px 30px;
}
.page_page #side .side_low_list .inner li:first-child{
	border-top: 0;
}

.page_page #side .side_low_list .inner li a{

}


/*----------------------------------------------------
	news | お知らせ・活動報告
----------------------------------------------------*/
#page_news{
	
}

#page_news .content_block{
	border-bottom: 1px dotted #6c5c53;
}

#page_news .content_block .date{
	margin-bottom: 0;
}



/*----------------------------------------------------
	header | ヘッダー
----------------------------------------------------*/
header{
	background: #fff;
	margin-bottom: 20px;
}

header .header_top{
	border-bottom: 1px solid #ccc;
}

header .header_top h1{
	display: none;
}

header .header_bottom{
	margin: 0 auto;
	padding: 14px 0;
	width: auto;
}

header .header_bottom .logo{
	float: left;
	width: 60%;
}
header .header_bottom .logo img{
	max-width: 100%;
}

header .header_bottom .header_link{
	display: none;
}

header .header_bottom #btn_sp_menu{
	display: block;
	float: right;
	margin-right: 2%;
	width: 30%;
}
header .header_bottom #btn_sp_menu img{
	max-width: 100%;
}

/* gnav */
header #gnav{
	display: none;
}



/*----------------------------------------------------
	footer | フッター
----------------------------------------------------*/
footer{
}

.page_top{
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
}

footer .page_top img{
	padding-right: 2%;
	width: 50%;
}

footer .footer_bg{
}

footer .footer_bg .inner{
	display: none;
}

footer .footer_bg .copyright{
	padding-top: 30px;
	text-align: center;
	width: 100%;
}


/*----------------------------------------------------
	home | トップページ
----------------------------------------------------*/
.page_index{
	
}

.page_index #main_visual{
	margin: 0 2%;
}

.page_index #main{
	
}

.page_index #main .news_wrap{
}

.page_index #main .news_wrap .news_ttl{
	text-align: center;
	margin: 0 auto -30px auto;
}

.page_index #main .news_wrap .news_list_link{
	display: none;
}

.page_index #main .news_wrap .inner{
}

.page_index #main .news_wrap .inner .news_list{
	
}

.page_index #main .news_wrap .inner .news_list li{
}

.page_index #main .news_wrap .inner .news_list li:first-child{
}

.page_index #main .news_wrap .inner .news_list li .date{
}

.page_index #main .news_wrap .sp_news_list_link{
	display: block;
	margin: 10px auto 0 auto;
}
.page_index #main .news_wrap .sp_news_list_link a{
	text-align: center;
}

.page_index #main .menu_wrap{
	margin-right: 0;
}

.page_index #main .menu_wrap .memu_container{
	margin-bottom: 20px;
	margin-right: 0 !important;
	width: 100%;
}

.page_index #main .menu_wrap .memu_container img{
}

.page_index #main .menu_wrap .memu_container ul{
}

.page_index #main .menu_wrap .memu_container ul li{
}



.page_index #side .blog_wrap{
	
}

.page_index #side .blog_wrap h3 img{
	width:100%;
}

.page_index #side .blog_wrap .inner{
}

.page_index #side .blog_wrap .inner .blog_list{
	
}

.page_index #side .blog_wrap .inner .blog_list li{
}
.page_index #side .blog_wrap .inner .blog_list li:first-child{
}

.page_index #side .blog_wrap .inner .blog_list li .date{
}

.page_index #side .blog_wrap .inner .blog_list li .blog_ttl{
	
}


/*----------------------------------------------------
	information | 施設のご案内
----------------------------------------------------*/

/*----------------------------------------------------
	access | 交通アクセス
----------------------------------------------------*/

#page_access .content_block iframe{
	height: auto;
	width: 100%;
}


/*----------------------------------------------------
	service | サービス案内
----------------------------------------------------*/

.page_page .content_block .service-schedule{
}
.page_page .content_block .service-schedule dd.sp-mb0{
	margin-bottom: 0px;
}
.page_page .content_block .service-schedule h4{
	padding-top:0px;
	padding-bottom:5px;
	padding-left:0px;
}
.page_page .content_block .service-schedule h5{
	padding-left:0px;
}
.page_page .content_block .service-schedule p{
	padding-left:0px;
	margin-bottom:5px;
}
.page_page .page_content_wrap .content_block .separate .service-schedule .reverse .left_box{
	float: none;
	width: auto;
}
.page_page .page_content_wrap .content_block .separate .service-schedule .reverse .right_box{
	float: none;
	width: auto;
}
.page_page .content_block .service-flow h4{ font-size:122%;}
.page_page .content_block .service-flow p{ padding-left:0px;}
.page_page .content_block .service-flow ul{ padding-left:0px;}


/*----------------------------------------------------
	recruit | スタッフ紹介
----------------------------------------------------*/
.staffMsg {
	float:none;
	padding:0 0 10px 0;
}
.staffDay {
	background:#edf8e4;
	border-radius:10px;
	padding:15px 20px 10px 20px;
}
.staffDay h5 {
	color:#5e863b;
	font-weight:bold;
	border-bottom:dashed 1px #5e863b;
	padding-bottom:10px;
	margin-bottom:10px;
}
.staffDay .staffImg{
	float:none;
	padding:0 0 10px 0;
}
.staffDay dl{
	float:none;
	width: 100%;
}
.staffDay dl dt{
	float:none;
	width: 100%;
}
.staffDay dl dd{
	width: 100%;
}


/*----------------------------------------------------
	recruit_requirement | 募集要項
----------------------------------------------------*/
#page_requirement .reqeire h3 img{
	width:100%;
}
#page_requirement .reqeire .separate{
	padding:0 10px;
	margin-bottom:10px;
}
#page_requirement .reqeire .reqeire_mt{
	margin-top:0px;
}
#page_requirement .reqeire .left_box{
	width:auto;
}
#page_requirement .reqeire .right_box{
	width:auto;
}
#page_requirement .reqeire .right_box img{
	margin-top:10px;
	width:100%;
}


/*----------------------------------------------------
	contact | お問い合わせ
----------------------------------------------------*/
#page_contact .content_block dl dt{
	width: auto;
	float: none;
	clear:both;
}
#page_contact .content_block dl dd{
	width: auto;
}


/*----------------------------------------------------
	availability | 施設空き状況
----------------------------------------------------*/
#page_availability .content_block dl dt{
	width: auto;
	float: none;
	clear:both;
}
#page_availability .content_block dl dd{
	width: auto;
}