@charset "UTF-8";
html {
  font-size: 12px
}



._bold {
  font-family: 'Noto Sans CJK JP Bold', sans-serif;
  font-weight:900;
}

.font_space{
  letter-spacing: 0.15em;
  font-style:italic;
} 




.font_Lubalin {
  font-family: LubalinB;
  font-size: 18px;
  font-weight: 400;
}


.font_border{
  font-family:serif;
  font-weight: bold;
  font-family: LubalinB;
  font-size: 26px;
  color:rgba(0,0,0,.0);
  text-align:center;
  padding:0;
   -webkit-text-stroke: 1px #000000;
}


@media all and (-ms-high-contrast: none) {

  .font_border{
   color:#000000;
  }
  

}


@media screen and (max-width:640px) {

  .font_border{
    font-family:serif;
    font-weight: bold;
    font-family: LubalinB;
    font-size: 20px;
    color:rgba(0,0,0,.0);
    text-align:center;
    padding:0;
     -webkit-text-stroke: 1px #000000;
  }

}

._en{
  font-family: Lubalin;
}

._enbold{
  font-family: Lubalin;
  font-weight: 700
}

.font_Lubalin_slide{
  font-family: LubalinB;
  font-weight: 700
}


.font_Lubalin .bold {
  font-weight: 700
}

@font-face {
  font-family: 'Lubalin';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/LubalinGraphStd-Book.eot");
  src: url("../fonts/LubalinGraphStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-Book.ttf") format("truetype"), url("../fonts/LubalinGraphStd-Book.woff") format("woff")
}

@font-face {
  font-family: 'LubalinB';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/LubalinGraphStd-Demi.eot");
  src: url("../fonts/LubalinGraphStd-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/LubalinGraphStd-Demi.ttf") format("truetype"), url("../fonts/LubalinGraphStd-Demi.woff") format("woff")
}



body {
  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #000000;
  background-color: #FFFFFE;
  position: relative;
  letter-spacing: .1em;
  -webkit-text-size-adjust: 100%
}

@media screen and (max-width:640px) {
  body {
    font-size: 12px
  }
}

body main.main {
  position: relative;
  margin:0;
  padding:0;
  z-index: 1;
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

::-moz-selection, ::-moz-selection {
  color: #fff;
  background: #eb5811
}

::-moz-selection, ::selection {
  color: #fff;
  background: #eb5811
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, l, label, legend, li, mark, menu, nav, object, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  text-decoration:none;
}

li {
  list-style: none
}

a img {
  border: none
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: inherit
}

select {
  padding: .5em;
  font-size: 1.333rem
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  padding: .5em;
  font-size: 1.333rem
}

@media screen and (max-width:640px) {
  textarea {
    font-size: 16px
  }
}

input[type=email], input[type=submit], input[type=tel], input[type=text], input[type=textarea] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  padding: .8em;
  font-size: 1.333rem;
  border-radius: 3px
}

@media screen and (max-width:640px) {
  input[type=email], input[type=submit], input[type=tel], input[type=text], input[type=textarea] {
    font-size: 16px
  }
}

input[type=button] {
  -webkit-appearance: none
}


/* LINK
================================================== */

a[href^="tel:"] { cursor: default; }

a{
	color:#000000;	
	}
	
	a:hover{
	color:#e35710;
	text-decoration:none;
	}
	


	img{
		vertical-align: top;
		-ms-interpolation-mode:bicubic;   /* IE 7+ */
	 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
		max-width: 100%;
		height: auto;
		width /****/:auto;  /*IE8�̂ݓK�p*/
	}
	

img[src*=".svg"] {
	width: 100%; 
  }

	
	a img{opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;}
	
	a:hover img{
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;}
	
	

  figure img {

  }
  figure:hover img {
 opacity:0.9;
  }

	
	
	a {
		 -webkit-transition: all .1s ease;
		-moz-transition: all .1s ease;
		-ms-transition: all .1s ease;
		-o-transition: all .1s ease;
		transition: all .1s ease;
	}
	
	*:focus {
	  outline: none!important;
	}



