@charset "utf-8";


/*=====================================

style

========================================*/
.map-wrap {
  max-width: 100%; /* ここに横幅を指定 */
  
}

.map1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom:75%; /* 比率を4:3に固定 */

}

.map1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map2 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom:75%; /* 比率を4:3に固定 */

}

.map2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map3 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom:75%; /* 比率を4:3に固定 */

}

.map3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}