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


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 546px) {
#SMP------------------------{}

	* { font-family: sans-serif; }/*明朝を使わない*/

	body {
		background:url(./image/bg01.gif);
		overflow-x: hidden;
	}

	.inner {
		width:96%;
		margin:0 auto;
	}

	#header {
		width:100%;
		height:40px;
		background:url(./image/bg_header.png);
	}

	#header .rogo{
		float:left;
		width:40%;
		margin:4px 0px 0px 0px;
	}

	#header .btn{
		display:none;
	}

	#header .access{
		display:none;
	}

	#header .tel{
		float:right;
		width:40%;
		margin:7px 40px 0px 0px;
	}

	#header img{
		width:100%;
		height:auto;
	}

	#navi {
		width:100%;
		height:81px;
		background:url(./image/bg_navi.png) top center no-repeat;
		z-index:0;
		background-color: #ff982e;
	}

	#navi ul {
		width:100%;
		margin:0 auto;
	}

	#navi ul li{
		float:left;
		width:33%;
		height:40px;
		border-bottom:1px dotted #94422e;
	}

	#navi ul li:nth-child(1){
		background:url(./image/navi01_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li:nth-child(2){
		background:url(./image/navi02_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li:nth-child(3){
		background:url(./image/navi03_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li:nth-child(4){
		background:url(./image/navi04_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li:nth-child(5){
		background:url(./image/navi05_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li:nth-child(6){
		background:url(./image/navi07_off.gif) center center no-repeat;
		background-size:cover;
	}

	#navi ul li a{
		display:block;	
		width:100%;
		height:40px;
	}

	#navi ul li ul li{
		display:none;	
	}

	#navi ul li img{
		display:none;
	}

	#navi ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	#header .spmenu {
		position:absolute;
		top:7px;
		right:2%;
		width:34px;
	}

	#setsumeikai-wide,
	#setsumeikai {
		background-color:#FFF;	
		text-align:center;
		width: 100%;
		height:auto;
		padding:12px 0;
		position: relative;
		z-index: 0;
		top: 0px;
	}

	#setsumeikai img,
	#setsumeikai-wide img{
		width: 96%;
		height:auto;
		margin:0 auto;
	}

	#rotation {
		width:100%;
		height:200px;
		z-index:9999;
		top:124px;
	}

	#sliderInner {
		position:relative;
		width:100%;
	}

	.bx-viewport {
	}

	#philosophy {
		width:96%;
		margin:20px auto 30px;
		background:url(./image/img_top01.png) top center no-repeat;
		background-size:30%;
	}

	#philosophy img{
		width:100%;
		height:auto;
	}

	#philosophy-body {
		padding-top:100px;
		width:100%;
	}

	#philosophy-body p{
		font-size:14px;
		line-height:22px;
		margin:16px 0 10px;
	}

	#topics-event {
		width:100%;
		margin:0px auto 40px;
	}

	#topics-event .title {
		width:100%;
		margin:0px 0 0;
	}

	#topics-event .title img{
		height:auto;
	}

	#topics,
	#event {
		width:96%;
		margin:0px auto 15px;
		padding:10px 0;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		background-color:#f7f0e2;
	}

	#topics {
		margin:10px auto 15px;
	}

	#topics ul,
	#event ul{
		width:96%;
		margin:0px auto 15px;
		padding:15px 0 0 0px;
		font-size: 14px;
	}

	#topics ul li,
	#event ul li{
		margin:0px 0px 10px 0;
		padding-left:10px;
		padding-bottom:10px;
		background:url(./image/dotline2.gif) bottom center no-repeat;
	}

	#dotline {
		width:100%;
		height:2px;
		background:url(./image/dotline.png) bottom center repeat-X;
		margin-top:-2px;
	}

	.title {
		display:block;
		margin:0px auto 20px;	
		width:240px;
	}

	#support {
		width:100%;
		background:url(./image/bg_top02.gif) top center no-repeat;
		background-color:#ffedec;
		padding:20px 0;
	}

	#education {
		width:96%;
		margin:0 auto;
		padding:20px 0;
	}

	#support ul,
	#education ul{
		width:100%;
		margin:0px auto 0px;
	}

	#support ul li,
	#education  ul li{
		width:90%;
		margin:0px auto 20px;
		list-style-type:none;
	}

	#support p,
	#education p{
		font-size:16px;
		line-height:24px;
	}

	#buttons {
		width:96%;
		margin:40px auto;
	}

	#buttons ul{
		width:100%!important;
	}
	#buttons  ul li{
		width:100%;
		margin:0px 0px 20px 0px;
		list-style-type:none;
	}

	#buttons  ul li img{
		width:100%;
		height:auto;
	}

	#banners {
		width:96%;
		height:150px;
		margin:0px auto 22px;
	}

	#banners  ul li{
		float:left;
		width:49%;
		margin:0px 1% 0px 0px;
		list-style-type:none;
	}

	#banners  ul li img{
		width:100%;
		height:auto;
	}

	#banners  ul li:nth-child(2n){
		margin-right:0px;
	}

	#footer {
		width:100%;
		padding-top:15px;
		background-color:#ffe5d2;
		text-align:center;
	}

	#footer .inner {
	}

	#footer .rogo{
		width:282px;
		margin:30px auto 0px;
	}

	#footer .address{
		width:76%;
		margin:10px auto 15px;
		font-size:14px;
		line-height:16px;
		text-align:left;
	}

	#footer .tel{
		margin:37px 0px 0px 0px;
		text-align:right;
		font-size:12px;
		pointer-events : none;
	}

	#footer .tel img{
		margin:0px 0px 3px 0px;
	}

	.copy {
		display:block;
		clear: both; 
		width:100%;
		height:40px;
		margin:15px auto 0;
		padding-bottom: 5px;
		background-color:#ffe5d2;
		border-bottom:5px solid #ff4c4c;
	}

	.copy .link{
		display:block;
		font-size:14px;
		margin-bottom:10px;
	}

	.copy .link a{
		background:url(./image/reader_red.gif) center left no-repeat;
		padding-left:6px;
	}

	.copy .link a:link,
	.copy .link a:visited,
	.copy .link a:hover,
	.copy .link a:active {
		color:#000;
	}

	.copy .copyright{
		display:block;
		font-size:10px;
		text-align:center;
	}

	.page-top {
		display:none;	
	}

	.right-content {
		z-index: 9999;
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 16px;
		color: #FFF;
		background-color:#fe982e;
	}

	.right-content ul{
		width:100%;
		margin:0 auto;
	}

	.right-content ul li{
		float:left;
		width:49%;
		height:32px;
		padding:0 0%;
		border-left:1px dashed #6c3000;
		border-bottom:1px solid #6c3000;
		font-size:14px;
		line-height:32px;
		text-align:center;
		background-color:#fe982e;
	}

	.right-content ul li a{
		display:block;
		width:100%;
		height:32px;
	}

	.right-content ul li.menutitle{
		clear:both;
		width:100%;
		margin:0 auto;
		background-color:#ff7419;
		font-weight:bold;
		height:40px;
		font-size:16px;
		line-height:40px;
	}

	.right-content ul li.menuwide{
		clear:both;
		width:100%;
		border-left:1px dashed #6c3000;
	}

	.right-content .sb-close {
		clear:both;
		height:40px;
		line-height:40px;
		text-align:center;
		background-color:#000;
		background-color:#6c3000;
	}

	.right-content a:link,
	.right-content a:visited,
	.right-content a:hover,
	.right-content a:active {
		color:#FFF;
		text-decoration:none;
	}