/* PC SP切り替え
-----------------------------------------*/

  ._pcnon{
    display:none;
  }

  ._spnon{
    display:block;
    }
  

@media screen and (max-width:800px) {
._pcnon{
  display:block;
}

._spnon{
  display:none;
  }
}

/* common header
-----------------------------------------*/

.header {
  background-color: #ffffff;
  width: 100%;
  height:100px;
  line-height: 1;
  z-index: 2;
  position: fixed;
  top: 0
}

@media screen and (max-width:800px) {
  .header {
    background-color: #ffffff;
    width: 100%;
    height:auto;
    line-height:auto;
    z-index: 2;
    position: fixed;
    top: 0
  }
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding:0 0 0 30px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width:800px) {
  .header-inner {
    display: block
  }
}

@media screen and (max-width:800px) {
  .header-inner {
    width: 100%;
    height:60px;
    border-bottom:1px solid #e5e5e5;
    padding: 0;
    min-width: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.header-logo {
  width:200px;
  margin:30px 30px 0 0;
  padding:0;
}

@media screen and (max-width:1300px) {
  .header-logo {
    width:17%;
    margin:37px 30px 0 0;
  padding:0;
  }
}


@media screen and (max-width:800px) {
  .header-logo {
    margin-top: 0;
    width: 200px;
    padding:13px 0 0 20px
  }
  .header-logo a {
    display: block
  }
}

@media screen and (max-width:600px) {
  .header-logo {
    margin-top: 0;
    width: 52%;
    padding:13px 0 0 20px
  }
  .header-logo a {
    display: block
  }
}


.header-submenu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}


.header-submenu-list{
    margin:0;
    padding:0;
    position: fixed;
    z-index:1;
    right:0;
    top:0;
}






.header-submenu-list li{
    width:110px;
    height:100px;
    margin:0 auto;
    text-align:center;
 
}

.header-submenu-list img{
    width:55px;
}

.header-submenu-list li._employe a{
  background-color:#e8db38;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-submenu-list li._student a{
    background-color:#eb5811;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .header-submenu-list li a:hover{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  }





.gnav-list {
  position:absolute;
  right:240px;
}




  @media screen and (max-width:1300px) {


    .header-submenu-list{
      margin:0;
      padding:0;
      position: fixed;
      z-index:1;
      right:0;
      top:0;
  }
  
  
  .header-submenu-list li{
      width:80px;
      height:100px;
      margin:0 auto;
      text-align:center;
   
  }
  
  .header-submenu-list img{
      width:50px;
  }
  
  .header-submenu-list li._employe a{
    background-color:#e8db38;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .header-submenu-list li._student a{
      background-color:#eb5811;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .header-submenu-list li a:hover{
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease;
    }
  

    .gnav-list {
      position:absolute;
      right:175px;
    }
    

  }





ul.gnav-list {
  display: flex;
  list-style: none;
}
ul.gnav-list li {
  padding:0 12px;
}
ul.gnav-list li a {
  display: block;
  padding:0;
  position: relative;
  text-decoration: none;
  color:#000000;
  font-size:13px;
  max-width: 180px;
}

@media screen and (max-width:1200px) {

  ul.gnav-list {
    display: flex;
    list-style: none;
  }
  ul.gnav-list li {
    padding:0 8px;
  }
  ul.gnav-list li a {
    display: block;
    padding:0;
    position: relative;
    text-decoration: none;
    color:#000000;
    font-size:12px;
    max-width: 180px;
  }

}



ul.gnav-list li a::before {
  border-top:5px solid #eb5811;
  top: 0;
  padding:40px 0 0 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
ul.gnav-list li a:hover::before {
  width: 100%;
  color:#4d4d4d;
}

ul.gnav-list li a:hover {
  width: 100%;
  color:#4d4d4d;
}






@media screen and (max-width:800px) {
  .gnav-list {
    width:50%;
    position:absolute;
    top: 47%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  }

  ul.gnav-list li {
    padding:0px 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid #cccccc;
  }

  ul.gnav-list li a {
    display: block;
    position: relative;
    text-decoration: none;
    color:#353535;
    font-size:16px;
    max-width: 100%;
    letter-spacing: 0.2em;
  }


  ul.gnav-list li:last-child {
    display: block;
    position: relative;
    text-decoration: none;
    color:#353535;
    font-size:18px;
    max-width: 100%;
    letter-spacing: 0.2em;
    padding:0px 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid #ffffff;
  }


ul.gnav-list li a::before {
  border-top:5px solid #eb5811;
  top: 0;
  padding:40px 0 0 0;
  content: "";
  display: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}

}


@media screen and (max-width:800px) {
  .gnav {
    display: none;
  }

}


/* SP hamburger button and overlay
-----------------------------------------*/

.is-open .header-inner {
  background-color:rgba(255,255,255,1);
  position: fixed;
  height: 100vh
}


.is-open .gnav, .is-open .gnav-list{
  display: block
}





.burger {
  display: none;
  cursor: pointer;
  position: absolute;
  width: 70px;
  height: 70px;
  top:5px;
  right: 10px;
  padding: 0px;
}

.burger span {
  position: absolute;
  left: 37px;
  width: 30%;
  height: 2px;
  background-color: #eb5811;
  border-radius: 0px;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1)
}


.burger span:first-of-type {
  top: 17px
}

.burger span:nth-of-type(2) {
  top: 25px
}

.burger span:nth-of-type(3) {
  top: 33px
}

.burger.is-active span {
  background: #eb5811
}

.burger.is-active span:first-of-type {
  top: 25px;
  -webkit-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg)
}

.burger.is-active span:nth-of-type(2) {
  top: 25px;
  opacity: 0
}

.burger.is-active span:nth-of-type(3) {
  top: 25px;
  -webkit-transform: translateY(0px) rotate(45deg);
  -ms-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg)
}

