@charset "UTF-8";

/*****************************
detail
*****************************/
.pagesec.detail {
  padding: 10rem 0 20rem;
}
.detail .mapbox {
  margin-bottom: 3rem;
}
.detail .mapbox iframe {
  aspect-ratio: 2/.8;
  border-radius: 20px;
  height: 100%;
  width: 100%;
}
.accessbox h3 {
  color: #B39A7A;
  font-family: "Shippori Mincho", serif;
  font-size: 3rem;
  font-weight: 500;
  padding-left: 3rem;
  position: relative;
}
.accessbox h3::before {
  background: #B39A7A;
  content: '';
  position: absolute;
  top: 18px;
  left: 0;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.accessbox > ul > li:not(:last-child) {
  margin-bottom: 2rem;
}
.accessbox > ul > li:nth-child(1) h3::before {
  aspect-ratio: 30/42;
  mask-image: url(../../images/common/icon-train.svg);
  top: 18px;
  height: 25px;
  width: 18px;
}
.accessbox > ul > li:nth-child(2) h3::before {
  aspect-ratio: 39/34;
  mask-image: url(../../images/common/icon-car.svg);
  top: 22px;
  height: 18px;
  width: 21px;
}
.accessbox p,
.accessbox .ten li {
  line-height: 2;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .accessbox h3 {
    font-size: 2.5rem;
  }
  .accessbox > ul > li:nth-child(1) h3::before {
    top: 14px;
  }
  .accessbox > ul > li:nth-child(2) h3::before {
    top: 16px;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec.detail {
    padding: 10rem 0;
  }
  .detail .mapbox iframe {
    aspect-ratio: 2/1.5;
  }
  .accessbox h3 {
    font-size: 2rem;
  }
  .accessbox > ul > li:nth-child(1) h3::before {
    top: 6px;
  }
  .accessbox > ul > li:nth-child(2) h3::before {
    top: 10px;
  }
}