html {
  scroll-behavior: smooth;
}

figure {
  margin: 0;
}

.access-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 80px;
}
.access-heading__title {
  font-family: var(--font-family-cormorant);
  font-size: 80px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-primary);
}
.access-heading__text {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 3.2px;
  color: var(--color-primary);
  width: 100%;
}

.access-info {
  display: flex;
  justify-content: space-between;
  padding: 0 80px 80px;
}
.access-info__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.access-info__overview {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.access-info__overview-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.access-info__overview-title {
  font-family: var(--font-family-zen);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 2.4px;
  color: var(--color-primary);
}
.access-info__overview-line {
  display: block;
  width: 32px;
  height: 1px;
  background-color: var(--color-primary);
}
.access-info__overview-list {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 4px;
  color: var(--color-primary);
  padding-left: 24px;
}
.access-info__overview-list li {
  list-style: disc;
}
.access-info__overview-note {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-info__gmap {
  width: 729px;
  height: 430px;
  overflow: hidden;
}
.access-info__gmap-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.access-info__link {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-secondary);
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
.access-info__link-text {
  font-family: var(--font-family-zen);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.7px;
  color: var(--color-secondary);
}
.access-info__link-icon {
  width: 11px;
  height: 11px;
}
.access-info__right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.access-info__contact-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.access-info__address, .access-info__contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.access-info__label {
  font-family: var(--font-family-cormorant);
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
  text-transform: uppercase;
}
.access-info__address-row, .access-info__contact-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.access-info__icon {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
.access-info__address-text, .access-info__contact-text {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 1.28px;
  color: var(--color-primary);
}
.access-info__contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 62px;
  border: 1px solid var(--color-secondary);
  font-family: var(--font-family-roboto);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 1.28px;
  color: var(--color-secondary);
  text-decoration: none;
}
.access-info__photo {
  width: 370px;
  height: 520px;
  overflow: hidden;
  position: relative;
}
.access-info__photo-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.access-route {
  background-color: var(--color-beige);
}
.access-route__section {
  display: flex;
  flex-direction: column;
}
.access-route__section--last .access-route__columns {
  padding-bottom: 120px;
}
.access-route__header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 80px 80px 0;
  overflow: hidden;
}
.access-route__header figure {
  margin: 0;
}
.access-route__header-icon {
  width: 64px;
  height: 54px;
  overflow: hidden;
  flex-shrink: 0;
}
.access-route__header-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.access-route__header-title {
  font-family: var(--font-family-zen);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 3.2px;
  color: var(--color-primary);
}
.access-route__columns {
  display: flex;
  gap: 80px;
  padding: 40px 80px 0 320px;
}
.access-route__column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.access-route__sub-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.access-route__sub-title {
  font-family: var(--font-family-zen);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 2.4px;
  color: var(--color-primary);
}
.access-route__sub-line {
  display: block;
  width: 32px;
  height: 1px;
  background-color: var(--color-primary);
}
.access-route__text {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-route__detail {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.access-route__detail-label {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-route__detail-body {
  padding-left: 20px;
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-route__steps {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
  padding-left: 24px;
  counter-reset: step-counter;
}
.access-route__steps li {
  list-style: decimal;
  margin-bottom: 16px;
}
.access-route__steps li:last-child {
  margin-bottom: 0;
}
.access-route__time {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-route__time ul {
  padding-left: 24px;
}
.access-route__time ul li {
  list-style: disc;
}
.access-route__bus-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.access-route__bus-block {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}
.access-route__bus-note {
  font-family: var(--font-family-zen);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 3.5px;
  color: var(--color-primary);
}
.access-route__bullet-list {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
  padding-left: 24px;
}
.access-route__bullet-list li {
  list-style: disc;
}
.access-route__anchor {
  color: var(--color-secondary);
  text-decoration: underline;
}
.access-route__map--sp {
  display: none;
}
.access-route__map {
  padding: 64px 0 64px 0;
  overflow: hidden;
}
.access-route__map-img {
  width: 100%;
  height: auto;
  display: block;
}

.access-parking {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 120px 80px 80px;
  overflow: hidden;
}
.access-parking__title {
  font-family: var(--font-family-cormorant);
  font-size: 85px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-primary);
  text-transform: uppercase;
  margin-bottom: 32px;
}
.access-parking__content {
  display: flex;
  gap: 80px;
}
.access-parking__image {
  width: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.access-parking__image-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.access-parking__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 47px;
}
.access-parking__body-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.access-parking__body-title {
  font-family: var(--font-family-zen);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 2.4px;
  color: var(--color-primary);
}
.access-parking__body-line {
  display: block;
  width: 32px;
  height: 1px;
  background-color: var(--color-primary);
}
.access-parking__body-text {
  font-family: var(--font-family-zen);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 4px;
  color: var(--color-primary);
}

@media (max-width: 768px) {
  .access-heading {
    padding: 56px 24px;
  }
  .access-heading__title {
    font-size: 40px;
  }
  .access-info {
    flex-direction: column;
    gap: 64px;
    padding: 0 24px 80px;
  }
  .access-info__left {
    width: 100%;
  }
  .access-info__gmap {
    width: 100%;
    height: auto;
    aspect-ratio: 729/430;
  }
  .access-info__right {
    width: 100%;
  }
  .access-info__contact-btn {
    width: 208px;
  }
  .access-info__photo {
    width: 100%;
    height: 460px;
  }
  .access-route__header {
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding: 48px 24px 16px;
  }
  .access-route__header-title {
    text-align: center;
  }
  .access-route__columns {
    flex-direction: column;
    gap: 80px;
    padding: 40px 24px 0;
  }
  .access-route__sub-title {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .access-route__map--pc {
    display: none;
  }
  .access-route__map--sp {
    padding: 0;
    display: block;
  }
  .access-route__map--sp-img {
    width: 100%;
  }
  .access-route__section--last .access-route__columns {
    padding-bottom: 80px;
  }
  .access-parking {
    padding: 80px 24px;
  }
  .access-parking__title {
    font-size: 40px;
    line-height: 1.4;
  }
  .access-parking__content {
    flex-direction: column;
    gap: 24px;
  }
  .access-parking__image {
    width: 100%;
    height: auto;
  }
  .access-parking__body-title {
    font-size: 20px;
    letter-spacing: 2px;
  }
}/*# sourceMappingURL=page-access.css.map */