@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

css

------------------------------------------------- */

.left-box {
  background: url(../images/main.jpg) center;
  background-size: auto 100%;
}

@media screen and (max-width:1000px) {
    .left-box {
      background-size: 250%;
    }
}

/* 学費ローン
------------------------------------------------- */
.box_admission p {
  margin: 20px 0 0;
}
.box_admission p img {
  width: 100%;
  height: auto;
}
.box_admission h5 {
  padding: 10px 0;
  font-size: 15px;
  text-align: center;
  border: 1px solid #33B048;
  background: #FFFFFF;
}
.box_admission h6 {
  margin: 20px auto 0;
  padding: 10px 0;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  background: #33B048;
}

.box_admission table {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
.box_admission table th {
  width: 150px;
  padding: 10px 0;
  font-weight: normal;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background: #EEEEEE;
}
.box_admission table td {
  padding: 10px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background: #FFFFFF;
}

.box_admission ul {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.box_admission ul li {
  width: calc(33% - 20px);
}
.box_admission ul li a {
  width: 100%;
  padding: 20px 10px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 30px;        /* CSS3草案 */
  -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 30px;   /* Firefox用 */
  display: block;
}
.box_admission ul li.human a {
  background: #55AAC5;
}
.box_admission ul li.welfare a {
  background: #50B414;
}
.box_admission ul li.child a {
  background: #EB6143;
}

@media screen and (max-width:1000px) {
}
@media screen and (max-width:600px) {
    .box_admission table th {
      width: auto;
      display: block;
    }
    .box_admission table td {
      display: block;
    }
    .box_admission ul {
      display: block;
    }
    .box_admission ul li {
      width: 100%;
      margin-top: 20px;
    }
}