/* min: 30px, max: 80px */
/*========================================================================
   access layout
========================================================================*/
#access #mainVisual {
  background: url(../img/access/mainimg.jpg) no-repeat center/cover;
}

#map {
  padding-bottom: 2em;
}

#around {
  background: url(../img/bg_wh.jpg);
  color: #222;
}
#around .container {
  max-width: 1100px;
}
#around .row {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
#around .cont {
  background-color: rgba(255, 255, 255, 0.5);
  padding-block: calc(var(--grid-gutter) / 2);
  font-size: 0.9em;
}
#around .cont > .col {
  margin-bottom: var(--grid-gutter);
}
#around .cont > .col:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #around .cont > .col {
    margin-bottom: 0;
  }
}
#around .cont .txtArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#around .cont .ttl {
  margin-bottom: 0.3em;
  margin-left: 0;
}
#around .cont .time {
  text-align: center;
  color: #c55;
}
#around .cont .txt {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-bottom: 1em !important;
}
#around .cont .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-block: 0px;
}
#around .cont .btn a {
  min-width: unset;
  height: 40px;
}
#around #bnrArea .btn {
  max-width: 250px;
  margin-inline: 1em;
}