.over {
    width:92%!important;
    margin:20px auto!important ;
    font-size:12px!important;
    padding: 5px 2% !important;
}

	.pc {
		display:none;	
	}

}

@media screen and (min-width: 547px) {
#PC------------------------{}

body {
		background:url(./image/bg01.gif);
		overflow-x: hidden;
	}

	a:hover img {/*ロールオーバー時に70％半透明*/
	  opacity: 0.7;
	  filter: alpha(opacity=70);
	  -ms-filter: "alpha(opacity=70)";
	}

	#navi a:hover img {/*ロールオーバー時に70％半透明除外*/
	  opacity: 1.0;
	  filter: alpha(opacity=100);
	  -ms-filter: "alpha(opacity=100)";
	}

	a:link,
	a:visited,
	a:hover,
	a:active {
		color:#cc0099;
	}

	#wrapper {
		position:relative;
	}

	#header {
		width:100%;
		height:70px;
		background:url(./image/bg_header.png);	
		position:absolute;
		top:0;
	}

	.inner {
		width:960px;
		margin:0 auto;
	}

	#header .rogo{
		float:left;
		margin:4px 0px 0px 0px;
	}

	#header .btn{
		float:left;
		margin:15px 0px 0px 60px;
	}

	#header .tel{
		float:right;
		margin:10px 0px 0px 0px;
	}

	#header a.tel{
		pointer-events : none;
	}

	#header .access{
		float:left;
		margin:10px 0px 0px 15px;
	}

	/*NAVIここから*/
	#navi {
		width:100%;
		height:62px;
		background:url(./image/bg_navi.png) top center no-repeat;	
		position:absolute;
		z-index:9999;
		top:70px;
	}

	#navi .dropmenu > ul {
		width:960px;
		margin:0 auto;
	}

	#navi > ul li{
		float:left;
		width:160px;
		height:62px;
	}

	#navi:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	.dropmenu{
	  *zoom: 1;
		width:100%;
	  margin: 0px auto 30px;
	  padding: 0;
	}
	.dropmenu:before, .dropmenu:after{
	  content: "";
	  display: table;
	}
	.dropmenu:after{
	  clear: both;
	}
	div.dropmenu > ul > li {
	  position: relative;
		width: 160px;
	  height: 62px;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  list-style-type: none;
	}

	#navi div.dropmenu > ul > li > ul.curriculum li:nth-child(-n+2){
		/*height:50px!important;*/
	}

	#navi div.dropmenu > ul > li > ul.curriculum li:nth-child(-n+2) a{
		line-height:1.5em!important;
		padding:6px 0 6px 5px;
	}
	.dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 0;
	  color: #fff;
	  font-size: 14px;
	  text-decoration: none;
	}
	.dropmenu > li a{
	  line-height: 1;
	  height: 62px;
	}
	.dropmenu li > ul{
	  list-style: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}
	.dropmenu li ul li{
	  width: 100%;
	  height: 34px;
	  float:none;
	}
	.dropmenu li ul li a{
	  padding: 0;
	  text-align: left;
	}
	.dropmenu li ul li{
	  float: none !important;
	  width: 160px;
	  height: 34px !important;
	  line-height:34px;
		background:url(./image/or65.png);
	}
	.dropmenu li ul li:last-child{
		background:url(./image/or65.png) center bottom no-repeat;
	}

	.dropmenu li ul li a{
	  line-height:34px;
	  padding-left:5px;
	  font-size:14px;
	  font-weight:bold;
	  color:#660000;
	}
	.dropmenu li ul li a:hover{
	  background: #ff7017;
	}

	#fade-in { position: relative; z-index: 9999; }
	#fade-in li ul{
	  opacity: 0;
	  visibility: hidden;
	  transition: .5s;
	}
	#fade-in li:hover ul{
	  visibility: visible;
	  opacity: 1;
	}

	#header .spmenu {
		display:none;
	}

	/*NAVIここまで*/

	#setsumeikai {
		background-color:#FFF;	
		text-align:center;
		width: 100%;
		height:60px;
		/*height:105px;*/
		padding:12px 0;
		position: relative;
		z-index: 0;
		top: 133px;
		pointer-events : none;
	}
	#setsumeikai-wide {
		background-color:#FFF;	
		text-align:center;
		width: 100%;
		height:105px;
		padding:12px 0;
		position: relative;
		z-index: 0;
		top: 133px;
		pointer-events : none;
	}



	#rotation {
		width:100%;
		height:400px;
		position:relative;
		z-index:0;
		top:145px;
	}

	#sliderInner {
		position:relative;
		left:50%;
		width:2460px;
		margin-left:-1230px;
		height: 400px;
	}

	.bx-viewport {
	}

	#philosophy {
		width:860px;
		height:215px;
		margin:175px auto 30px;
		background:url(./image/img_top01.png) top left no-repeat;
	}

	#philosophy-body {
		width:630px;
		padding-left:230px;
	}

	#philosophy-body p{
		font-size:19px;
		line-height:29px;
		margin:16px 0 10px;
	}

	#topics-event {
		width:806px;
		margin:190px auto 40px;
	}

	#topics-event .title {
		margin:0px auto;
		padding-top:17px;
		display:block;
	}

	#topics {
		width:100%;
		min-height:190px;
		margin:0px auto 0px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		background-color:#f7f0e2;
	}

	#event {
		float:left;
		width:470px;
		height:300px;
		margin:0px 0 0 20px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		background-color:#f7f0e2;
	}

	#topics ul,
	#event ul{
		width:100%;
		padding:25px 0 0 0px;
	}

	#topics ul li,
	#event ul li{
		margin:0px 0px 10px 0;
		padding-left:30px;
		padding-bottom:10px;
		background:url(./image/dotline2.gif) bottom center repeat-X;
	}

	#dotline {
		width:100%;
		height:2px;
		background:url(./image/dotline.png) bottom center repeat-X;
		margin-top:-2px;
	}

	#support {
		width:100%;
		height:500px;
		background:url(./image/bg_top03.gif) top center no-repeat;
		background-color:#fffedb;
	}

	#education {
		width:100%;
		height: 1080px;
		padding:30px 0;
		background:url(./image/bg_top03.gif) ;
		background-color:#fbfafa;
	}

	#education .inner{
		margin-bottom:50px;
	}

	#support ul{
		width:960px;
		margin:0px auto 0px;
	}

	#support ul li{
		float:left;
		width:300px;
		margin:0px 30px 0px 0px;
		list-style-type:none;
	}

	#support ul li:nth-child(3n){
		margin-right:0px;
	}

	#support ul:after,
	#buttons ul:after,
	#banners ul:after{
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	#support p,
	#education p{
		font-size:16px;
		line-height:24px;
	}

	.title {
		margin:20px 0;	
	}

	#buttons {
		width:960px;
		/*height:80px;*/
		margin:115px auto;
	}

	#buttons  ul li{
		float:left;
		width:470px;
		margin:0px 20px 0px 0px;
		list-style-type:none;
	}

	/*#buttons  ul li:nth-child(2n){
		margin-right:0px;
	}*/

	#banners {
		width:960px;
		height:78px;
		margin:0px auto 22px;
	}

	#banners  ul li{
		float:left;
		width:220px;
		margin:0px 26px 0px 0px;
		list-style-type:none;
	}


	#banners  ul li:nth-child(4n){
		margin-right:0px;
	}

	#footer {
		width:100%;
		height:120px;
		background-color:#ffe397;
		border-bottom:5px solid #ff4c4c;
	}

	#footer .inner {
		height:70px;
	}

	#footer .rogo{
		float:left;
		margin:16px 0px 0px 0px;
	}

	#footer .address{
		float:left;
		margin:36px 0px 0px 20px;
		font-size:14px;
		line-height:16px;
	}

	#footer .tel{
		float:right;
		margin:37px 0px 0px 0px;
		text-align:right;
		font-size:12px;
		pointer-events : none;
	}

	#footer .tel img{
		margin:0px 0px 3px 0px;
	}

	.copy {
		clear: both; 
		width:960px;
		margin:30px auto 0;
	}

	.copy .link{
		float:left;
		font-size:12px;
	}

	.copy .link a{
		background:url(./image/reader_red.gif) center left no-repeat;
		padding-left:6px;
	}

	.copy .link a:link,
	.copy .link a:visited,
	.copy .link a:hover,
	.copy .link a:active {
		color:#000;
	}

	.copy .copyright{
		float:right;
		font-size:12px;
	}
    
    .over {
        margin:10px 0 40px!important;
    }

	.sp {
		display:none;	
	}

}

