/* feature/
----------------------------------- */
.photolist01,
.photolist02 {
  padding-left: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 4vw, 150px);
  padding-left: clamp(2rem, 4vw, 150px);
  padding-right: clamp(2rem, 8.5vw, 8.5vw);
  padding-left: clamp(2rem, 8.5vw, 8.5vw);
}
@media screen and (max-width: 767px) {
  .photolist01,
  .photolist02 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.photolist01,
.photolist02 {
  display: grid;
  grid-template-columns: 1fr 0.85fr 1fr;
  gap: clamp(0.5rem, 2.8vw, 4rem);
  margin: clamp(5rem, 6.9vw, 10rem) 0;
}

.photolist01 {
  align-items: end;
  margin-top: 0;
}

.photolist02 {
  align-items: start;
}

#accsessdata {
  padding-left: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 4vw, 150px);
  padding-left: clamp(2rem, 4vw, 150px);
  padding-right: clamp(2rem, 8.5vw, 8.5vw);
  padding-left: clamp(2rem, 8.5vw, 8.5vw);
}
@media screen and (max-width: 767px) {
  #accsessdata {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#accsessdata {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.5rem, 2.8vw, 4rem);
}
#accsessdata hgroup {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 3rem clamp(1rem, 1.4vw, 2rem);
  flex-wrap: wrap;
}
#accsessdata hgroup .category {
  font-size: clamp(1.6rem, 0.1vw, 0.1rem);
}
#accsessdata hgroup .en {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 1.4vw, 2rem);
  font-family: "Castoro Titling", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(2.4rem, 4.9vw, 7rem);
}
#accsessdata hgroup .en::before {
  content: "";
  width: clamp(4rem, 5.6vw, 8rem);
  height: 1px;
  background: #101010;
}
#accsessdata hgroup .title {
  width: 100%;
  text-align: center;
  font-size: clamp(2.4rem, 1.4vw, 2rem);
}
#accsessdata .timetable table {
  border-top: 1px solid #DCDBDB;
  border-left: 1px solid #DCDBDB;
  border-right: 1px solid #DCDBDB;
  border-bottom: 1px solid #DCDBDB;
}
#accsessdata .timetable table th,
#accsessdata .timetable table td {
  border-bottom: 1px solid #DCDBDB;
}
#accsessdata .timetable table thead {
  background: #2F1616;
  color: #FFF;
}
#accsessdata .timetable table thead th:first-of-type {
  border-right: 1px solid #DCDBDB;
}
#accsessdata .timetable table tbody th,
#accsessdata .timetable table tbody td {
  border-bottom: none;
}
#accsessdata .timetable table tbody th {
  border-right: 1px solid #DCDBDB;
}
#accsessdata .timetable .notes dt {
  background: #2F1616;
  color: #FFF;
}
#accsessdata .timetable .notes dd.tel {
  font-family: "Abel", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
}
@media screen and (max-width: 768px) {
  #accsessdata {
    grid-template-columns: 1fr;
    gap: clamp(4rem, 2.8vw, 4rem);
  }
  #accsessdata hgroup {
    gap: 0 clamp(1rem, 2.1vw, 3rem);
    display: grid;
    grid-template-columns: 1fr;
    place-content: start;
    place-items: start;
  }
  #accsessdata hgroup .en {
    font-size: clamp(4rem, 6.9vw, 10rem);
  }
  #accsessdata hgroup .title {
    font-size: clamp(2rem, 1.4vw, 2rem);
  }
}

#accessmap {
  padding-left: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 4vw, 150px);
  padding-left: clamp(2rem, 4vw, 150px);
  padding-right: clamp(2rem, 8.5vw, 8.5vw);
  padding-left: clamp(2rem, 8.5vw, 8.5vw);
}
@media screen and (max-width: 767px) {
  #accessmap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#accessmap {
  max-width: 1400px;
  margin: clamp(5rem, 6.9vw, 10rem) auto;
  display: grid;
  grid-template-columns: calc(clamp(4rem, 5.6vw, 8rem) * 1.5) 1fr;
  gap: clamp(0.5rem, 2.8vw, 4rem);
}
#accessmap .vertical_en {
  z-index: 0;
}
#accessmap .vertical_en p {
  font-family: "Castoro Titling", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(2rem, 4.9vw, 7rem);
  writing-mode: vertical-rl;
}
#accessmap .vertical_en.is-stuck {
  top: var(--header-h);
}
#accessmap h2 {
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: clamp(4rem, 5.6vw, 8rem) max-content;
  align-items: center;
  gap: 1rem;
}
#accessmap h2::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #101010;
}
#accessmap .gmap {
  height: 100%;
}
#accessmap .gmap iframe {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #accessmap {
    grid-template-columns: 40px 1fr;
  }
  #accessmap .gmap iframe {
    height: auto;
    aspect-ratio: 3/4;
  }
}

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