.pre-inc #map .title {
  background: linear-gradient(90deg, #335A6E 0%, #408295 100%);
  padding: 50px 0;
  margin: 0 0 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pre-inc #map .title {
    padding: 25px 0;
    margin: 0 0 25px;
  }
}
.pre-inc #map h2 {
  margin: 3em auto 1em;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: min(5vw, 24px);
}
@media screen and (max-width: 767px) {
  .pre-inc #map h2 {
    margin: 2em auto 0.5em;
  }
}
.pre-inc #map h2 span {
  display: inline-block;
  border-bottom: 1px solid;
  padding-bottom: 0.4em;
}
.pre-inc #map .map-block {
  margin: 0 auto;
  max-width: 1024px;
}
@media screen and (max-width: 767px) {
  .pre-inc #map .map-block {
    margin: 2em auto;
    width: 95%;
  }
}
.pre-inc main .map-box {
  margin: 0;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .pre-inc main .map-box {
    width: 100%;
  }
}
.pre-inc main .salon {
  margin: 4em auto 2em;
  width: 80%;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .pre-inc main .salon {
    margin: 2em auto 1em;
    width: 85%;
  }
}
.pre-inc main .salon h3 {
  padding: 0.5em;
  width: 100%;
  background: #000;
  text-align: center;
  color: #fff;
  font-size: min(4.2vw, 24px);
  line-height: 1;
}
.pre-inc main .salon img {
  display: block;
  line-height: 0;
}
.pre-inc main .salon .root {
  margin: 0 auto;
  padding: 0.5em 0;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4em;
}
@media screen and (max-width: 768px) {
  .pre-inc main .salon .root {
    gap: 2em;
  }
}
.pre-inc main .salon .root li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-size: min(3.2vw, 16px);
  font-weight: 500;
  line-height: 1;
}
.pre-inc main .salon .root li img {
  width: auto;
  height: 1em;
}
.pre-inc main .salon .gal-nav {
  margin: 0 auto;
  padding: 1.5em 0;
  width: 55%;
  background: #004b7e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  text-align: center;
  color: #fff;
  font-size: min(3.8vw, 20px);
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .pre-inc main .salon .gal-nav {
    padding: 1.5em 0;
    width: 100%;
  }
}
.pre-inc main .salon .gal-nav.wide {
  width: 100%;
}
.pre-inc main .salon .gal-nav h5 {
  font-size: min(4.2vw, 24px);
  line-height: 1.4;
}
.pre-inc main .salon .gal-nav h4 {
  line-height: 1.4;
}
.pre-inc main .salon .gal-nav .txt01 {
  margin: 0.5em auto;
  padding: 1em 0 0;
  width: 90%;
  border-top: 1px #fff solid;
  font-size: min(3.2vw, 16px);
}
.pre-inc main .salon .gal-nav .txt01 small {
  font-size: min(2.6vw, 14px);
}
.pre-inc main .salon .gal-nav .txt02 {
  margin: 0.5em auto 0;
  padding: 0.5em 0;
  width: 80%;
  background: #fff;
  color: #000;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .pre-inc main .salon .gal-nav .txt02 {
    padding: 0.25em 0;
    width: 90%;
  }
}
.pre-inc main .salon .gal-nav .park {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}
.pre-inc main .salon .gal-nav .park img {
  width: auto;
  height: 2em;
}
.pre-inc main .lead-box {
  margin: 4em auto 2em;
  padding: 1.5em 0;
  width: 85%;
  max-width: 800px;
  background: #a62d38;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pre-inc main .lead-box {
    padding: 1em 0;
  }
}
.pre-inc main .lead-box .ttl {
  margin: 0 auto 0.5em;
  padding: 0.5em 0;
  width: 23em;
  background: linear-gradient(60deg, #B7A37E, #FAEAC7, #B7A37E);
  text-align: center;
  color: #000;
  font-size: min(4.2vw, 24px);
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .pre-inc main .lead-box .ttl {
    width: 95%;
  }
}
.pre-inc main .lead-box .lead {
  color: #fff;
  font-size: min(4.8vw, 32px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .pre-inc main .lead-box .lead {
    letter-spacing: 0;
  }
}
.pre-inc main .lead-box .lead small {
  font-size: 0.8em;
}
.pre-inc main .lead-box .cap {
  color: #fff;
  font-weight: 500;
}
.pre-inc main .map-cap {
  margin: 0.5em auto 0;
  max-width: 1080px;
  font-size: min(2.5vw, 12px);
}
@media screen and (max-width: 768px) {
  .pre-inc main .map-cap {
    width: 95%;
  }
}
.pre-inc main .btn-area {
  margin: 2em auto 4em;
  max-width: 720px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media screen and (max-width: 768px) {
  .pre-inc main .btn-area {
    margin: 1em auto 2em;
    width: 90%;
    gap: 2%;
  }
}
.pre-inc main .btn-area li {
  margin: 0;
  width: 100%;
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .pre-inc main .btn-area li {
    margin: 1em 0;
    width: 48%;
  }
}
.pre-inc main .btn-area li a {
  display: block;
  text-align: center;
  padding: 0.8em 0;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: min(3.5vw, 20px);
}
.pre-inc main .btn-area li a.req {
  background: #a62d38;
}
.pre-inc main .btn-area li a img {
  margin: 0 10px 0 0;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc main .btn-area li a img {
    margin-right: 0.25em;
    width: 1em;
  }
}
.pre-inc main .gmap {
  max-width: 360px;
  margin: 4em auto 2em;
}
@media screen and (max-width: 768px) {
  .pre-inc main .gmap {
    margin: 2em auto 1em;
  }
}
.pre-inc main .gmap a {
  display: block;
  font-size: min(3.2vw, 16px);
  padding: 1em;
  text-align: center;
  background: #00002f;
  color: #fff;
}
.pre-inc main .address {
  text-align: center;
  font-size: min(4.2vw, 24px);
  margin: 1em 0 0 0;
}

/*# sourceMappingURL=map.css.map */