@media screen and (max-width:800px) {
  .burger {
    display: block
  }
}



/* common contents
-----------------------------------------*/

.content{
  margin:0px 0;
  padding:0;
  position: relative;
  top:60px;
}



.content-wrapper {
  padding:120px 0 120px;
  margin:0;
}

.content-img{
  margin:0;
  padding:0;
}


@media screen and (max-width:800px) {


  .content{
    margin:0;
    padding:0;
    position: relative;
    top:40px;
  }
  
  
  
  .content-wrapper {
    padding:80px 0 80px 0;
    margin:0;
  }
  


}



.content-wrapper_bordertop{
  border-top:1px solid #cccccc;
  padding:120px 0 60px 0;
  margin:0;
}

@media screen and (max-width:800px) {

  .content-wrapper_bordertop{
    border-top:1px solid #cccccc;
    padding:80px 0 40px 0;
    margin:0;
  }
  

}



.section-container {
  max-width: 1100px;
  min-width: 290px;
height:auto;
  padding:0px 25px;
  margin:0 auto;
text-align:center;
}



.section-full-container {
  max-width: 1100px;
  min-width: 290px;
height:auto;
  padding:0px 25px;
  margin:0 auto;
text-align:center;
}

@media screen and (max-width:800px) {
  
  .section-full-container {
    max-width: 1100px;
    min-width: 290px;
  height:auto;
    padding:0px;
    margin:0 auto;
  text-align:center;
  }

}



._greybg{
  margin:0;
  padding:140px 0;
  background-color:#f0efeb;
}

@media screen and (max-width:800px) {

  ._greybg{
    margin:0;
    padding:80px 0;
    background-color:#f0efeb;
  }
  
}


