@charset "utf-8";

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/***************************************************
* ヘッダー
***************************************************/
header{
  background: url(../../image/header/close_sp.jpg) repeat-x;
  position: relative;
  height: 100px;
}
header a{
    text-decoration:none;
}
header .head_title{
  position: absolute;
  left: 2%;
  top: 10%;
}
header .head_title img{
  width: 84%;
}
header .head_text a{
  color: #009C89;
  /*color: #FFFFFF;*/
  font-size: 2.4vw;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff;
  /* text-shadow:0px 0px 9px #ffffff; */
}
header #search_box{
  width: 640px;
  height: 116px;
  background-color: #F5F5EB;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 2;
  display:none;
}
header .pos_icon{
  position: absolute;
  top: -5%;
  left: 51%;
}
header #search{
  margin: 20px auto 0 auto;
    width:600px;
}
td.gsc-search-button{
    width:16% !important;
}

input.gsc-search-button-v2{
    width:40% !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
}

header #search_box input[name="q"]{
  height:60px;
  line-height: 60px;
  width: 450px;
  font-size:28px;
  background-image:none !important;
  background-color:#fff !important;
}
header #search_box input[name="sa"]{
  -webkit-appearance: none;
  width: 130px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  border: none;
  color: white;
  border-radius: 5px;
  background-color: #FE644E !important;
  margin-left: 5px;
}
header #search .clearfix img, 
header #search .clearfix p{
  float: left;
}
header #search p{
  line-height:18px;
  color:#A1A1A1;
}
header #header_glass{
  position: absolute;
  width: 90px;
  height: 80px;
  left: 400px;
  top: 10px;
  background-image: url("../../img/header/icons.png");
  background-position: -12px 0;
  z-index: 2;
}
.menu-button p{
    position: absolute;
    top: 64%;
    color: #099;
    letter-spacing: .1vw;
    font-size: 5vw;
}
 .menu1 {
    width: 8%;
    height:8px;
    background-color: #099;
    top:22%;
    position:absolute;
    border: 2px #fff solid;
}
 .menu2{
    width: 8%;
    height:8px;
    background-color: #099;
    top:37%;
    position:absolute;
    border: 2px #fff solid;
}
 .menu3{
    width: 8%;
    height:8px;
    background-color: #099;
    top:53%;
    position:absolute;
    border: 2px #fff solid;
}
.menu1, .menu2, .menu3{
    transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */
    -moz-transition: all 0.5s ease-out; /* Firefox */
    -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
    -ms-transition: all 0.5s ease-out; /* IE */
}
 .menuclick1 {
    top:32%;
    -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
    -ms-transform: rotate(405deg); transform: rotate(405deg)
}
.menuclick2 {
    background-color:rgba(255,255,255,0);
    border: none;
}
 .menuclick3 {
    top:32%; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg);
}
.menu-button{
    width: 8%;
    margin: 0 8% 0 0;
    float: right;
    height: 100px;
    background: none;
}
header #menu_un ul.flex-center{
    display: flex;
    display:-webkit-flex;
    -webkit-justify-content:center;
    justify-content:center;
    border-bottom: 1px dotted #de2126;
}
#menu_un .flex-center li{
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
    text-align: center;
    border-right:1px #e38091 dotted;
    padding: 1% 0 0;
}
#menu_un{
  background-color:#f5f5eb;
    display: none;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 5;
}
.season_event{
  background-color: rgba(0, 89, 190, 0.71);
  line-height: 1.2;
  display: table;
  float: left;
  z-index: 10000;
  border-right: 1px rgb(232, 232, 232) dotted !important;
  width: 33%;
}
.season_event a{
  height: 60px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  color: #000;
  text-decoration: underline;
  padding: 1px 0;
  font-size: 95%;
}
.season_event a:link{
  color: #000;
}
.season_event a:visited{
  color: #000;
}
.season_event a,.season_event a:link{
  text-decoration: none;
}
.season_event_label{
  color: #FFFFFF;
  font-size: 5vw;
  font-weight: bold;
  padding: 2%;
}
.season_event_new, .season_event_limit{
  background-color: #FF0000;
}
.season_event_recommend{
  background-color: #FF6600;
}
.season_event_caption{
  color:#fff;
  font-size: 130%;
}
.menu-inner li a{
  position:relative;
  display:block;
  padding-top: 1.5%;
}
.menu-inner li a span{
  color: #6c6c68;
  font-size: 130%;
  font-weight:bold;
  margin-top: 2%;
  letter-spacing: .3vw;
}

.menu-inner .icons{
  display:block;
  width:75px;
  height:50px;
  background:url(../../img/header/header_icons.png) no-repeat;
  background-size:75px 950px;
  -webkit-background-size:75px 950px;
  margin:0 auto;
}

.menu-inner .icons.seikyu{
  background-position: 0 0;
}
.menu-inner .icons.enter_apply{
  background-position: 0 -50px;
}
.menu-inner .icons.experience{
  background-position: 0 -100px;
}
.menu-inner .icons.interview{
  background-position: 0 -150px;
}
.menu-inner .icons.jisseki{
  background-position: 0 -200px;
}
.menu-inner .icons.kousha{
  background-position: 0 -250px;
}
.menu-inner .icons.lecture{
  background-position: 0 -300px;
}
.menu-inner .icons.teacher{
  background-position: 0 -350px;
}
.menu-inner .icons.taikenki{
  background-position: 0 -400px;
}
.menu-inner .icons.univ{
  background-position: 0 -450px;
}
.menu-inner .icons.kakomondb{
  background-position: 0 -500px;
}
.menu-inner .icons.ranking{
  background-position: 0 -550px;
}
.menu-inner .icons.exam{
  background-position: 0 -600px;
}
.menu-inner .icons.company{
  background-position: 0 -650px;
}
.menu-inner .icons.pos{
  background-position: 0 -700px;
}
.menu-inner .icons.system{
  background-position: 0 -750px;
}
.menu-inner .icons.grade_h3{
  background-position: 0 -800px;
}
.menu-inner .icons.grade_h2{
  background-position: 0 -850px;
}
.menu-inner .icons.grade_h1{
  background-position: 0 -900px;
}
#menu_un .event-dis{
  margin: 2% 0 1% 2%;
  font-size: 130%;
}