.showroom .container {
  box-sizing: content-box;
  max-width: 1080px;
  padding: 0 16px;
}

.showroomMainVisual .walkLink {
  margin-top: 40px;
}

.walkLink:has(font) {
  display: grid;
  grid-template-columns: 30px auto 30px;
}
.walkLink:has(font) p {
font-size: 12px;
 text-align: center;
}
.walkLink:has(font) img {
justify-self: center;
}

.showroomNavigation {
  padding-top: 48px;
}

.mainOffice .showroomNavigation {
  padding: 48px 0;
}

.showroomNavigation__link {
	max-width: 500px;
	width:100%;
	margin:40px auto;
	display:block;
}

.showroomNav__title {
  align-items: center;
  background: #ececec;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  margin-top: 24px;
}

.showroomNav {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 16px;
}
.showroomNav__gray {
  background: #d8d8d8;
  padding-block: 8px !important;
}

.showroomNav a,
.showroomNav p {
  border-bottom: 1px solid #d8d8d8;
  box-sizing: border-box;
  padding: 8px 0 10px;
  padding-left: 16px;
  position: relative;
}

.showroomNav a:first-child {
  padding-top: 0;
}

.showroomNav a:not(.external)::after {
  border-bottom: 1px solid #424242;
  border-right: 1px solid #424242;
  content: "";
  height: 7px;
  position: absolute;
  right: 10px;
  top: 50% !important;
  transform: translateY(-50%) rotate(-45deg);
  width: 7px;
}

.showroomNav a:first-child::after {
  top: 10px;
}

.showroomNav a.external {
  padding-bottom: 6px;
}

.showroomNav a.external::after {
  background: url(../../images/common/icon-open_new.svg) no-repeat center / cover;
  content: "";
  height: 14px;
  position: absolute;
  right: 4px;
  top: 6px;
  width: 14px;
}

.showroomDetails {
  padding-top: 54px;
}

.showroomSubtitle {
  align-items: center;
  border-bottom: 1px solid #ababab;
  border-top: 1px solid #ababab;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 52px;
  justify-content: center;
}

.showroomSubtitle.twoLines {
  flex-direction: column;
  height: 82px;
}

.showroomSubtitle .small {
  font-size: 14px;
}

.showroomDetails__list {
  margin-top: 16px;
  padding-left: 16px;
}

.showroomMap__link {
  display: inline;
}

.showroomMap .showroomMap__link {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.showroomMap__link img {
  margin: 0 4px;
  max-width: 14px;
}

.showroomDetails__list .showroomMap__link {
  position: relative;
}

.showroomDetails__list .showroomMap__link::after {
  background: #424242;
  bottom: -4px;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 32px);
}

.showroomDetails__list dt {
  position: relative;
}

.showroomDetails__list dt::before {
  background: #424242;
  content: "";
  display: inline-block;
  height: 10px;
  left: 0;
  margin-right: 6px;
  position: relative;
  top: 0;
  width: 10px;
}

.showroomDetails__list dd .small {
  font-size: 12px;
}

.showroomMap {
  margin-top: 54px;
}

.showroomMap iframe {
  width: 100%;
  height: 642px;
}

.showroom__disclaimer {
  font-size: 14px;
  margin-top: 16px;
}

.showroomBanner {
  margin: 20px 0 40px;
  text-align: center;
}

.showroomBanner img {
  display: flex;
  margin-inline: auto;
  margin-top: 24px;
  max-width: 550px;
}

.showroomHeading {
  font-size: 18px;
  font-weight: 400;
  margin-top: 40px;
  padding-left: 18px;
  position: relative;
}

.showroomHeading::before {
  background: #ababab;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 16px;
  width: 10px;
}

.showroomSubHeading {
  font-size: 16px;
  margin-top: 16px;
  padding-left: 18px;
  position: relative;
}

.showroomSubHeading::before {
  background: #424242;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 10px;
}

.showroomRoot {
  margin-top: 24px;
}

.showroomRoot__title {
  font-size: 16px;
  font-weight: bold;
}

.showroomRoot__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
  margin-top: 20px;
}

.showroomRoot__list li {
  width: 160px;
}

.showroomRoot__list li:nth-child(n + 2) {
  margin-left: 70px;
  position: relative;
}

