@media screen and  (max-width:599px) {
/* Style_s -599px
-------------------------------------------------------------- */



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

/* 【１】ページ１　Point
-------------------------------------------------------------- */
div #page1 { margin-top: -56px; padding-top:56px; padding-bottom:0em; }


/* 【２】ページ２　work
-------------------------------------------------------------- */
div #page2{ margin-top: -56px; padding-top:56px;}


/* 【３】ページ３　
-------------------------------------------------------------- */
div #page3{ margin-top: -56px; padding-top:56px;}




.p10{ padding: 0 10px}


.hidden_pc { display: block; } /* ★★ PCでIMG表示 ★★ */
.hidden_sp { display: none; } /* ★★スマホでIMG非表示 */

.sp_pl1{padding-left:1em} /* ★★スマホの時のみ１文字左をあける */
.sp_f-size11 {font-size:1.1em;} /* ★★スマホの時のみ文字を大きく */
.sp_f-size12 {font-size:1.2em;} /* ★★スマホの時のみ文字を大きく */


#head-line{ border:5px solid #394676; margin-top:0.5em; } /* 




/* モーダルビュー ================================================== */
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#div_modal{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 0.5em 0 0;
  width: 95%;
 }
 
/* モーダル　Table ================================================== */
#formWrap {
			width:95%;
			color:#555;
			line-height:120%;
			font-size:0.8em;
		}
		table.formTable{
			width:100%;
			margin:0 auto;
			border-collapse:collapse;
		}
		table.formTable td,table.formTable th{
			border:1px solid #ccc;
			padding:5px;
		}
		table.formTable th{
			width:30%;
			font-weight:normal;
			background:#efefef;
			text-align:left;
		}




 

/* スケジュール　　 */
.schedule {
	width:100%;
	margin:0;
	padding:0;
	text-align: center;
}

.schedule th {
	width: 40px;
	font-weight: bold;
}





 /* 料金表　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
.fee {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align: center;
}

.fee table {
	border-collapse:collapse;
	width: 90%;
	margin:0 auto;/* ★ */
	}
.fee th {
	background: #eee;
	font-weight: bold;
	border:1px solid #000;
	padding:8px;
	font-size:12px;
	}
.fee td {
	background: #fff;
	border:1px solid #000;
	padding:8px;
	font-size:12px;
	text-align: center;
	}






/* HEADER COMMON
-------------------------------------------------------------- */
ul#header_menu{ display: none; }
div#sm_menu_wrap{ display:block; width: 100%; position: relative;}
div#sm_menu_cont{ width: 100%;  position: absolute; top:70px; background: #ffffff;  z-index: 100; color: #007E82}
/* ★ Menuボタン色変更 */
.menu_bt{ text-align: center; width: 50px; height: 80px; position: absolute; z-index: 100; right: 5px; top:12px; color: navy; font-size: 0.85em; line-height: 1.3em;}
.menu_bt i{ font-size: 2.5em;}
.menu_bt:hover{ cursor: pointer}

/* 中メニュー */
ul#sm_menu{ display: none;  border: 5px solid #EBECEC;}
ul#sm_menu > li{ border-top: 2px solid #EBECEC; padding: 10px;}
/* 小メニュー */
ul#header_menu_sm{ display: table; margin-bottom: 3px;width: 100%; background: #394676;} /* ★★★メニュー背景色 */
	/* ４ボタン　25% ５ボタン　20% 　⇒DEBUG 　*/
ul#header_menu_sm li{ display: table-cell; width: 25%; text-align: center; vertical-align: middle;   border-left: 4px #fff solid ;  }
ul#header_menu_sm li:first-child{border-left: none; }
ul#header_menu_sm li a{ display: block; line-height: 1.4em; padding: 10px 0; font-size: 0.9em; color: white; } /* ★文字サイズ */



/* CONTENTS COMMON 
-------------------------------------------------------------- */
/* ★ロゴ */
.cont_head{ width: auto; margin: 0 auto;}
h1{ text-align: center; padding: 0 ; margin-bottom: 0; margin-top: 0;}
h1 a{ display: block; text-indent: -99999px; width: 280px; height: 56px; background: url(../images/logo.png) no-repeat;  -moz-background-size:280px auto; background-size:280px auto ;  margin: 5px auto 3px;}

