@charset "utf-8";

/* map */
.link_btn_map {
  margin-top: 5%;
  width: 65%;
}

.map_style {
  border: 1px rgb(64, 64, 64) solid;
}

.map_text {
  padding: 2%;
}

.map_text h2 {
  border-bottom: 1px rgb(64 64 64) solid;
  font-size: 1.7rem;
  padding: 5% 0;
}

.map_text p {
  font-size: 1.3rem;
  letter-spacing: 0.2rem;
  line-height: 2;
  padding-top: 1.5%;
}

.map_text img {
  padding: 7% 0;
  width: 15%;
}

/* Google Mapを囲う要素 */
.map_content {
  height: 0;
  position: relative;
  /* 比率を4:3に固定 */
  padding-top: 75%;
  width: 100%;
}


/* Google Mapのiframe */
.map_content iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 600px) {

  /* sp以外 */
  .map_style {
    display: flex;
    margin: 7% 10%;
  }

  .map_text {
    width: 39%;
  }

  /* Google Mapを囲う要素 */
  .map_wrap {
    width: 60%;
  }
}

@media only screen and (max-width: 599px) {

  /* sp */
  .map_style {
    margin: 7% 5%;
  }

  .map_text p {
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
  }

  .map_wrap {
    margin-top: 5%;
    padding: 2%;
  }

}