header {
	height: 130px;
	width: 900px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
	/*position: fixed; /* 固定 */
}
header h1 {
	float:left;
}
header h1 img.title {
	height: 105px;
  margin-left: 50px;
  margin-top: 10px;
  position: absolute;
  width: 175px;
}
header nav {
	float:right;
}
header nav .lang a{
	text-decoration: underline;
}
header nav li {
	float:right;
}
header nav li.headmenu {
	clear:both;
}
header nav li span {
	display: inline-block;
	background-color: #EEEEEE;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 25px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size:11px;
	background-image:url(../img/icon_n.png);
	background-position:90% center;
	background-repeat:no-repeat;
}
header nav li span.mmagazine {
	display: inline-block;
	background-color: #FFEA37;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 28px;
	padding-left: 40px;
	padding-bottom: 5px;
	font-size:11px;
	background: url(../img/icon_n.png) 93% center no-repeat,url(../img/icon_m.png) 10% center no-repeat,#FFEA37;
}
nav.menu {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
nav.menu ul {
	margin-bottom:15px;
}
nav.menu ul li {
	float:left;
	background-image:url(../img/menu_sep.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:12px;
}
nav.menu ul li.sel {
	border-bottom:2px solid #FFEC0C;
	height:48px;
}
nav.menu ul li:last-child {
	background: url(../img/menu_sep.gif) left center no-repeat,url(../img/menu_sep.gif) right center no-repeat;
}


ul.mainNav{
	display: none;
}
div.menulogo{
	text-align: center;
}
.pc_dispnone{
	display: none;
}

@media screen and (max-width: 1480px) {
  .menuimg img{
    width: auto;
  }

  ul.mainNav{
   display: inline;
  }
}
@media screen and (max-width: 700px) {
  header{
    position: fixed;
    width: 100% !important;
    height: 23vw;
    background-position: 52.5% 11%;
    background-color: white;
    z-index: 9;
    border-bottom: solid 1px #D7D7D7;
		background-size: 30% auto;
  }
  header .pc_dispnone{
    padding-top: 1vw;
    padding-right: 0px;
		padding-bottom: 0px;
    font-size: 4vw;
    font-weight: 500;
    text-align: center;
		line-height: 1.5;
  }
.trigger span {
    height: 2px !important;
}
.trigger {
    width: 5vw !important;
	height: 7.2vw !important;
}
.trigger span:nth-of-type(1) {
    top: 1.5vw !important;
}
.trigger span:nth-of-type(2) {
    top: 3.5vw !important;
	height: 1px !important;
}
.trigger span:nth-of-type(2)::after {
    height: 2px !important;
	}
.trigger span:nth-of-type(3) {
    bottom: 1vw !important;
}
.toggleWrap {
	padding-top: 3% !important;
}
	.menulogo img { width: 32%; height: auto; }
  .all header .pc_dispnone{
    padding-right: 0px;
  }
  .teacher_all header .pc_dispnone{
    padding-right: 0px;
  }
  header .title_area_img{
    padding-top: 0px;
  }
	header .title_area_img img {
width: 33%;
height: 14vw;
margin-left: auto;
margin-right: auto;
display: block;
	}
  header .menulogo h2{
font-size: 5vw;
padding-top: 2%;
  }
  header nav.header_lang{
float: left;
position: absolute;
top: 8%;
left: 3%;
width: 30%;
  }
  header .lang{
    font-size: 3.3vw;
		padding-bottom: 1vw;
  }
  nav.menu{
 	display: none;
  }
	
#toggle {
width: 12vw !important;
height: 12vw !important;
top: 3% !important;
right: 4% !important;
z-index: 600 !important;
}
	
	.sp_dispnone{
		display: none;
	}
	header nav li{
		float: none;
	}
	header nav li span.mmagazine {
		display: none;
	}
	header nav li span.login_btn {
background-color: #EEEEEE;
border-radius: 5px;
font-size: 2.4vw;
margin-top: 1%;
background-image: url(../img/icon_n.png);
background-position: 90% center;
background-repeat: no-repeat;
width: 100% !important;
padding-right: 10% !important;
	}
  .pc_dispnone{
		display: block;
		position: relative;
	}
  .pagetop{
    width: 100%;
    background-color: #DBEAE7;
    margin-top: 0px;
    padding: 3%;
  }
	.pagetop img { width: 8vw; height: auto; }
  .teacher_all .pagetop{
    width: 100%;
    margin-top: 0px;
    padding: 20px;
  }
  .all .pagetop{
    width: 100%;
  }
	.teacher_all .pagetop img { width: 6%; height: auto; }
  .sns {
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		width: 900px;
		background-color: #FFFFFF;
		padding-top: 20px;
	}
  .all .sns{
    width: 100%;
  }
  #top .teacher_all .sns{
    display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
  }
	.sns div {
		width:25%;
		text-align:center;
		padding-top: 3px;
	}
	.sns div img {
		width: 40%;
		height: auto;
	}
	.sns div.fb { background-color:#3B5998; }
	.sns div.line { background-color:#00B900; }
	.sns div.insta { background-color:#000000; }
	.sns div.mail { background-color:#AAAAAA; }

	footer{
		width: 900px;
		background-color: #FFEA37;
		padding-top: 32px;
		padding-left: 4%;
		font-size: 320%;
	}
  .all footer{
    width: 100%;
  }
	footer h4 {
	float: left;
	width: 30%;
		padding: 0px;
		margin: 0px;
	}
	footer h4 img {
		width: 90%;
		height: auto;
	}
	footer ul {
		padding: 0px;
		margin: 0px;
		width: 68%;
		float: left;
	}
	footer ul li {
		list-style: none;
		padding-top: 15px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		width: 45%;
		float: left;
		font-size: 3.5vw;
	}
	footer ul.clearfix li{
		margin-left: 0px;
	}
	footer ul li:nth-child(odd) {
		width: 55%;
	}
	footer ul li a {
		color: #000000;
	}
	footer div.copyright { text-align: center; font-size: 4vw; padding-top: 15px; padding-bottom: 5px; clear: both; }
  }
  .contents_search{
    z-index: 2;
  }

}