.content.outline {
  margin-top: 60px;
  padding: 0 0 60px;
}
@media screen and (max-width: 991px) {
  .content.outline {
    margin: 22vw auto 20vw;
    padding: 0 0 10vw;
    width: 90%;
  }
}
.content.outline .gaiyou {
  text-align: center;
}
@media screen and (max-width: 991px) {
  .content.outline .gaiyou {
    text-align: left;
  }
}
.content.reserve span {
  display: inline-block;
}
.content__detail {
  font-size: 24px;
  display: flex;
  flex-wrap: wrap;
  width: 710px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .content__detail {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .content__detail {
    display: block;
    font-size: 16px;
  }
}
.content__detail-dt {
  width: 5em;
}
@media screen and (max-width: 991px) {
  .content__detail-dt {
    width: auto;
  }
}
.content__detail-dd {
  width: calc(100% - 5em);
}
@media screen and (max-width: 991px) {
  .content__detail-dd {
    width: auto;
  }
}
.content__detailList {
  padding: 1em;
  text-indent: -1em;
  list-style: none;
  font-size: 75%;
}
.content__note {
  width: 90%;
  border: solid 3px #fff;
  padding: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .content__note {
    padding: 5vw;
  }
}
.content__noteTitle {
  text-align: center;
  margin: 0 0 30px;
}
@media screen and (max-width: 991px) {
  .content__noteTitle {
    margin: 0 0 3vw;
  }
}
@media screen and (max-width: 991px) {
  .content__noteTitleImage {
    height: 5vw;
  }
}
.content__map {
  margin: 60px 60px 0 60px;
  width: calc(100% - 120px);
  height: 360px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .content__map {
    margin: 10vw 5vw 0;
    width: 90%;
    height: 45vw;
  }
}
.content__map-iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.content__btn {
  margin: 0 auto 60px;
}