.heading-box{
  display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

@media screen and (max-width:800px) {

  .heading-box{
    display:-webkit-box;
  display:-ms-flexbox;
  display:block;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  }

}


.heading-ttl {
  width:auto;
  text-align: left;
  position: relative;
  width: auto;
  margin:0 0 35px 0;
padding:0;
  font-weight:bold!important;
  font-size:26px;
  display: flex;
align-items: center;
letter-spacing: 0.15em;
}

.heading-ttl small{
  font-size:20px;
}

.heading-ttl:before {
  content: "";
  height: 4px;
  background: #000000;
  display: block;
  width:30px;
  margin:0 15px 0 0;
}


@media screen and (max-width:800px) {

  .heading-ttl {
    width:auto;
    text-align: left;
    position: relative;
    width: auto;
    margin:0 0 30px 0;
  padding:0;
    font-weight:bold!important;
    font-size:20px;
    display: flex;
  align-items: center;
  }


.heading-ttl small{
  font-size:16px;
}

.heading-ttl:before {
  content: "";
  height: 3px;
  background: #000000;
  display: block;
  width:30px;
  margin:0 10px 0 0;
}



}



.heading-txt{
  width:auto;
  margin:0;
  padding:0;
  text-align:left;
  line-height:220%;
  font-size:14px;
}

@media screen and (max-width:800px) {


  .heading-txt{
    width:auto;
    margin:20px 0 0 0;
    padding:0;
    text-align:left;
    line-height:220%;
    font-size:12px;
  }
  

}

.contents-page-nav{
  width:auto;
  height:auto;
  margin:0px 0 40px 0;
  padding:0;
  font-size:12px;
  text-align:left;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.contents-page-nav li{
  width:auto;
  height:auto;
  margin:0 20px;
  padding:5px 30px 5px 0;
  display:inline-block;
  border-bottom:1px solid #cacaca;
  position: relative;
  text-align:left;
}

@media screen and (max-width:800px) {

  .contents-page-nav{
    margin-top:-10px;
  }


  .contents-page-nav li{
    width:100%;
    height:auto;
    margin:0 20px 0 0;
    padding:8px 0px 8px 0;
    display:inline-block;
    border-bottom:1px solid #cacaca;
    position: relative;
    text-align:left;
    font-size:12px;
  }
  
  .contents-page-nav li a{
    
    display:block;
  }

}



._arrow:after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: top
}

._arrow:after{
  right: 0;
  width: 7px;
  height: 7px;
  top:-5px;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color:  transparent transparent #ff5600 #ff5600;
  transform: rotate(-45deg);
}


._arrow-left:after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: top
}

._arrow-left:after{
  right:0px;
  width: 7px;
  height: 7px;
  top: 0;
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color:  transparent transparent #ff5600 #ff5600;
  transform: rotate(-135deg);
}



.contents-txt{
  margin:0;
  padding:0;
  text-align:left;
}


.nav-ttl{
  font-weight:900;
  margin:0;
  padding:0;
  text-align:left;
  position:  relative;
  font-size:16px;
}

.nav-ttl:before {
  content:  '';           /* 空白の要素を作る */
  width: 40px;            /* 幅指定 */
  height: 4px;            /* 高さ指定 */
  background-color: #ebda12; /* 背景色指定 */
  display:  block;        /* ブロック要素にする */
  position:  absolute;    /* 位置調整 */
  left:  0;               /* 位置調整 */
  bottom: -10px;           /* 位置調整 */
}





.middle-ttl {
  width:auto;
  text-align: left;
  position: relative;
  width: auto;
  margin:0 0 35px 0;
padding:0;
  font-weight:bold!important;
  font-size:26px;
  display: flex;
align-items: center;
letter-spacing: 0.15em;
}

.middle-ttl small{
  font-size:20px;
}


@media screen and (max-width:800px) {

  .middle-ttl {
    width:auto;
    text-align: left;
    position: relative;
    width: auto;
    margin:0 0 15px 0;
  padding:0;
    font-weight:bold!important;
    font-size:20px;
    display: flex;
  align-items: center;
  letter-spacing: 0.15em;
  }
  
  .middle-ttl small{
    font-size:16px;
  }
  

}

/* common footer
-----------------------------------------*/


.footer-borderclr {
  position: relative;
  width:100%;
  margin: 0;
  padding:0;
  border-top: 10px solid #e85710;
}
    

