@charset "UTF-8";

.flex-container-2,
.img-flex-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.flex-box {
  border: 1px solid gray;
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc((100% - 10px) / 2 - 2px);
}

.flex-box:nth-child(2n) {
  margin-right: 0;
}

.flex-box div {
  display: inline-block;
}

.flex-box:nth-child(2) div div {
  height: 276px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.flex-box img {
  display: block;
  height: 276px;
  width: 100%;
}

.flex-box:nth-child(2) div img {
  display: block;
  height: auto;
  left: -44px;
  position: absolute;
  top: -44px;
  width: 150%;
}

.flex-box div p {
  padding: 0 1em;
  text-align: left;
}

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}

.gmap iframe,
.gmap object,
.gmap embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.title-park:before {
  background-image: url('../images/about/service/icon_parking.jpg');
  background-size: contain;
  content: '';
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  width: 50px;
}

.title-park,
.title-barrierfree {
  text-align: left;
}

.title-barrierfree:before {
  background-image: url('../images/about/service/icon_handi_p.jpg');
  background-size: contain;
  content: '';
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  vertical-align: middle;
  width: 50px;
}

.flex-service {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.item {
  border: 1px solid gray;
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc((100% - 10px) / 2 - 2px);
}

.item:nth-child(2n) {
  margin-right: 0;
}

.item img {
  display: block;
  height: 276px;
  width: 100%;
}

.item p {
  padding: 0 1em;
}

/* google map */

.map iframe {
  border: none;
  height: 500px;
  width: 100%;
}