@charset "UTF-8";

/*  ------------------*/
#greeting,
#information,
#history,
#access {
  position: relative;
}

#information,
#access {
  background-color: #fff;
}

#greeting > .inner,
#information > .inner,
#history > .inner,
#access > .inner {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1000px) {
  #greeting > .inner,
  #information > .inner,
  #history > .inner,
  #access > .inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  #greeting > .inner,
  #information > .inner,
  #history > .inner,
  #access > .inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

#access > .inner .access-area .map {
  text-align: center;
  padding: 0 2%;
}

#access > .inner .access-area .map iframe {
  max-width: 100%;
}