.left {
  flex: 50%;
  margin-top: 20px;
}
.left img {
  max-width: 100%;
}

.right {
  flex: 50%;
  margin-top: 20px;
}


h2.refs {
  margin-top: 25px;
}

h3 {
  font-size: 16px;
}

#slider {
  margin-bottom: 20px;
}

p.arrow {
  position: relative;
  padding-left: 25px;
}
  p.arrow::before {
    position: absolute;
    left: 0;
    content: '\27a4'; /*&#10148;*/
  }

p.welfare {
  position: relative;
  font-size: 14px;
  padding-left: 25px;
}
  p.welfare::before {
    position: absolute;
    left: 0;
    content: '\27a4'; /*&#10148;*/
    color: red;
  }


.muchmore {
  width: 100%;
  text-align: right;
}


.pmap {
  position: relative;
  margin: 25px 0 10px 0;

}
#overlay {
  display: block;
  margin: 0 auto;
}
.region {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 225px;
  margin: 0 auto;
  padding: 10px 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
}
  .region span {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 26px;
    cursor: pointer;
  }
  .region a {
    display: block;
    position: relative;
    padding-left: 25px;
  }
    .region a::before {
      position: absolute;
      left: 0;
      content: '\27a4'; /*&#10148;*/
      color: #000000;
    }
