.map_img {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 60px; 
}

.map_img img{
  border-radius: 20px;
}

.map_img_box{
  width: 100%;
  height: 100%;
}

.map_img_box01 #btn1 {
  position: absolute;
  margin: auto;
  top: 57.2%;
  left: 11.8%;
  background-color: rgba(248,243,237, 0.5);
  border-radius: 20px;
}

.map_img_box01 #btn2 {
  position: absolute;
  margin: auto;
  top: 23%;
  left: 32%;
  background-color: rgba(248,243,237, 0.5);
  border-radius: 20px;
}

.map_img_box01 #btn3 {
  position: absolute;
  margin: auto;
  top: 23%;
  left: 81%;
  background-color: rgba(248,243,237, 0.2);
  border-radius: 20px;
}

.map_img_box02 #btn4 {
  position: absolute;
  margin: auto;
  top: 75.8%;
  left: 33.5%;
  background-color: rgba(248,243,237, 0.5);
  border-radius: 20px;
}

.map_img_box02 #btn5 {
  position: absolute;
  margin: auto;
  top: 13%;
  left: 59%;
  background-color: rgba(248,243,237, 0.5);
  border-radius: 20px;
}

.map_img_box02 #btn6 {
  position: absolute;
  margin: auto;
  top: 70%;
  left: 90%;
  background-color: rgba(248,243,237, 0.5);
  border-radius: 20px;
}

.modal {
display: none;
position: fixed;
overflow: scroll;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
/*overflow: auto;*/
background-color: rgba(0,0,0,0.5);
}

.modal-content{
  position: relative;
  /*
  text-align: center;
  */
margin: 280px auto ;
background:#f8f3ed;
border-radius: 20px;
padding:25px;
width:460px;
}
/**/
.modal-content > .img{
/*text-align: right;*/
  position: absolute;
  top: 10px;
  right: 10px;

}

#modal-title {
  background-color: #f8f3ed;
  color:#ff7f00;
  margin-top: -5px;
}

#modal-img {
  width: 100%;
  height: 100%;
  margin-top: 15px;
}

#modal-description {
  margin-top: 5px;
  margin-bottom: -12px;
  /*width:90%;
  text-align: justify;
  */
  word-wrap: normal;
  overflow-wrap : break-word;
}