/* ===============================================
# header
=============================================== */
#header{

}
.header_inner{
  display: none;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #f9f8ef;
  height: 100%;
  height: 100vh;
}
.header_inner .swrap{
  display: block;
  height: 100%;
  height: calc(100vh - 65px);
  clear: both;
  overflow-y: auto;  
  padding-bottom: 50px;  
}
/*menu-----------------------------------------*/
#header #js-sp_menu,
#header #js-sp_menu_close{
  width: 65px;
}
#header #js-sp_menu{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 900;
}
#header #js-sp_menu_close{
  float: right;
}

/*logo-----------------------------------------*/
#header .logo{
  width: 70%; 
  max-width: 250px;
  padding-left: 4.4%;
  padding-top: 20px;
}
#header .logo a{
  display: block;
}
#header .logo img{
  width: 100%;
}
/*gnav----------------------------------*/
#header #gnav{
  padding-top: 10px;
}
#header #gnav ul{
  display: block;
  width: 76%;
  margin: 0 auto;
}
#header #gnav ul li{
  margin-bottom: 25px;
}
#header #gnav ul li a{
  font-size: 17.5px;
  font-size: 1.75rem;
  font-weight: bold;
}
#header #gnav ul li a p{
  padding-left: 15.4%;  
  min-height: 33px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position:left center;  
}
#header #gnav ul li.home a p{
  background-image: url("../img/menu_home.svg");
  background-size: 25px auto;
}
#header #gnav ul li.about a p{
  background-image: url("../img/menu_about.svg");
  background-size: 35px auto;
}
#header #gnav ul li.admission a p{
  background-image: url("../img/menu_admission.svg");
  background-size: 30px auto;
}
#header #gnav ul li.campuslife a p{
  background-image: url("../img/menu_campuslife.svg");
  background-size: 29px auto;
}
#header #gnav ul li.career a p{
  background-image: url("../img/menu_career.svg");
  background-size: 37px auto;
}

/*aside----------------------------------*/
#header .aside{
  width: 94%;
  margin: 0 auto;
}
#header .aside > ul{
  flex-wrap: wrap;
  border: solid 1px #003c91;
}
#header .aside > ul > li{
  width: 50%;
  font-size: 15px;
  font-size: 1.5rem;
}
#header .aside > ul > li.language{
  width: 100%;
  border-top: solid 1px #003c91;
}
#header .aside > ul > li > a{
  display: block;
  padding: 13px 0;
  text-align: center;
}
#header .aside > ul > li p{
  display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  min-height: 27px;
  padding-left: 30px;
}
#header .aside > ul > li.access{
  border-right: solid 1px #003c91;
}
#header .aside > ul > li.access p{
  background:url("../img/menu_access.svg") no-repeat left center;
  background-size: 22px auto;
}
#header .aside > ul > li.contact p{
  background: url("../img/menu_contact.svg") no-repeat left center;
  background-size: 25px auto;
}
#header .aside > ul > li.language > a{
  display: none;
}
/*android*/
.android #header .aside > ul{
  display: block;
}
.android #header .aside > ul > li{
  width: 100%;
}
.android #header .aside > ul > li.access{
  border-right: none;
  border-bottom: solid 1px #003c91;
}
/*多言語*/
#header .aside .menu_language{
  width: 100%;
  background: #003c91;
}
#header .aside .menu_language ul{
  	-ms-flex-pack: distribute;
	justify-content: space-around;
  flex-wrap: wrap;
  padding: 8px 0;
}
#header .aside .menu_language li{
  width: 45.8%;
}
#header .aside .menu_language li:nth-child(n+3){
  margin-top: 10px;
}
#header .aside .menu_language a{
  display: block;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  border-radius: 28px;
}
#header .aside .menu_language a:not([lang="zh-cmn-Hans"]){
  border: solid 1px #fff;
}
#header .aside .menu_language a[lang="zh-cmn-Hans"]{
  background: #fff;
  color: #003c91;
  border: solid 1px #fff;
}
/*link_unv----------------------------------*/
#header .link_unv{
  width: 94%;
  margin:12px auto 0;
  padding-bottom: 60px;
}
#header .link_unv a{
  border: solid 1px #003c91;  
  display: block;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 15px 0;
}
#header .link_unv a br{
  display: none;
}