@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%;
    }
}

.about_text img {
  width: 100%;
  height: auto;
  margin: 20px 0 0;
}

/* キャンパスマップ
------------------------------------------------- */
.box_campusmap {
  margin: 20px 0 0;
}
.box_campusmap .campusmap_img img {
  width: 100%;
  height: auto;
}
.box_campusmap .campusmap_ttl {
  padding: 5px 0;
  color: #065C40;
  text-align: center;
  font-weight: bold;
  background: #D8E477;
}
.box_campusmap .campusmap_txt {
  padding: 10px;
  font-size: 13px;
  background: #FFFDE4;
}
.box_campusmap ul li {
  width: calc(50% - 10px);
  padding: 20px 10px 0 0;
  float: left;
}
.box_campusmap ul li:nth-child(even) {
  width: calc(50% - 10px);
  padding: 20px 0 0 10px;
  float: right;
}
.box_campusmap ul li .image img {
  max-width: 100%;
  max-height: auto;
  width: 100%;
  height: auto;
}
.box_campusmap ul li .title {
  padding: 10px 0;
  color: #065C40;
  text-align: center;
  font-weight: bold;
  background: #D8E477;
}
.box_campusmap ul li .text {
  padding: 10px;
  font-size: 13px;
  background: #FFFDE4;
}

@media screen and (max-width:1000px) {
    .box_campusmap ul li {
      width: calc(50% - 0px);
      margin-bottom: 10px;
      padding: 20px 10px 0 0;
    }
    .box_campusmap ul li:nth-child(even) {
      width: calc(50% - 0px);
      padding: 20px 0 0 10px;
    }
}
@media screen and (max-width:600px) {
    .box_campusmap ul li {
      margin-bottom: 10px;
      padding: 10px 5px 0 0;
    }
    .box_campusmap ul li:nth-child(even) {
      padding: 10px 0 0  5px;
    }
}