.page-top {
	margin: 0 ;
	padding: 0 ;
	display: none ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 0px ;
	bottom: 32px ;
}
 
.move-page-top {
	display: block ;
	width: 49px ;
	height: 127px ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover {
	opacity: 0.85 ;
}

h1 {
	margin:15px 0 5px;
	height:50px;
	padding:25px 0 0 15px;
	font-size:20px;
	background:url(./image/bg_h1.png) top left no-repeat;
	font-weight:bold;
}

#aboutus ul {
	margin: 15px 0;
}

#aboutus ul li{
	list-style-type: decimal !important;
	padding-left: 5px;
	margin-left: 16px;
	line-height:24px;
}

#aboutus #link-mokuhyo  {
	margin-top: 30px;
}

#aboutus #link-mokuhyo h2 {
	font-size:18px;
	font-weight:bold;
	color:#ff741a;
}

#aboutus #link-mokuhyo ul li{
	list-style-type: disc !important;
	margin-left: 0px;
}

#aboutus #link-mokuhyo ul {
	margin:5px 0 30px;
	padding-left:32px;
}

#buttons ul {
	width:470px;
	margin:0 auto;
}
#buttons ul li:first-child{
	display:none;
}
#buttons ul li{
	margin:0 auto!important;
}

.over {
    color:#F00;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    border:1px solid #F00;
    padding:5px 0;
    background-color: #FFF;
}