@charset "UTF-8";
.inner-bg{
  padding-top: 5%;
}

.about{
  width:80%;
  margin:0 auto;
}
.swiper{
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: rotate(-5deg);
}
.swiper-wrapper{
  transition-timing-function: linear;
}
 
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-slide img{
}

.map{
  width:80%;
  margin:10% auto 0;
  position: relative;
}
.map img{
  width:100%;
}

.police{
  display: block;
  width:16.5%;
  height:25%;
  position: absolute;
  top: 37%;
  left:48.9%;
}
.fire{
  display: block;
  width:11%;
  height:21%;
  position: absolute;
  top: 18%;
  left:31%;
}
.medical{
  display: block;
  width:16.5%;
  height:31.3%;
  position: absolute;
  top: 35%;
  left:16%;
}
.carry{
  display: block;
  width:13.8%;
  height:19%;
  position: absolute;
  top:18%;
  left:54.5%;
}
.clean{
  display: block;
  width:17.7%;
  height:32%;
  position: absolute;
  top: 32%;
  left:80%;
}
.build{
  display: block;
  width:18.9%;
  height:29.5%;
  position: absolute;
  top: 62%;
  left:47%;
}

.bg-modal{
  background-size: cover;
  height:100vh;
}
h2.title-modal{
  width: 50%;
  margin:0 auto;
  padding: 10px;
}
h2.title-modal img{
  width:100%;
}
.thumbnail{
  display:block;
  wdth:80%;
  padding:5%;
  margin: 0 auto;
}
.thumbnail li{
  width:20%;
  float: left;
}
.thumbnail li img{
  width:100%;
}