.footer-borderclr:before {
  content: "";
  position: absolute;
  left: 0;
  bottom:0px;
  width:50%;
  height: inherit;
  border-top: 10px solid #ebda12;
}


.footer {
  width: 100%;
  height:360px;
  background-color:#353535;
  z-index: 1;
  padding-top:60px;
  position: relative;
  overflow: hidden
}

@media all and (-ms-high-contrast: none) {

  .footer {
    width: 100%;
    height:300px;
    background-color:#353535;
    z-index: 0;
    padding-top:60px;
    position: relative;
    overflow: hidden
  }

}


.footer-inner {
  width: 100%;
  height:220px;
  margin: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.footer-inner-box {
  width:50%;
  height:auto;
  margin:0;
  padding:0;
}

.footer-inner-box:first-child{
  width:50%;
  height:auto;
  padding:0;
  margin:0;
  text-align:right;
  justify-content: flex-end;
}





ul.footer-inner-nav{
  width:350px;
  height:auto;
  margin:0 auto 15px auto;
  text-align:center;
  border-top:1px solid #999999;
}

ul.footer-inner-nav li{
  width:50%;
  border-bottom:1px solid #999999;
  display: flex;
 display:inline-block;
  text-align:left;
  margin:0;
  padding:15px 0 15px 5px;
  font-size:12px;
}

ul.footer-inner-nav li a{
color:#999999;
text-decoration:none;
}

ul.footer-inner-nav li a:hover{
  color:#ffffff;
  text-decoration:none;
  }
  

.copyright{
  width:350px;
  margin:0 auto;
  padding:0;
  text-align:center;
}



ul.footer-submenu {
  width:auto;
  height:30px;
  margin:-50px 0 0 80px;
  padding:0;
  display:flex;
  align-items: center;
}

ul.footer-submenu li:last-child{
  width:130px;
  height:auto;
  margin:10px 0 0 0;
  padding:0 0 0 20px;
}

ul.footer-submenu li:first-child{
  width:200px;
  height:auto;
  margin:-10px 0 0 0;
  padding:0 20px 0 0;
  border-right:1px solid #989898;
}


.page-top{
width:35px;
height:auto;
margin:0;
padding:0;
position:absolute;
bottom:70px;
right:2.5%;
}





@media screen and (max-width:800px) {


  .footer-borderclr {
    position: relative;
    width:100%;
    margin: 0;
    padding:0;
    border-top: 5px solid #e85710;
  }
      
  
  .footer-borderclr:before {
    content: "";
    position: absolute;
    left: 0;
    bottom:0px;
    width:50%;
    height: inherit;
    border-top: 5px solid #ebda12;
  }
  
  

  .footer {
    width: 100%;
    height:auto;
    background-color:#353535;
    z-index: 1;
    padding:0px 0 70px 0;
    position: relative;
    overflow: hidden
  }
  
  
  .footer-inner {
    width: 100%;
    height:auto;
    margin: auto;
    display: block;
    align-items: center;
  }
  .footer-inner-box {
    width:auto;
    height:auto;
    margin:0;
    padding:0;
  }


  ul.footer-inner-nav{
    width:100%;
    min-width:800px;
    height:auto;
    margin:0 auto;
    text-align:center;
    border-top:none;
  }



  
  ul.footer-inner-nav li{
    width:50%;
    border-bottom:1px solid #999999;
   display:inline-block;
    text-align:left;
    margin:0;
    padding:15px 0 15px 30px;
    font-size:12px;
  }
  
  ul.footer-inner-nav li a{
  color:#999999;
  text-decoration:none;
  }
  
  ul.footer-inner-nav li a:hover{
    color:#ffffff;
    text-decoration:none;
    }
    
  
  .copyright{
    width:270px;
    margin:15px 0 0 30px;
    padding:0;
    text-align:center;
  }
  
  
  ul.footer-submenu {
    width:90%;
    height:auto;
    margin:40px 0 0 30px;
    padding:0;
    display:flex;
    align-items: center;
  }
  
  ul.footer-submenu li:last-child{
    width:130px;
    height:auto;
    margin:10px 0 0 0;
    padding:0 0 0 20px;
  }
  
  ul.footer-submenu li:first-child{
    width:200px;
    height:auto;
    margin:-10px 0 0 0;
    padding:0 20px 0 0;
    border-right:1px solid #989898;
  }
  

  .page-top{
    width:30px;
    height:auto;
    margin:0;
    padding:0;
    position:absolute;
    bottom:70px;
    right:15px;
    }
    


    .footer-submenu-list{
      width:100%;
      height:auto;
      margin:0 auto;
      text-align:center;
      position: fixed;
      bottom:0;
      left:0px;
      z-index:2;
    }
    
    .footer-submenu-list li{
      width:50%;
      height:auto;
      margin:0;
      padding:0;
      text-align:left;
     display:inline-block;
    }
    
    .footer-submenu-list img{
      width:45px;
    }
    
    .footer-submenu-list li._employe a{
    background-color:#e8db38;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px;
    }
    
    .footer-submenu-list li._student a{
      background-color:#eb5811;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding:10px;
    }

  
}


@media screen and (max-width:640px) {


  .footer-borderclr {
    position: relative;
    width:100%;
    margin: 0;
    padding:0;
    border-top: 5px solid #e85710;
  }
      
  
  .footer-borderclr:before {
    content: "";
    position: absolute;
    left: 0;
    bottom:0px;
    width:50%;
    height: inherit;
    border-top: 5px solid #ebda12;
  }
  
  

  .footer {
    width: 100%;
    height:auto;
    background-color:#353535;
    z-index: 1;
    padding:0px 0 70px 0;
    position: relative;
    overflow: hidden
  }
  
  
  .footer-inner {
    width: 100%;
    height:auto;
    margin: auto;
    display: block;
    align-items: center;
  }
  .footer-inner-box {
    width:auto;
    height:auto;
    margin:0;
    padding:0;
  }


  ul.footer-inner-nav{
    width:100%;
    min-width:400px;
    height:auto;
    margin:0 auto;
    text-align:center;
    border-top:none;
  }



  
  ul.footer-inner-nav li{
    width:50%;
    border-bottom:1px solid #999999;
   display:inline-block;
    text-align:left;
    margin:0;
    padding:15px 0 15px 30px;
    font-size:12px;
  }
  
  ul.footer-inner-nav li a{
  color:#999999;
  text-decoration:none;
  }
  
  ul.footer-inner-nav li a:hover{
    color:#ffffff;
    text-decoration:none;
    }
    
  
  .copyright{
    width:270px;
    margin:15px 0 0 30px;
    padding:0;
    text-align:center;
  }
  
  
  ul.footer-submenu {
    width:90%;
    height:auto;
    margin:-10px 0 0 30px;
    padding:0;
    display: inherit;
  }
  
  ul.footer-submenu li:last-child{
    width:100px;
    height:auto;
    margin:10px 0 0 0;
    padding:0 0 0 0px;
  }
  
  
  ul.footer-submenu li:first-child{
    width:180px;
    margin:0px 0 10px 0;
    padding:0;
    border-right:none;
    text-align:left;
  }


  .page-top{
    width:30px;
    height:auto;
    margin:0;
    padding:0;
    position:absolute;
    bottom:70px;
    right:15px;
    }
    


    .footer-submenu-list{
      width:100%;
      height:auto;
      margin:0 auto;
      text-align:center;
      position: fixed;
      bottom:0;
      left:0px;
      z-index:2;
    }
    
    .footer-submenu-list li{
      width:50%;
      height:auto;
      margin:0;
      padding:0;
      text-align:left;
     display:inline-block;
    }
    
    .footer-submenu-list img{
      width:45px;
    }
    
    .footer-submenu-list li._employe a{
    background-color:#e8db38;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px;
    }
    
    .footer-submenu-list li._student a{
      background-color:#eb5811;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding:10px;
    }

  
}