@charset "UTF-8";

 
.map_flex figure {

   position: relative;
font-size: 1.4rem;
flex: 1;
}
.map_flex figure img {

   width: 100%;


}


.map_flex figcaption {

   position:absolute ;
   padding: 5px;
   background:rgba(247, 245, 243, 0.8);
   font-weight: bold;
   display: block;
   width: auto;
   font-size: 75%;
   top: 0;
   left: 1%;
   box-shadow: 1px 3px 4px #cccccc;
}


.map_flex.flex_end figcaption {

position:absolute ;
padding: 5px;
background:rgba(247, 245, 243, 0.8);
font-weight: bold;
display: block;
width: auto;
font-size: 75%;
top: auto;
bottom: 5%;
left: 1%;
box-shadow: 1px 3px 4px #cccccc;
}


.map_flex.flex_end div:nth-child(1) {

   flex: 1;

}

.map_flex {

   display: flex;
   gap: 5px;
}
.flex_d {
   flex-direction: row-reverse;
   position: relative;

}

.flex_d figure:nth-child(3){
flex: 1.35;

}

.flex_d figure:nth-child(1){
flex: 1.04;

}

.flex_end {

   align-items: flex-end;
   gap:25px;
   position: relative;
   margin-top: -5%;
}


.flex_end figure:nth-child(2) {

   flex: 1.8;
}


.flex_end figure:nth-child(1) {

   margin-bottom: 15px;

}

.mapop01 {

   opacity: 0;
   visibility: hidden;
   height: 0;
}



@media screen and (max-width: 767px){



   body .map_flex {

	   flex-wrap: wrap;

   }


   body .flex_end {
	   margin-top: 0;

   }

   body .map_flex figure {

flex: 1 1 100% !important;

   }



}