.page-title span::after {
  content: "OFFICE";
}

#access-list01 {
  padding-bottom: 80px;
}
@media screen and (max-width: 599px) {
  #access-list01 {
    padding-bottom: 60px;
  }
}

#access-list02,
#access-list03,
#access-list04 {
  padding: 80px 0px;
}
@media screen and (max-width: 599px) {
  #access-list02,
  #access-list03,
  #access-list04 {
    padding: 60px 0px;
  }
}

#access-list02,
#access-list04 {
  background: #fafafa;
}

@media screen and (max-width: 599px) {
  .access__item {
    flex-direction: column !important;
  }
}
.access__item__right {
  flex: 1;
}
@media screen and (max-width: 599px) {
  .access__item__right {
    flex-direction: column !important;
  }
}
.access__item__right .access-info {
  display: flex;
  gap: 75px;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .access__item__right .access-info {
    flex-direction: column !important;
    gap: 20px;
  }
}
.access__item__right .access-info__info {
  flex: 1;
}
@media screen and (max-width: 599px) {
  .access__item__right .access-info__info {
    order: 2;
  }
}
.access__item__right .access-info__info li {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
}
.access__item__right .access-info__info li strong {
  display: block;
  width: 140px;
  padding: 16px 0px;
  position: relative;
}
@media screen and (max-width: 599px) {
  .access__item__right .access-info__info li strong {
    width: 40px;
  }
}
.access__item__right .access-info__info li:first-child strong::after {
  top: 0px;
}
.access__item__right .access-info__info li p {
  display: block;
  flex: 1;
  padding: 16px 30px;
  margin: 0px !important;
}
.access__item__right .access-info__photo {
  width: 405px;
}
@media screen and (max-width: 599px) {
  .access__item__right .access-info__photo {
    width: 100%;
    order: 1;
  }
}
.access__item__right .access-info__photo img {
  width: 100%;
}
.access__item__right iframe {
  width: 100%;
  height: 340px;
  border-radius: 20px;
}