@charset "shift_jis";

li.tokushuukigyou {
  line-height: 2vw;
}

#toplink li {
  background: linear-gradient( #ffffff,#cfffc1);
  border:0.5px solid #91c671; 
}

#toplink li a{
  color: #848c7f;
}

#toplink li a:hover {
  color: #ffffff;
  background: linear-gradient( #9dff60, #6b8409);
}

@media screen and (min-width: 750px) {

  /*メイン------------------------------------------*/
  div.page {
    position:relative;
    width:80%;
    overflow:hidden;
    height:auto;
    margin:0 auto;
    clear:both;
    background-color: #e0efff;
  }

  p.sub_banner_kirikae {
    bottom:8vw;
  }

  a.kirikae_btn {
    display: block;
    width: 80%;
      font-size: 1.3vw;
      line-height: 3vw;
    margin:0 auto;
      margin-top: 2%;
      padding: 0.5vw;
      text-align: center;
      color: #FFFFFF;
      background-color: #259df8;
      border-radius: 6px;
      border-style: none;
      cursor: pointer;
      -webkit-appearance: none;
  }
  /*-------------------------スライド-----------------*/
  div.gak_top {
    position:relative;
    width: 80%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }

  /*div.gak_top .next-btn {
    position:absolute;
    width:28px;
    height:30px;
    bottom:-40px;
    right:30%;
    background: url('/com/images/controls_next_orange.gif') no-repeat;
    background-size:contain;
  }*/

  /*div.gak_top .prev-btn {
    position:absolute;
    width:28px;
    height:30px;
    bottom:-40px;
    left:30%;
    background: url('/com/images/controls_prev_orange.gif') no-repeat;
    background-size:contain;
  }*/

  div.gak_top .gaku_top_1 {
    width: 100%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }
  /*-------------------------ニュース-----------------*/
  div.gak_news {
    width: 80%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }

  div.gak_news_box {
    margin:1% 0;
  }

  div.gak_news  a {
    text-decoration:none;
    color:#0e9ea0;
  }

  div.gak_news div.gak_news_text {
    color:#0e9ea0;
    margin-top:0.2%;
    float:left;
  }
  div.gak_news div.gak_news_icon {
    width:10%;
    text-align: center;
    list-style: none; 
    color:#FFFFFF;
    background-color: #ffb247; 
    border-radius: 6px;    
    border-style:none;
    padding:0 2%;
    margin:0.2% 2%;
    float:left;
  }

  /*-------------------------検索-----------------*/
  div.gak_search {
    position:relative;
    width: 80%;
    height:auto;
    margin:0 auto;
  }
  div.gak_search_1 {
    height:auto;
    width:100%;
    border-radius:0 0 6px 6px;
    margin:0 auto 1%;
    padding:2% 0;
    background-color: #e2e2e2;
  }
  form.gak_search_1_form {
    width:100%;
  }
  form.gak_search_1_form input.textBox {
    display: block;
      width: 70%;
      text-align: left;
      list-style: none;
      border: 1px solid #999;
      box-sizing: border-box;
      margin: 0 2.5% 0 5%;
      padding: 1.2vw;
      border-radius: 6px;
      float: left;
      line-height: 1.3vw;
  }
  form.gak_search_1_form input.btn {
    display: block;
      width: 20%;
      font-size: 1.3vw;
      line-height: 3vw;
      text-align: center;
      list-style: none;
      color: #FFFFFF;
      background-color: #259df8;
      border-radius: 6px;
      border-style: none;
      padding: 0.5vw;
      float: left;
      cursor: pointer;
      -webkit-appearance: none;

  }
  div.gak_select {
    position: relative;
    width:100%;
    height:auto;
    border-radius:5px;
    margin:1% 0;
    padding:1% 0 2% 0;
    background-color: #e2e2e2;
  }
  div.select-box_1 {
    width: 40%;
    margin:0 5%;
    float:left;
  }

  div.select-box_2 {
    width: 40%;
    margin:0 5%;
    float:left;
  }

  select::-ms-expand {
      display: none;
  }

  .select-box_1 select {
    width: 100%;
      padding: 1.2vw;
      color: #646568;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: #FFFFFF;
      background-image: url(/com/images/triangle.gif);
      background-repeat: no-repeat;
      background-position: 94%;
      background-size: 3% auto;
      border: 1px solid #999;
      border-radius: 6px 6px 6px 6px;
      box-shadow: 0px 0px 6px -1px #52a1f1;
      -moz-box-shadow: 0px 0px 6px -1px #52a1f1;
      -webkit-box-shadow: 0px 0px 6px -1px #52a1f1;
      line-height: 1.3vw;
  }

  .select-box_2 select {
    width: 100%;
      padding: 1.2vw;
      color: #646568;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: #FFFFFF;
      background-image: url(/com/images/triangle.gif);
      background-repeat: no-repeat;
      background-position: 94%;
      background-size: 3% auto;
      border: 1px solid #999;
      border-radius: 6px 6px 6px 6px;
      box-shadow: 0px 0px 6px -1px #52a1f1;
      -moz-box-shadow: 0px 0px 6px -1px #52a1f1;
      -webkit-box-shadow: 0px 0px 6px -1px #52a1f1;
      line-height: 1.3vw;
  }

  form.gak_select_form input.btn {
    width: 20%;
      font-size: 1.3vw;
      line-height: 3vw;
      margin-top: 2%;
      margin-left: 77.5%;
      padding: 0.5vw;
      text-align: center;
      list-style: none;
      color: #FFFFFF;
      background-color: #ffb247;
      border-radius: 6px;
      border-style: none;
      cursor: pointer;
      -webkit-appearance: none;

  }
  /*-------------------------コンテンツ-----------------*/
  div.main {
    width: 70%; 
    height:auto;
    float:left;
    background-color: white;
  }

  div.title {
    width:100%;
    height:auto;
    margin:0 auto;
    border:1px solid #ff8a23; 
    box-sizing:border-box;
  }

  p.title_text {
    padding:1vw 2vw;
    margin:0;
    color: #FFFFFF;
    background-image: url("/com/images/contents_title_orange.png"); 
    background-repeat: no-repeat;
    background-size:contain;
  }

  div.box_1 {
    width:100%;
    height:auto;
    padding:0 0 20px;
    margin:0 auto;
  }
  /*-------------------------メインコンテンツ-----------------*/
  div.box_1_content {
    width:100%;
    margin-top:2%;
  }
  div.box_1_content ul {
    padding: 0;
  }
  div.more {
    width:100%;
  }
  div.more div.open {
    width:20%;
    margin-left:80%;
  }
  div.more div.close {
    width:20%;
    margin-left:80%;
  }
  div.open a {
    color: #259df8; 
    text-decoration: none;
  }
  div.close a {
    color: #259df8; 
    text-decoration: none;
  }
  div.daigaku_4nen {
    width:100%;
    padding:1% 0;
    margin:0 auto;
  }
  div.daigaku_4nen a {
    display: block;
    width:20%;
    padding:1% 0;
    margin:0 auto;
    text-align: center;
    float:left;
  }
  div.daigaku_4nen img {
    width:40%;
    margin:0 auto;
  }
  div.daigaku {
    width:90%;
    padding:0;
    margin:0 auto;
  }
  div.daigaku p {
    font-weight: bold;
  }
  div.daigaku a {
    text-decoration: none;
    color:#259df8;
  }
  div.osusume {
    width:90%;
    padding:0;
    margin:0 auto;
  }
  div.osusume p {
    font-weight: normal;
  }
  div.osusume a {
    text-decoration: none;
    font-weight: bold;
    color:#259df8;
  }
  div.sonota {
    width:94%;
    padding:0;
    margin:0 auto;
  }
  div.sonota img {
    width:94%;
    padding:0;
    margin:0 auto;
  }
  div.sonota p {
    font-weight: normal;
  }
  div.sonota a {
    text-decoration: none;
    font-weight: bold;
    color:#259df8;
  }

  div.sonota_flex {
    display: flex;
  }

  div.sonota_icon {
    width:10%;
    padding:1%;
  }

  div.sonota_icon img {
    width:100%;
  }

  /*サブ------------------------------------------*/
  div.sub {
    width:30%; 
    height:100%;
    float:right;
  }

  div.sub_kensaku_PC a{
    display: block;
    width:33.3333%;
    padding:1% 0;
    margin:5% auto;
    text-align: center;
    float:left;
  }

  div.sub_kensaku_PC img {
    width:80%;
    margin:0 auto;
  }

  div.sub_kensaku_SP {
    display: none;
  }

  p.sub_buttom {
    width:80%;
    height:auto;
    margin:10px auto 10px;
  }

  p.sub_buttom img {
    width:100%;
    height:auto;
  }

  p.sub_banner {
    width:80%;
    height:auto;
    margin:10px auto;
  }

  p.sub_banner img {
    width:100%;
    height:auto;
    border:1px solid #333;
  }
/*
  p.sub_banner_facebook {
    width:30%;
    height:auto;
    margin:10px 10%;
    float:left;
  }

  p.sub_banner_facebook img {
    width:100%;
    height:auto;
  }
*/
  p.sub_banner_line {
    width:30%;
    height:auto;
    margin:10px 10%;
    float:left;
  }

  p.sub_banner_line img {
    width:100%;
    height:auto;
  }

  a.search_conditions {
    position: absolute;
    width:30%;
    top:68%;
    left:5%;
  }

  .career_top_text {
    width:80%;
    margin:1vw auto;
    text-align: center;
  }

  .career_top_text img {
    width:80%;
  }

  .career_top_text img:nth-child(2) {
    display: block;
    width:20%;
    margin:1vw auto;
  }

}

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

