body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #000;
}
a {
  border: 0
}
img {
  vertical-align:middle;
}
.container {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}
.image img,
.responsive-image {
  max-width: 100%;
  min-width: 768px;
  height: auto;
}
.contentArea {
  background-color: #f0f0f0;
}
.image { margin: 0 auto; padding: 0px; background-color: #f0f0f0;}

video { margin-bottom: -4px;}


nav {text-align: center; min-width: 768px;}
nav ul{
margin: 0 auto;
padding: 0; display: flex;
justify-content: center;
}
nav ul li{
  list-style: none;
margin: 0 ;
padding: 0 ;
}
nav ul li a{
text-decoration: none;
}
nav ul li a img {max-width: 100%; min-width: 75%; height: auto;}


/* Google Mapを囲う要素 */
.map {
  position: relative; margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  height: 540px;
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 540px;
  -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}