@charset "UTF-8";

.layerArea {position: absolute; width: 400px; top: 50%; left: 50%;  z-index: 1000; transform: translate(-50%,-50%);}
.layerArea1 {position: absolute;width: 400px;top: 50%;left: 50%; z-index: 1000;transform: translate(-100%,-50%);}
.layerArea2 {position: absolute;width: 400px;top: 50%;left: 50%; z-index: 1000;transform: translate(20%,-50%);}


.popClose {display: flex; background-color: #222;}

.popClose button {display: block; width:50%; padding: 0.5rem 0; background-color: #3d3d3d; font-size: 14px; color:#fff; text-align:center;}



@media screen and (max-width: 767px) {
  .layerArea {width:80%;}
  .layerArea1 {width:80%;top: 10%;transform: translate(-50%,0%);}
  .layerArea2 {width:80%;top: 10%;transform: translate(-50%,0%);}
  .layerPop img {width:100%;}
    
}