@charset "UTF-8";

.area-item {
width: 700px;
margin: 0 auto;
background: #fff;
padding: 1%;
border: 1px solid #000000;
}
.area-item h2 {
background: #74ee95;
padding: 2px 8px;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0;
}
.area-item p {
padding: 5px 0;
}
.g-map {
text-align: center;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.g-map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-width: 0;
}

@media screen and ( max-width : 768px ) {
.area-item {
width: 100%;
padding: 0;
}
}