@charset "utf-8";
/* CSS Document */



#wrapper {
  width:1000px;
  margin:0 auto;
}

#main{
  width: 1000px;
  margin:4px;
}

#wrapper p {
  font-family:メイリオ;
}


#mv img {
  width:998px;
  margin:5px auto;
}

#bt img {
  float:left;
  margin:5px 0;
}

#what {
  width:1000px;
  margin:5px auto;
}

#what img {
  width:1000px;
  margin:20px auto;
}

#sample {
  width:1000px;
  margin:5px auto;
}

.sample_school {
  width:784px;
  margin-left:125px;
}

.sample_school img {
  width:162px;
  float:left;
  margin-right:34px;
  margin-bottom:20px;
}

#why_pic {
  width:720px;
  margin:0 auto;
}

#why_pic img {
  float:left;
}

#schoollist {
  width:900px;
  height:1500px;
  margin:0 auto 60px;
  background:#EEEEEE;
  text-align: left;
}

#advice li {
  background: url(../img/sankaku.jpg) no-repeat left top;
  font-weight: bold;
  width:900px;
  margin:0 auto;
  padding:0 0 0 16px;
}

.clear {
  clear:both;
}

#daigaku li {
float: left;
margin-right: 3px;
width: 10em;
font-family:メイリオ;
} 


#daigaku  {
margin-left: 65px;	 


} 
.facebook  {
width:1000px;
  height:20px; 


} 
.btn .label {
    padding: 0px 3px 0px 19px;
    white-space: nowrap;
}

#Share_tf{
position:relative;
top:10px 20px;
}
  
/*導線設置*/
.hantei img{
  width:90%; 
  display: block;
  margin:0 auto;
  padding-top: 20px;
}
.hantei img:hover{
  opacity: 0.8;
}

#weather_banner{
  margin:20px auto;
  text-align:center;
}
/**/

.apply_button{
  width: 792px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
  margin: 30px auto;
}

.button:hover{
  opacity: 0.9;
}

.login{
  background-color: #0fa872;
  line-height: 30px;
  padding: 10px 0;
}

.koukousei{
  background-color: #fc4c4c;
  padding: 15px 0;
  font-size: 21px;
}
.koukousei2{
  background-color: #009c84;
  padding: 15px 0;
  font-size: 21px;
}



.login-text{
  font-size: 14px;
}
.touroku{
  width: 1000px;
  color: #fc4c4c;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin: 50px auto 20px;
  padding: 15px;
  border-top: 4px solid #fc4c4c;
  border-bottom: 4px solid #fc4c4c;
}
.touroku-text{
  text-align: center;
  font-size: 14px;
}

.kaiin{
  color: #000;
  font-weight: bold;
  border-radius: 10px;
  margin: 9px;
  font-size: 17px;
  float: left;
  padding: 10px 64px;
}

#mv_hantei {
    position: absolute;
    top: 94px;
    right: 20px;
    width: 250px !important;
}

.banner_hantei_sys{
  text-align: center;
    margin: 50px;
}

.flex{
  display: flex;
}

.right-box{
  border: 
}

.hantei_sys{
  text-align: center;
}

.boxes{
  display: flex;
    justify-content: space-around;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.box_login{
  width: 450px;
    border: solid 2px;
    padding: 20px;
    margin: 50px;
}

.login_hantei_sys_btn{
  width:300px;
}

.login_hantei_sys_btn{
    line-height: 30px;
    padding: 10px 0;
   width: 320px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    margin: 30px;
}

.login_title{
   text-align: center;
   font-weight:bold;
}


.left-box{
  border-color: #fc4c4c;
}

.right-box{
  border-color: #52a58b;
}

.red{
     background-color: #fc4c4c;
}

.green{
     background-color: #52a58b;
     margin-top: 50px;
}