


  





@media screen and (min-width:600px) and (max-width:949px) {

/* Style_m 600-949 px
-------------------------------------------------------------- */
img {max-width: 100%;height: auto;}


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


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


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






.p10{ padding: 0 10px}
.hidden_pc { display: none; } /* ★★ PCでIMG非表示 ★★ */
img.banner{ margin-bottom: 1em; }
img.banner_sm{ display: none;}


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

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

.schedule table {
	border-collapse:collapse;
	width: 90%;
	margin:0 auto;/* ★ */
}
.schedule th {
	width: 60px;
	font-weight: bold;
}



 /* 料金表　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
.fee {
	width:500px;
	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;
	}



#div_modal{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 1em;
  width: 640px;
  border: solid 4px steelblue; 
 }


/* モーダル　Table ================================================== */
#formWrap {
			width:90%;
			margin:0 auto;
			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;
		}




/* 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:5px; color: gray; 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#sm_menu li a{display: block; width: 100%;}

/* メニュー可変-------------------------------------------------------------------------background: #E6ECED; */
	/* ４ボタン　25% ５ボタン　20% 　*/
ul#header_menu_sm{ display: table; margin-bottom: 3px; width: 100%; background: #394676;} /* ★★★メニュー背景色 */
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.2em; padding: 10px 0; color: white; } /* ★文字サイズ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


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


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


/* CONTENTS COMMON
-------------------------------------------------------------- */
.cont-top{ width: auto; margin: 0 auto -2em;	padding: 1em 0 0em;}/* ★★★★ */
.cont-top2{ width: auto; margin: 0em auto 2em;	padding: 0em 0; }/* ★★★★ */
.cont{ width: auto; margin: 0 auto;	padding: 0em 0 4em;}	/* ★★★★ */
.cont_foot{ width: auto; margin: 0 auto; padding:0 1em;}
.cont p{  text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph; font-size: 1.0em; padding: 0 10px;}

/* Page
-------------------------------------------------------------- */
div.page_left{ float: none; width: auto; margin: 0em; padding: 0 1em;}
div.page_right{ float: none; padding-top: 0.5em; margin-bottom: 0em; }
div.page_all{  margin: 0em; padding:0 1em; }	/* ★★★ */

div.page_all_img{margin:0; padding-top:1em; padding-left:1em; padding-right:1em;}	/* ★★★ */


/* News 新着情報
-------------------------------------------------------------- */
/* div#news{ padding: 1em 0; margin-top: -4em;} */
div#news{padding:0; border: solid 1px #F0ECE8;}/* 線がないと崩れる */
div#news p#news_link{ width: 100%; margin: -1em auto 1em;}



div#news ul{table-layout:fixed;} 
div#news ul li{ padding-left: 17px; padding-right: 17px;}
div#news ul li:first-child{ padding-left: 17px; padding-right: 17px;}

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

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

/* Contact
-------------------------------------------------------------- */
div #contact{margin-top: 0em; padding:0em;}
div.contact_left{ width: auto; float: none; padding: 0 10px; margin-bottom: 2em}
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:200px auto; background-size:200px auto ; padding:60px 10px 0 10px;
 }

p#copy{ text-align: center}

/* Contact Form
-------------------------------------------------------------- */
div#contact_form_cont dl{ width: 500px;}
div#contact_form_cont dl textarea{ width: 100%; margin-top: -2em;}
div#contact_form_cont dl dd{ width: 200px}

/* 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 */

