@charset "UTF-8";
/****************************************************
SCSSで制作しているため、このファイルは編集しないでください。

****************************************************/
/* local-path */
/* wp-path */
/* common
---------------------------------------------------*/
.facility {
  background: url(/wp/wp-content/uploads/img/facility/bg_sky.jpg) center top no-repeat;
  background-size: 100% auto;
}

h2 {
  color: #22589f;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 10px 0;
}

/* modal */
.modal {
  margin: 30px 0 90px 0;
  position: relative;
  /* point */
}
.modal h3 {
  font-weight: normal;
}
.modal dl {
  margin: 0 0 20px 0;
}
.modal dt {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 10px;
}
.modal dd {
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  background: #f1f1f1;
  margin: 0 0 3px 0;
  padding: 3px 10px;
}
.modal .map {
  position: relative;
  overflow: hidden;
}
.modal .map img {
  max-width: 130%;
  margin-left: -14%;
}
.modal p {
  background: rgba(251, 126, 4, 0.8);
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
}
.modal p a {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}
.modal .name {
  display: none;
}
.modal .square {
  width: 50px;
  padding: 3px 0;
}
.modal .circle {
  width: 20px;
  min-height: 20px;
  border-radius: 100px;
}
.modal .circle a {
  display: block;
  padding: 2px 0 0 0;
}
.modal .text-link {
  width: 90%;
  margin: 20px auto 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.modal .text-link li {
  margin: 0 0 5px 0;
  float: left;
}
.modal .text-link li:nth-child(odd) {
  width: 54%;
}
.modal .text-link li:nth-child(even) {
  width: 46%;
}
.modal .north-gate {
  top: 13%;
  left: 1%;
}
.modal .secretariat {
  top: 60%;
  left: 55%;
}
.modal .front-gate {
  top: 55%;
  left: 90%;
}
.modal .west-gate {
  top: 62%;
  left: 23%;
}
.modal .single-house {
  top: 32%;
  left: 10%;
}
.modal .tea-room {
  top: 19%;
  left: 17%;
}
.modal .director-posts {
  top: 15%;
  left: 25%;
}
.modal .family-house {
  top: 6%;
  left: 42%;
}
.modal .seminar-room {
  top: 38%;
  left: 34%;
}
.modal .research-room {
  top: 32%;
  left: 43%;
}
.modal .seminar-lounge {
  top: 29%;
  left: 52%;
}
.modal .lecture-hall {
  top: 16%;
  left: 64%;
}
.modal .community-hall {
  top: 45%;
  left: 47%;
}
.modal .conference-room {
  top: 60%;
  left: 47%;
}

/* overwrite */
.remodal-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.remodal {
  padding: 20px;
}
.remodal h3 {
  text-align: left;
  margin: 0 0 15px 0;
  border-bottom: solid 2px #ccc;
  font-size: 16px;
  font-size: 1.6rem;
}

/* @media (min-width: 768px)
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }

  /* modal */
  .modal {
    padding-top: 60px;
    margin: 30px 0 150px 0;
    /* point */
  }
  .modal h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .modal .intro {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 10;
    border: solid 1px #ccc;
    padding: 5px 10px;
  }
  .modal dl {
    margin: 0;
    width: 200px;
  }
  .modal dt {
    padding: 0;
  }
  .modal dd {
    background: inherit;
    margin: 0;
    padding: 0;
  }
  .modal .map {
    padding-top: 20px;
  }
  .modal p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.1em;
  }
  .modal p a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .modal p span {
    display: none;
  }
  .modal .num {
    display: none;
  }
  .modal .name {
    display: block;
  }
  .modal .name i {
    display: block;
    margin: 3px 0 0 0;
  }
  .modal .circle {
    width: 65px;
    height: 65px;
  }
  .modal .circle a {
    padding: 0;
    position: relative;
    height: 71px;
  }
  .modal .circle a .single-line {
    padding: 21px 0 14px;
  }
  .modal .circle a .multi-line {
    padding: 12px 0 8px;
  }
  .modal .text-link {
    display: none;
  }
  .modal .north-gate {
    top: 23%;
  }
  .modal .secretariat {
    left: 57%;
  }
  .modal .front-gate {
    top: 53%;
    left: 89%;
  }
  .modal .west-gate {
    top: 59%;
    left: 23%;
  }
  .modal .single-house {
    top: 30%;
    left: 8%;
  }
  .modal .tea-room {
    top: 18%;
    left: 15%;
  }
  .modal .director-posts {
    top: 15%;
  }
  .modal .family-house {
    top: 8%;
    left: 40%;
  }
  .modal .seminar-room {
    top: 38%;
    left: 31%;
  }
  .modal .research-room {
    top: 32%;
    left: 40%;
  }
  .modal .seminar-lounge {
    top: 27%;
    left: 49%;
  }
  .modal .lecture-hall {
    top: 14%;
    left: 62%;
  }
  .modal .community-hall {
    top: 43%;
    left: 46%;
  }

  /* overwrite */
  .remodal-overlay {
    background: rgba(0, 0, 0, 0.7);
  }

  .remodal {
    padding: 20px;
  }
  .remodal h3 {
    margin: 0 0 25px 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
  }
}
/* @media (min-width: 1024px)
---------------------------------------------------*/
/* @media (min-width: 1230px)
---------------------------------------------------*/
@media screen and (min-width: 1230px) {
  h2 {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
/* print
---------------------------------------------------*/
@media print {
  h2 {
    font-size: 36px;
    font-size: 3.6rem;
  }

  /* modal */
  .modal {
    padding-top: 60px;
    margin: 30px 0 150px 0;
    /* point */
  }
  .modal h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .modal .intro {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 10;
    border: solid 1px #ccc;
    padding: 5px 10px;
  }
  .modal dl {
    margin: 0;
    width: 200px;
  }
  .modal dt {
    padding: 0;
  }
  .modal dd {
    background: inherit;
    margin: 0;
    padding: 0;
  }
  .modal .map {
    padding-top: 20px;
  }
  .modal p {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.1em;
  }
  .modal p a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .modal p span {
    display: none;
  }
  .modal .num {
    display: none;
  }
  .modal .name {
    display: block;
  }
  .modal .name i {
    display: block;
    margin: 3px 0 0 0;
  }
  .modal .circle {
    width: 65px;
    height: 65px;
  }
  .modal .circle a {
    padding: 0;
    position: relative;
    height: 71px;
  }
  .modal .circle a .single-line {
    padding: 21px 0 14px;
  }
  .modal .circle a .multi-line {
    padding: 12px 0 8px;
  }
  .modal .text-link {
    display: none;
  }
  .modal .north-gate {
    top: 23%;
  }
  .modal .secretariat {
    left: 57%;
  }
  .modal .front-gate {
    top: 53%;
    left: 89%;
  }
  .modal .west-gate {
    top: 59%;
    left: 23%;
  }
  .modal .single-house {
    top: 30%;
    left: 8%;
  }
  .modal .tea-room {
    top: 18%;
    left: 15%;
  }
  .modal .director-posts {
    top: 15%;
  }
  .modal .family-house {
    top: 8%;
    left: 40%;
  }
  .modal .seminar-room {
    top: 38%;
    left: 31%;
  }
  .modal .research-room {
    top: 32%;
    left: 40%;
  }
  .modal .seminar-lounge {
    top: 27%;
    left: 49%;
  }
  .modal .lecture-hall {
    top: 14%;
    left: 62%;
  }
  .modal .community-hall {
    top: 43%;
    left: 46%;
  }

  /* overwrite */
  .remodal-overlay {
    background: rgba(0, 0, 0, 0.7);
  }

  .remodal {
    padding: 20px;
  }
  .remodal h3 {
    margin: 0 0 25px 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
  }

  .page h1 {
    padding-bottom: 20px;
    padding-top: 30px;
  }

  h2 {
    line-height: 1.3;
  }

  .modal {
    margin-bottom: 20px;
    padding-top: 50px;
  }

  .modal .map {
    padding: 0;
  }
}