@charset "utf-8";

.access-link {
  margin-top: .25em;
  text-align: center;
}

.access-link a {
  background: url(/img/ico/map.svg) left center / .8em no-repeat;
  color: #B3BEA8;
  font-weight: var(--font-weight-bold);
  padding: 0 0 .1em 1.1em;
}

.access {
  align-content: center;
  display: grid;
  gap: 9vh;
  margin: 4rem auto;
  min-height: 70vh;
  padding: 0 106rem 0 4rem;
  position: relative;
}

.access__ttl {
  line-height: 1;
  margin-bottom: 2rem;
}

.access__ttl-in {
  border-radius: 10rem;
  border: 1px solid;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.4;
  padding: .4rem 1.5rem .5rem;
}

.access__txt {
  font-size: 1.6rem;
}

.access__map {
  pointer-events: none;
  position: absolute;
  right: 10rem;
  top: 50%;
  transform: translateY(-50%);
  width: 76rem;
}

.link {
  color: #B3BEA8;
}

/* ================================================================
  タブレットレイアウト
================================================================ */
@media screen and (max-width: 1024px) {
  .access {
    align-content: start;
    gap: 6rem;
    margin: 6rem 0;
    min-height: auto;
    padding: 0 4rem;
  }

  .access__map {
    position: static;
    transform: none;
    margin-inline: auto;
  }
}

/* ================================================================
  スマホ版レイアウト
================================================================ */
@media screen and (max-width: 750px) {

  .access-link {
    font-size: 1.2rem;
  }

  .access__ttl {
    text-align: center;
  }

  .access__ttl-in {
    font-size: 1.4rem;
  }

  .access__txt {
    font-size: 1.4rem;
    line-height: 2.14;
  }

  .access__map {
    width: 100%;
  }
}