section{
  padding: 50px;
  background-color: FFF9EE;
}

.map2{
  width: 600px;
  height: 330px;
}
.map3 a{
  display: block;
  text-align: center;
}
.map3 a img{
  transition:  .3s;
}
.map3 a:hover{
  color: #000;
  opacity: 1;
}
.map3 a:hover img{
  transform: scale(1.05,1.05);
  filter: blur(1px) brightness(30%);
}
.mask{
  opacity: 0;
}
.map3 a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
.map3 a:hover .map2{
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0,0,0,.08);
  text-emphasis: none;
}
.caption {
	font-size:		200%;
	text-align: 		center;
  position: absolute;
  margin-left: 170px;
  margin-top: -190px;
  color:			#fff;
}
h2{
  padding: 40px;
}
.ado{
  width:650px;
  margin: auto;
  border: 2px solid #FE5801;
  border-radius: 14px;
  background-color: #ffffff;
  padding: 50px;
}
.tel2{
  width: 500px;
  font-size: 24px;
  margin-left: 0;
  margin-bottom: 40px;
}
@media screen and (max-width:768px){
  .ado{
    width:550px ;
  }
 
}
@media screen and (max-width:425px){
  .ado{
    width:250px ;
  }
  .tel2{
    font-size: 14px;
    width: 300px;

  }
  .map2{
    width: 250px;
    height: 130px;
  }

}