@charset "shift_jis";

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

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

/*メイン------------------------------------------*/
div.page {
  width:80%;
}

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: #ff8a23;
    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.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.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 {
  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-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%; 
}

div.title {
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
}

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 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:82%;
    left:5%;
  }



}

@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: #ff8a23;
    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:14px;
  height:15px;
  bottom:-33px;
  right:30%;
  background: url('/com/images/controls_next.gif') no-repeat;
  background-size:contain;
}*/

/*div.gak_top .prev-btn {
  position:absolute;
  width:14px;
  height:15px;
  bottom:-33px;
  left:30%;
  background: url('/com/images/controls_prev.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 #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;
}

.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 #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;
}

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 #259df8; 
  box-sizing:border-box;
}

p.title_text {
  padding:2.5vw 5vw;
  margin:0;
  color: #FFFFFF;
  background-image: url("/com/images/contents_title.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 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;
  }


}