@charset "utf-8";
/* CSS Document */
.popup-medium {
  margin-bottom: 45px;
}

.wrap {
  width: 820px;
  margin: 0 auto;
}

.h_title {
  font-size: 24px;
  color: #000000;
  text-align: center;
  padding-top: 70px;
}

.wrap .map_left {
  float: left;
  width: 386px;
  font-size: 14px;
}

.wrap .map_right {
  float: right;
  width: 400px;
  margin-left: 34px;
}

.wrap .map_left dt {
  display: table-cell;
  width: 95px;
}

.wrap .map_left dd {
  display: table-cell;
}

.map-block {
  display: inline-block !important;
}

.map-close {
  text-align: center;
}

.mail-wrap .sample-href {
  color: #000000;
}

.mail-wrap .sample-href:hover {
  color: #000000;
}

.mail-wrap {
  width: 640px;
  margin: 0 auto;
  line-height: 1.65;
}

.mail-wrap .mail-head {
  width: 480px;
  border-top: #000 2px solid;
  border-bottom: #000 2px solid;
  padding: 15px 0 15px 57px;
}

.mail-wrap .sample-inner {
  margin-left: 40px;
}

.mail-wrap .sample-address p {
  padding-top: 10px;
}

#campus_map {
  width: 400px;
  height: 486px;
}

@media screen and (max-width: 640px) {
  body {
    min-width: 0;
  }
  .wrap {
    width: auto;
  }
  .wrap .map_left {
    float: none;
    width: auto;
    margin: 0 5%;
  }
  .wrap .map_right {
    float: none;
    width: auto;
    margin-right: 5%;
    margin-left: 5%;
  }
  .wrap .map_right .gmap {
    position: relative;
    padding-top: 75%;
    height: 0;
    overflow: hidden;
  }
  .wrap .map_right .gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .map-close {
    margin-bottom: 30px;
  }
  #campus_map {
    width: auto;
    height: auto;
    margin: 0 auto;
  }
}