ul#sns{position: absolute; top:5px; right: 4px;}/* ★★★SNSボタン位置 */


.sm_br{display: inline;}

/* 小見出し */
h3{font-size: 1em;font-weight: 700; padding-bottom: 0.5em;}  /* ★ */


/* CONTENTS COMMON 
-------------------------------------------------------------- */
.cont-top{ width: auto; margin: 0 auto -2em;	padding: 1em 0.5em 0em; }/* ★★ */
.cont-top2{ width: auto; margin: 0em auto 2em;	padding: 0;}/* ★★★★ */

.cont{ width: auto; margin: 0 auto;	padding: 0em 0 3em; }
.cont_foot{ width: auto; margin: 0 auto;}
.cont p{font-size: 0.95em; padding: 0 5px;}
div#news p#news_link{ width: 100%; margin: 0 auto;}
div#news{padding: 0em 10px;margin: 0}


/* Page
-------------------------------------------------------------- */
div.page_left{ float: none; width: auto; margin-bottom: 1em; padding: 0 0.6em;}
div.page_right{ float: none; margin-bottom: 0em;padding: 0 15px;}/* ★写真調整 */
div.page_all{ margin: 0em; padding: 0 10px; }	/* ★★★ */
div.page_all_img{ margin:0em; padding: 1em 1em 0em; }	/* ★★★ */

img.banner{ display: none;}
img.banner_sm{ display: inline; margin-bottom: 0.5em;}




/* 見出し切替 */
h2 img{ display: none}
h2 span {display: block; text-align: center; font-size: 1.8em;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; font-weight: bold; margin: 1.2em 0 0.1em;}
h2 span img{ display: inline; max-width: 278px;}

/* 小見出し */
h3.topics{margin-left: 0.3em;}  /* ★ */
.m-tittle{padding: 0 10px;} /* ★小見出し */

#contentBox {padding-top: 0em;}

/* News
-------------------------------------------------------------- */
div#news{ background: #F0ECE8; padding: 1em 0}
div#news ul{ display: block;  border-bottom: 1px dashed #fff;  margin-bottom: 2em; padding: 0 20px 1em 20px; width: auto;}
div#news ul li{ display: block; padding: 1em 0; border-top: dotted 1px #007E82;}
div#news ul li img{ display: none;}
div#news ul li p{ max-width: 100%;}
div#news ul li:first-child{ padding-left: 0px; border:none; padding-top: 0; margin-top: 0}
div#news p#news_link{ width: auto; margin: 0 auto; padding: 0 20px;}





/* Contact
-------------------------------------------------------------- */
div #contact{margin: 0em; padding:0.3em 0 0;}
div.contact_left{ width: auto; float: none; padding: 0 10px;margin-top: 0; margin-bottom: 1em}
div.contact ul{ float: none;  margin: 0 auto; }








/* Footer
-------------------------------------------------------------- */

/* ★カンパニー */
div#footer_detail{ background: url(../images/logo.png) no-repeat center top; padding-left: 0px; -moz-background-size:180px auto; background-size:180px auto ; padding: 60px 10px 0 10px;}
p#copy{ text-align: left;padding-left:1em;font-size: 1.1em;}


/* ★電話 */
#phone{margin-top:0.2em; padding:0.3em 1em}
li#link01{ max-width: 100%}
li#link02{ max-width: 100%}
li#link03{ max-width: 100%}


/* Contact Form  （未使用）
-------------------------------------------------------------- */
div#contact_form_cont dl{ width: 300px; margin: 0 auto;}
div#contact_form_cont dl input.inp{ padding: 5px; width: auto; margin-right: 0em; margin-bottom: 3px;}
div#contact_form_cont dl textarea{ width: 290px; height: 200px; padding: 5px;}
div#contact_form_cont dl dt{ width: 100%; padding-right:0px; padding-bottom: 0em; float:none; }
p.contact_tel{ font-size: 1.3em;  text-align: center; }
div#contact_form_cont dl dd{ width: inherit}

/* News
-------------------------------------------------------------- */
ul#news_list p.day_cat{ float:none; margin-bottom: 0.5em;}
ul#news_list p.title_list{ float: none; width: 100%; color: #33423F;}


}/* =========================================================@media screen */