@charset "utf-8";
/* CSS Document */

/* 地図キャンパス */
.map_canvas {
  position: relative;
  width: 1200px;
  margin: 2% auto 4%;
}
.map_canvas:before {
  content:"";
  display: block;
  padding-top: 33.3333%; /* 地図の縦横比率をここで決定 400px / 1200px * 100 = 33.33333 */
}

.map_small {
  width: 360px;
}
.map_small:before {
  padding-top: 112.777777778%; /* 地図の縦横比率をここで決定 360px / 406 * 100 = 112.777777778 */
}

@media (max-width: 1199px) {
  .map_canvas {
    width: 100%;
	height: 230px;
	margin:1.5rem auto 3rem;
  }
  .map_small {
    width: 100%;
  }
}