/* CSS Document */
/* CSS Document */
:root {
  --bs-body-line-height: 1.2;
  --tmuKeycolor01: #4366b0;
}
#content2022 .topWrap.campusmapTop .locationSelector {
  margin-top: 25px;
}
#content2022 .topWrap.campusmapTop .locationSelector > .select-css {
  background-color: white;
}
#content2022 .topWrap.campusmapTop .campusInfo {
  font-size: 1.5rem;
  line-height: 2;
}
@media (min-width: 1024px) {
  #content2022 .topWrap.campusmapTop {
    display: grid;
    grid-template-columns: 346px auto;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
  }
  #content2022 .topWrap.campusmapTop > h4 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  #content2022 .topWrap.campusmapTop .campusInfo {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
  }
  #content2022 .topWrap.campusmapTop .locationSelector {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-right: 5.6rem;
    align-self: end;
  }
}
#content2022 .campusmap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  #content2022 .campusmap {
    margin-top: 48px;
  }
}
#content2022 .campusmap > .map {
  position: relative;
  width: 100%;
  --circle-diffx: 0px;
  --circle-diffy: 0px;
}
#content2022 .campusmap > .map > img {
  width: 100%;
  height: auto;
}
#content2022 .campusmap > .map > button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #1e1e1e;
  color: white;
  font-size: 1rem;
  line-height: 1;
  border-radius: 24px;
}
#content2022 .campusmap.minamiosawa {
  display: block;
}
#content2022 .campusmap.minamiosawa > .map {
  min-width: 900px;
}
#content2022 .campusmap.hino > .map {
  max-width: 600px;
}
#content2022 .campusmap.arakawa > .map {
  max-width: 600px;
}