@charset "utf-8";

#access{
  font-family: St Marie, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#access hr {
  height: 1px;
  width: 200px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

#access nav ul{
  margin: 0px 0px 0px 180px;
}

#access li {
  width: 60%;
  font-size: 16px;
  line-height: 30px;
}

#access a {
  padding: 0 0 0 30px;
}

#access table {
  margin: 30px 0px 0px 120px;
}

@media screen and (max-width: 1024px){ 
  #access nav ul{
    margin: 0px 0px 0px 100px;
  }

  #access li {
    width: 80%;
    font-size: 12px;
    line-height: 14px;
  }

  #access table {
    margin: 30px 0px 0px 60px;
  }

}

@media screen and (max-width: 768px){ 

  #access nav ul{
    margin: 0px 0px 0px 40px;
  }

  #access li {
    width: 90%;
    font-size: 14px;
    line-height: 14px;
  }

  #access table {
    margin: 30px 0px 0px 20px;
  }

}

@media screen and (max-width: 576px){ 

  #access nav ul{
    margin: 0px 0px 0px 0px;
  }

  #access li {
    width: 100%;
    font-size: 10px;
    line-height: 10px;
  }

  #access table {
    margin: 30px 0px 0px 0px;
  }

}

/* ******************************
/* マップ表示
****************************** */

.ggmap {
  position: relative;
  padding-bottom: 55.25%;
  padding-top: 0px;
  height: 0;
  margin-top: 50px;
  overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  text-align: center !important;
}