/*メイン------------------------------------------*/
  div.page {
    position:relative;
    width:100%;
    overflow:hidden;
    height:auto;
    margin:0 auto;
    clear:both;
    background-color: white;
  }

  p.sub_banner_kirikae {
    margin:0;
    bottom:1.5%;
    text-align: center;
  }

  a.kirikae_btn {
    display: block;
    width: 80%;
    margin:3vw auto;
      padding: 3vw;
      text-align: center;
      color: #FFFFFF;
      background-color: #259df8;
      border-radius: 6px;
      border-style: none;
      cursor: pointer;
      -webkit-appearance: none;
  }
  /*-------------------------スライド-----------------*/
  div.gak_top {
    position:relative;
    width: 100%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }

  /*div.gak_top .next-btn {
    position:absolute;
    width:28px;
    height:30px;
    bottom:-40px;
    right:30%;
    background: url('/com/images/controls_next_orange.gif') no-repeat;
    background-size:contain;
  }/*

  /*div.gak_top .prev-btn {
    position:absolute;
    width:28px;
    height:30px;
    bottom:-40px;
    left:30%;
    background: url('/com/images/controls_prev_orange.gif') no-repeat;
    background-size:contain;
  }*/

  div.gak_top .gaku_top_1 {
    width: 100%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }
  /*-------------------------ニュース-----------------*/
  div.gak_news {
    width: 100%; 
    height:auto;
    margin:0 auto;
    background-color: white;
  }

  div.gak_news_box {
    margin:1% 0;
  }

  div.gak_news  a {
    text-decoration:none;
    color:#0e9ea0;
  }

  div.gak_news div.gak_news_text {
    width:78%;
    margin-left:1%;
    color:#0e9ea0;
    float:left;
  }
  div.gak_news div.gak_news_icon {
    width:10%;
    text-align: center;
    list-style: none; 
    color:#FFFFFF;
    background-color: #ffb247; 
    border-radius: 6px;    
    border-style:none;
    padding:0 2%;
    margin:0.2% 2%;
    float:left;
  }

  /*-------------------------検索-----------------*/
  div.gak_search {
    position:relative;
    width: 100%; 
    height:auto;
    margin:0 auto;
  }
  div.gak_search_1 {
    height:auto;
    width:100%;
    border-radius:0 0 6px 6px;
    margin:0 auto 1%;
    padding:2% 0;
    background-color: #e2e2e2;
  }
  form.gak_search_1_form {
    width:100%;
  }
  form.gak_search_1_form input.textBox {
    display: block;
      width: 90%;
      text-align: left;
      list-style: none;
      border: 1px solid #999;
      box-sizing: border-box;
      margin: 2% auto;
      padding: 2vw;
      border-radius: 6px;
  }
  form.gak_search_1_form input.btn {
    display: block;
      width: 80%;
      text-align: center;
      list-style: none;
      color: #FFFFFF;
      background-color: #259df8;
      border-radius: 6px;
      border-style: none;
      padding: 3vw;
      margin: 5vw auto;
      cursor: pointer;
      -webkit-appearance: none;

  }
  div.gak_select {
    width:100%;
    height:auto;
    border-radius:5px;
    margin:1% 0;
    padding:1% 0 2% 0;
    background-color: #e2e2e2;
  }
  div.select-box_1 {
    width: 90%;
    margin:5vw auto;
  }

  div.select-box_2 {
    width: 90%;
    margin:5vw auto;
  }

  select::-ms-expand {
      display: none;
  }

  .select-box_1 select {
    width: 100%;
    padding: 2vw;
      color:#646568;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:#FFFFFF;
    background-image: url("/com/images/triangle.gif");
    background-repeat:no-repeat;
    background-position:94%;
    background-size:3% auto;
    border:1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow:0px 0px 6px -1px #52a1f1;
    -moz-box-shadow:0px 0px 6px -1px #52a1f1;
    -webkit-box-shadow:0px 0px 6px -1px #52a1f1;
  }

  .select-box_2 select {
    width: 100%;
    padding: 2vw;
      color:#646568;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:#FFFFFF;
    background-image: url("/com/images/triangle.gif");
    background-repeat:no-repeat;
    background-position:94%;
    background-size:3% auto;
    border:1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow:0px 0px 6px -1px #52a1f1;
    -moz-box-shadow:0px 0px 6px -1px #52a1f1;
    -webkit-box-shadow:0px 0px 6px -1px #52a1f1;
  }

  form.gak_select_form input.btn {
    display: block;
      width: 80%;
      padding: 3vw;
      margin: 5vw auto;
      text-align: center;
      list-style: none;
      color: #FFFFFF;
      background-color: #ffb247;
      border-radius: 6px;
      border-style: none;
      cursor: pointer;
      -webkit-appearance: none;
  }
  /*-------------------------コンテンツ-----------------*/
  div.main {
    width: 100%; 
    height:auto;
    float:left;
    background-color: white;
  }

  div.title {
    width:100%;
    height:auto;
    margin:0 auto;
    border:1px solid #ff8a23; 
    box-sizing:border-box;
  }

  p.title_text {
    padding:2.5vw 5vw;
    margin:0;
    color: #FFFFFF;
    background-image: url("/com/images/contents_title_orange.png"); 
    background-repeat: no-repeat;
    background-size:contain;
  }

  div.box_1 {
    width:100%;
    height:auto;
    padding:0 0 20px;
    margin:0 auto;
  }
  /*-------------------------メインコンテンツ-----------------*/
  div.box_1_content {
    width:100%;
    margin-top:2%;
  }
  div.box_1_content ul {
    padding: 0;
  }
  div.more {
    width:100%;
  }
  div.more div.open {
    width:40%;
    margin-left:60%;
  }
  div.more div.close {
    width:30%;
    margin-left:70%;
  }
  div.open a {
    color: #259df8; 
    text-decoration: none;
  }
  div.close a {
    color: #259df8; 
    text-decoration: none;
  }
  div.daigaku_4nen {
    width:100%;
    padding:0;
    margin:0 auto;
  }
  div.daigaku_4nen a {
    display: block;
    width:20%;
    padding:1% 0;
    margin:0 auto;
    text-align: center;
    float:left;
  }
  div.daigaku_4nen img {
    width:80%;
    margin:0 auto;
  }
  div.daigaku {
    width:90%;
    padding:0;
    margin:0 auto;
  }
  div.daigaku p {
    font-weight: bold;
  }
  div.daigaku a {
    text-decoration: none;
    color:#259df8;
  }
  div.osusume {
    width:90%;
    padding:0;
    margin:0 auto;
  }
  div.osusume p {
    font-weight: normal;
  }
  div.osusume a {
    text-decoration: none;
    font-weight: bold;
    color:#259df8;
  }
  div.sonota {
    width:94%;
    padding:1% 0;
    margin:0 auto;
  }
  div.sonota img {
    width:94%;
    padding:0;
    margin:0 auto;
  }
  div.sonota p {
    font-weight: normal;
  }
  div.sonota a {
    text-decoration: none;
    font-weight: bold;
    color:#259df8;
  }

  div.sonota_flex {
    display: flex;
  }

  div.sonota_icon {
    width:15%;
    padding:1%;
  }

  div.sonota_icon img {
    width:100%;
  }

  /*サブ------------------------------------------*/
  div.sub {
    width:100%; 
    height:100%;
    float:none;
  }
  div.sub_kensaku_PC {
    display: none;
  }

  div.sub_kensaku_SP a{
    display: block;
    width:33.3333%;
    padding:1% 0;
    margin:5% auto;
    text-align: center;
    float:left;
  }

  div.sub_kensaku_SP img {
    width:80%;
    margin:0 auto;
  }

  p.sub_buttom {
    width:80%;
    height:auto;
    margin:10px auto 10px;
  }

  p.sub_buttom img {
    width:100%;
    height:auto;
  }

  p.sub_banner {
    width:80%;
    height:auto;
    margin:10px auto;
  }

  p.sub_banner img {
    width:100%;
    height:auto;
    border:1px solid #333;
  }
/*
  p.sub_banner_facebook {
    width:30%;
    height:auto;
    margin:10px 10%;
    float:left;
  }

  p.sub_banner_facebook img {
    width:100%;
    height:auto;
  }
*/
  p.sub_banner_line {
    width:30%;
    height:auto;
    margin:10px 10%;
    float:left;
  }

  p.sub_banner_line img {
    width:100%;
    height:auto;
  }

  li.tokushuukigyou img {
    display: block;
    width:80%;
    height:auto;
    border:1px solid #555;
    margin:1vw auto;
  }

  a.search_conditions {
    display: block;
    width:100%;
    text-align: center;
  }

  .career_top_text {
    width:80%;
    margin:3vw auto;
    text-align: center;
  }

  .career_top_text img {
    width:100%;
  }

  .career_top_text img:nth-child(2) {
    display: block;
    width:40%;
    margin:3vw auto;
  }

}