#access {
  padding-bottom: 140px;
}
@media screen and (max-width: 820px) {
  #access {
    padding-bottom: 70px;
  }
}
#access .map02 {
  margin-top: 90px;
}
@media screen and (max-width: 820px) {
  #access .map02 {
    margin-top: 45px;
  }
}
#access .buttonFlex {
  display: flex;
  justify-content: space-between;
  max-width: 700px;
  margin: 90px auto 0;
}
@media screen and (max-width: 820px) {
  #access .buttonFlex {
    flex-direction: column;
    margin-top: 45px;
  }
  #access .buttonFlex .button01 + .button01 {
    margin-top: 25px;
  }
}

.g_bg {
  background-image: url(../images/access/gbg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #efeeea;
}
@media screen and (max-width: 820px) {
  .g_bg {
    padding-bottom: 60px !important;
  }
}
.g_bg .map {
  padding-top: 70px;
}
@media screen and (max-width: 520px) {
  .g_bg .map {
    padding-top: 35px;
  }
}
@media screen and (max-width: 820px) {
  .g_bg .buttonFlex .button01 + .button01 {
    margin-top: 15px !important;
  }
}
.g_bg .caption_area {
  background-color: #fff;
  padding: 40px 0 60px;
}
@media screen and (max-width: 520px) {
  .g_bg .caption_area {
    padding: 25px 0 60px;
  }
}

@media screen and (max-width: 520px) {
  .moderroomTitle {
    font-size: 30px !important;
  }
}