html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 980px){
	/* -------------------------------------------- */
	#content {margin:0px auto; padding:20px 0px;}
	/* ------------------Header-------------------- */
	header {width:100%; margin:0px auto; background:#FFFFFF;}
	.subnav3 {display:none;}
	.subnav5 {display:block;}
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	.space{display:none;}
	.staffmain02{display:none;}
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	footer {width:980px; margin:0px auto; background-color:#333;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}


@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.wrap-headline{display:none;}
	.wrap-header{width:100%;height: 80px; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.subnav{width:100%;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav3 .links {width:100%;background: none;background-color:#FFFFFF;}
	.subnav3 .links ul{list-style: none; margin:3px auto;padding:0;height:100%;}
	.subnav3 .links ul li{height:26px;position:relative; float:left; padding:0px; width:16%; text-align:center;overflow:hidden;	margin-bottom:2px;}
	#tel{display:none;}
	#stage {display:none;}
	.subnav3 {display:block;}
	.subnav5 {display:none;}
	#headphoto {display:none;}
	#phtext_mob1 {display: block; }
	.kokuchibana {display: block; }
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#main {width:100%; margin-left:0px auto; margin-right:0px auto; margin-top:200px; overflow: hidden; background:none;}
	#topmain {width:100%; margin:0px auto; overflow: hidden; background:nonex;}
	#news {width:60%; margin-top:10px;margin-bottom:10px;margin-left: 20px; float:left;}
	#banabar {width:33%; margin-top:10px; float:right;}
	body{width:100%;}
	#topbtn2 {width:55%; margin:10px 20px 0 10px;padding-left:7px;padding:0;float:right; text-align:center;}
	#topcontent {width:60%;height:100%; float:right; margin:10px 20px 0 0;}
	.staffmain02{display:block;}
	.staffmain{display:none;}
	#prpoint {width:100%;}
	#prpoint .pr{ width:100%; height:200px;margin-left: auto;margin-right: auto;text-align:center;background: url("../images/mainbk02.jpg") no-repeat; background-size:100% auto;}
	#linkbtn {width:100%; margin-top:20px;margin-bottom:10px;margin-left: auto;margin-right: auto;b position:relative;overflow : hidden;}
	.inner table {width:100%;}
	.inner02 table {width:100%;}
	#cont05 { display:none; }
	#cont05b { display:block; }
	#btn2{background:none;}
	#phbtn02 {display: block; }
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	#footbar	{margin-left: auto;margin-right: auto;width:100%;height:30px;text-align:center;padding-top:5px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}



@media only screen and (min-width: 620px) and (max-width: 767px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.wrap-headline{display:none;}
	.wrap-header{width:100%;height: 80px; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.subnav{width:100%;background:#555555 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
#logo {float:left; margin-top:10px;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav3{width:100%;height:60px; margin:0px auto; padding-top:10px;background:url("../images/pattern02.png") repeat-x;}
	.subnav3 .links {width:100%;background: none;background-color:#FFFFFF;}
	.subnav3 .links ul li{height:26px;position:relative; float:left; padding:0px; width:30%; text-align:center;overflow:hidden;}

	#tel {display:block;}
	#logo {float:left; margin-top:5px;}
	#stage {display:none;}
	.subnav3 {display:block;}
	.subnav5 {display:none;}
	#headphoto {display:none;}
	#phtext_mob1 {display: block; }
	.kokuchibana {display: block; }
	/* ------------------Content------------------- */
	#main-content{width:100%; margin:10px 0 0 0;background:#FFFFFF;}
	#main {width:100%; margin:0px auto; overflow: hidden; background:none; }
	#topmain {width:100%; margin:0px auto; overflow: hidden; background:none;}
	#news {width:96%; margin-top:10px;margin-bottom:10px;margin-left: auto;margin-right: auto;float:none;}
	body{width:100%;}
	div#floating-menu { position: static;}
	#banabar {width:100%; margin:10px 10px 0px 0px; float:right;}

			.sidecont{width:100%; margin-bottom:10px;margin-left: auto;margin-right: auto;padding:0;}
			#btn4{ display:none;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0px 0 0;}
	#topbtn2 {display:none;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0 0 0;}
	#linkbtn {width:100%; margin-top:20px;margin-bottom:10px;margin-left: auto;margin-right: auto;b position:relative;overflow : hidden;}
	#prpoint {width:100%;}
	#prpoint .pr{ width:100%; height:180px;margin-left: auto;margin-right: auto;text-align:center;background: url("../images/mainbk02.jpg") no-repeat; background-size:100% auto;}
	.inner table {width:100%;}
	.inner02 table {width:100%;}
	#phbtn02 {display: block; }
	/* ------------------Footer-------------------- */
	#footbar	{margin-left: auto;margin-right: auto;width:100%;height:30px;text-align:center;padding-top:5px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.wrap-headline{display:none;}
	.wrap-header{width:100%;height: 80px; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.subnav{width:100%;background:#555555 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav3{width:100%;height:60px; margin:0px auto; padding-top:15px;background:url("../images/pattern02.png") repeat-x;}
	.subnav3 .links {width:100%;background: none;background-color:#FFFFFF;}
	.subnav3 .links ul li{height:26px;position:relative; float:left; padding:0px; width:30%; text-align:center;overflow:hidden;}
	#tel	{display:block;}
	#logo {float:left; margin-top:5px;}
	#stage {display:none;}
	.subnav3 {display:block;}
	.subnav5 {display:none;}
	#headphoto {display:none;}
	#phtext_mob1 {display: none; }
	#phtext_mob {display: block; text-align:center;}
	.kokuchibana {display: block; }
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#main-content{width:100%; margin:10px 0 0 0;background:#FFFFFF;}
	#news {width:96%; margin-top:10px;margin-bottom:10px;float:none;margin-left: auto;margin-right: auto;}
	#news .news-content {	width:90%}
	#main {width:100%; margin:0px auto; overflow: hidden; background:#FFFFFF;}
	div#floating-menu { position: static;}
	#topmain {width:100%; margin:0px auto; overflow: hidden; background:#FFFFFF;}
	.contact2{display:none;}
	.contact{display:block;}
	#banabar {width:100%; margin:10px 10px 0px 0px; float:right;}
			.sidecont{width:100%; margin-bottom:10px;margin-left: auto;margin-right: auto;padding:0;}

			#btn4{ display:none;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0 0 0;}
	#topbtn2 {width:100%; margin:10px 20px 0 10px;padding-left:0px;padding:0;float:right; text-align:center;}

	#linkbtn {width:100%; margin-top:20px;margin-bottom:10px;margin-left: auto;margin-right: auto;b position:relative;overflow : hidden;}
	#prpoint {width:100%; margin-top:10px;margin-bottom:10px;margin-left: auto;margin-right: auto;position:relative;}
	#prpoint .pr{ width:100%; height:440px;margin-left: auto;margin-right: auto;text-align:center;background: url("../images/mainbk03.jpg") no-repeat; background-position:center;}
	#prpoint .pr img{display:block;}
	.inner table {width:100%;}
	.inner02 table {width:100%;}
	#cont01 { width: 97%; height: 100%; padding: 5px;  margin: 20px 0 30px 0;  line-height: 1.5;border:1px solid #AAA;}
	#cont05 { display:none; }
	#cont05b { display:block;border:none; }
	#phbtn02 {display: none; }
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	#footbar	{margin-left: auto;margin-right: auto;width:100%;height:30px;text-align:center;padding-top:5px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

@media only screen and (max-width: 479px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	.wrap-headline{display:none;}
	.wrap-header{width:100%;height: 80px; position: relative; margin: 0 auto; padding: 0px; background-position:right;}
	.head-cont{width:100%; margin-left: auto;margin-right: auto;}
	.subnav{width:100%;background:#555555 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
	.subnav3{width:100%;height:100px; margin:0px auto; padding-top:15px;background:url("../images/pattern02.png") repeat-x;}
	.subnav3 .links {width:100%;background: none;background-color:#FFFFFF;}
	.subnav3 .links ul li{height:26px;position:relative; float:left; padding:0px; width:45%; text-align:center;overflow:hidden;}
	#logo {float:left; margin-top:5px;}
	#tel	{display:block;}
	#stage {display:none; }
	.subnav3 {display:block;}
	.subnav5 {display:none;}
	#headphoto {display:none;}
	#phtext_mob1 {display: none; }
	#phtext_mob {display: block; text-align:center;}
	.kokuchibana {display: block; }
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	#main-content{width:100%; margin:-15px 0 0 0;background:#FFFFFF;}
	#main {width:100%; margin:0px auto; overflow: hidden; background:#FFFFFF;}
	#topmain {width:96%; margin:0px auto; overflow: hidden; background:#FFFFFF;}
	#topcontent {width:100%;height:100%; float:right; margin:10px 0px 0 0;}
	#topbtn2 {width:100%; margin:10px 0 0 10px;padding-left:0px;padding:0;float:right; text-align:center;}
	#sch{background:#FFFFFF; overflow : hidden; margin-bottom:3px}
	#news {width:92%; margin-top:10px;margin-bottom:10px;margin-left: auto;margin-right: auto;float:none;}
	.font18 img{float:right;margin:0 0 2px 15px; display:none;}
	#news .news-content {	width:88%}
	div#floating-menu { position: static;}
	#linkbtn {width:100%; margin-top:20px;margin-bottom:10px;margin-left: auto;margin-right: auto;b position:relative;overflow : hidden;}
	#prpoint {width:100%; margin-top:10px;margin-bottom:10px;margin-left: auto;margin-right: auto;position:relative;}
	#prpoint .pr{ width:100%; height:100%;margin-left: auto;margin-right: auto;text-align:center;background: url("../images/mainbk03.jpg") no-repeat; background-size:100% auto;}
	#conttext { width: 96%;margin-left: auto;margin-right: auto; padding:20px;}
	#prpoint .pr img{display:block;}
	#school01{display:none;}
	#school02{display:block;}
	#cont01 { width: 96%; height: 100%; padding: 5px;  margin: 20px 0 30px 0;  line-height: 1.5;border:1px solid #AAA;}
	#cont04 { width: 92%;	 padding:10px;}
	#cont04 .protitle {	width: 100%; float:none; margin-bottom:5px;}
	#cont04 .prolist00 {	width: 100%; float:none;}
	#banabar {width:100%; margin:10px 0px 0px 0px;}
	#headphoto{display:none;}
	#cont04 .protitle02 {	width: 100%;   text-indent: 5px;}
	#cont04 .prolist00 { width: 96%;padding: 0 10px 0 5px;	}
	#cont04 .prolist01 img{margin:0 100px 0px 100px; passing-bottom:10px;text-align:center;}
	#cont04 .prolist02 img{margin:0 100px 0px 100px;}
	#cont03 { width: 96%;padding: 0 10px 0 5px; border:none;	}
	img.main02 { float: right; margin:10px 5px 5px 0; width:80px;}
	.fieldtitle {background: #CECECF;}
	.formleft { width:95%;}
	.formright { width:95%;}
	.font22 img { display:none;}
	.font24 { width: 90%;}
	#mform { width:98%;}
	#komoku{ width:98%;}
	.semilist { width:90%; height:100%: background:#FFFFFF;margin:10px 0px 0 25px;}
	.wrap-col{ width:96%; margin:0px;overflow : hidden;margin-left: auto;margin-right: auto;text-align:center;}
	#cont05 { display:none; }
	#cont05b { display:block;border:none; }
	#btn4{ display:none;}
	#phbtn02 {display: none; }
	/* ------------------Footer-------------------- */
	#footbar	{margin-left: auto;margin-right: auto;width:100%;height:30px;text-align:center;padding-top:5px;}
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}