.contents > article h4 {
  margin-top: clamp(3rem, 3.90625vw, 6rem);
}
.contents > article .detail {
  margin-top: clamp(1.5rem, 1.953125vw, 3rem);
  width: calc(100% - 28px);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .contents > article .detail {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 60px;
  }
}
@media (min-width: 1024px) {
  .contents > article .detail > div {
    min-width: 369px;
  }
}
.contents > article .detail > div > p {
  font-size: clamp(1.5rem, 1.953125vw, 2rem);
}
.contents > article .detail .map {
  width: 100%;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .contents > article .detail .map {
    margin-top: 0;
  }
}
.contents > article .detail .map iframe {
  aspect-ratio: 630/300;
  width: 100% !important;
  height: auto !important;
}
@media (min-width: 1024px) {
  .contents > article .detail .map iframe {
    aspect-ratio: auto;
    height: 400px !important;
    max-height: 400px !important;
  }
}
.contents > article.how_to {
  margin-top: clamp(3rem, 3.90625vw, 6rem);
}
.contents > article.how_to > div {
  margin-top: clamp(1.5rem, 1.953125vw, 3rem);
  padding-top: clamp(1.5rem, 1.953125vw, 3rem);
  border-block: solid 1px #dadad9;
}
.contents > article.how_to > div > strong {
  font-size: clamp(1.8rem, 2.34375vw, 2.6rem);
  font-weight: bold;
  line-height: 1;
  color: #00a73c;
  padding-inline: clamp(1.5rem, 1.953125vw, 2.2rem);
}
.contents > article.how_to > div > ul > li {
  padding-block: clamp(1.5rem, 1.953125vw, 3rem);
  padding-inline: clamp(1.5rem, 1.953125vw, 2.2rem);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.contents > article.how_to > div > ul > li::before {
  content: "";
  display: block;
  margin-right: clamp(0.5rem, 0.6510416667vw, 0.8rem);
}
.contents > article.how_to > div > ul > li strong {
  font-size: clamp(1.8rem, 2.34375vw, 2.6rem);
  font-weight: bold;
  line-height: 1;
  margin-left: 5px;
}
@media (min-width: 1024px) {
  .contents > article.how_to > div > ul > li strong {
    margin-left: 0;
  }
}
.contents > article.how_to > div > ul > li > div {
  width: calc(100% - 28px);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .contents > article.how_to > div > ul > li > div {
    width: 100%;
    margin-left: 8px;
  }
}
.contents > article.how_to > div > ul > li p {
  margin-top: clamp(1.2rem, 1.5625vw, 2.6rem);
}
.contents > article.how_to > div > ul > li.bus::before {
  background: url(../../../img/about/access/icon01.svg) no-repeat;
  background-size: 100%;
  width: clamp(2.55rem, 3.3203125vw, 4rem);
  height: clamp(1.5rem, 1.953125vw, 2.3rem);
  min-width: clamp(2.55rem, 3.3203125vw, 4rem);
  min-height: clamp(1.5rem, 1.953125vw, 2.3rem);
  margin-top: 5px;
}
.contents > article.how_to > div > ul > li.streetcar::before {
  background: url(../../../img/about/access/icon02.svg) no-repeat;
  background-size: 100%;
  width: clamp(2.55rem, 3.3203125vw, 4rem);
  height: clamp(2.1rem, 2.734375vw, 3.3rem);
  min-width: clamp(2.55rem, 3.3203125vw, 4rem);
  min-height: clamp(2.1rem, 2.734375vw, 3.3rem);
}
.contents > article.how_to > div > ul > li.car {
  border-top: solid 1px #dadad9;
}
.contents > article.how_to > div > ul > li.car::before {
  background: url(../../../img/about/access/icon03.svg) no-repeat;
  background-size: 100%;
  width: clamp(2.55rem, 3.3203125vw, 4rem);
  height: clamp(1.2rem, 1.5625vw, 1.85rem);
  min-width: clamp(2.55rem, 3.3203125vw, 4rem);
  min-height: clamp(1.2rem, 1.5625vw, 1.85rem);
  margin-top: 5px;
}