.showroomRoot__list li:nth-child(n + 2)::before {
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  bottom: 0;
  content: "";
  height: 0;
  left: -40px;
  margin: auto;
  position: absolute;
  top: -20%;
  width: 0;
}

.showroomRoot__list li:last-child {
  width: 315px;
}

.showroomRoot__list li img {
  height: 210px;
  width: auto;
}

.showroomRoot__list dd {
  column-gap: 4px;
  display: flex;
  margin-top: 8px;
}

.showroomRootBox__number,
.showroomRootBox__text {
  font-size: 14px;
  line-height: 1.7;
}

.gunmaDetails__text {
  margin-top: 8px;
}

.gunmaDetails__column {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.gunmaDetails__text.first {
  margin-top: 32px;
}

.gunmaDiagram,
.gunmaFactory__image {
  margin-top: 20px;
  text-align: center;
}

.gunmaDiagram img {
  max-width: 550px;
}

.gunmaFactory__image img {
  max-width: 450px;
}

.showroomNavigation__display {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}

.mainOffice__navArea {
  align-content: center;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  position: relative;
}

.mainOffice__navImg {
  left: 50%;
  max-width: 340px;
  position: absolute;
  top: -220px;
  transform: translateX(-50%);
  width: 100%;
}
.mainOffice__mapDisplay .showroomMap {
  margin-top: 0;
}

.mainOffice__mapDisplay {
  display: grid;
  gap: 25px;
  grid-template-columns: 58% auto;
  margin-top: 24px;
}

.mainOffice__details dl {
  margin-top: 24px;
  padding-left: 16px;
}

.mainOffice__details dt {
  position: relative;
}

.mainOffice__details dt::before {
  background: #424242;
  content: "";
  height: 11px;
  left: -16px;
  position: absolute;
  top: 8px;
  width: 11px;
}

.mainOffice__navArea .showroomNav__title {
  margin-top: 0;
}

.showspace__text {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1024px) {
  .mainOffice__navImg {
    max-width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .showroomMainvisual__image {
    margin: 0 -16px;
  }
  .showroomMainVisual .walkLink {
    margin-top: 24px;
  }
  .showroomNavigation {
    padding-top: 30px;
  }
  .showroom__disclaimer {
    font-size: 12px;
  }
  .showroomBanner {
    margin: 10px 0 20px;
  }
  .showroomSubtitle {
    font-size: 16px;
  }
  .showroomSubtitle .small {
    font-size: 12px;
  }
  .gunmaDiagram,
  .gunmaFactory__image {
    margin-top: 8px;
  }
  .showroomDetails.gunma {
    padding-top: 16px;
  }
  .showroomSubtitle.twoLines {
    height: 70px;
  }
  .gunmaDetails__text.first {
    margin-top: 8px;
  }
  .gunmaFactory__image img {
    max-width: 260px;
  }
  .showroomNavigation__display {
    grid-template-columns: 1fr;
    margin: 0 -16px;
  }
  .mainOffice__navArea {
    box-sizing: border-box;
    padding: 0 16px;
  }
  .mainOffice .showroomNavigation {
    padding: 0 0 30px;
  }
  .mainOffice .showroomDetails {
    padding-top: 30px;
  }
  .mainOffice__mapDisplay {
    grid-template-columns: 1fr;
  }
  .mainOffice__mapDisplay .showroomMap {
    grid-row: 2;
  }
  .mainOffice__mapDisplay .mainOffice__details {
    grid-row: 1;
  }

  .showroomRoot__list {
    gap: 20px;
    justify-content: center;
  }

  .showroomRoot__list li {
    width: 46%;
  }

  .showroomRoot__list li:nth-child(n + 2) {
    margin-left: 0;
  }

  .showroomRoot__list li:nth-child(n + 2)::before {
    display: none;
  }

  .showroomRoot__list li:last-child {
    width: 315px;
  }

  .showroomRoot__list li img {
    height: auto;
    width: 100%;
  }

  .showroomRoot__list dd {
    column-gap: 4px;
    display: flex;
    margin-top: 8px;
  }

  .showroomRootBox__number,
  .showroomRootBox__text {
    font-size: 14px;
    line-height: 1.7;
  }
	
	.showroomMap iframe {
  height: 360px;
}
}