@charset "UTF-8";

.access .sub-mv {
  background: url(../image/access/mv@2x.webp) no-repeat center center / cover;
}

.access .subpage-head.ttl::after {
  background-image: url(../image/access/text_access.png);
}

.access .page-lead {
  margin-bottom: 40px;
}

.access .map {
  overflow: hidden;
}

.access-01 {
  width: 100%;
  aspect-ratio: 912 / 606;
  background: url(../image/access/access-01@2x.webp) no-repeat center center / cover;
}

.access .info-area {
  gap: 40px;
  margin-top: 40px;
}

.access .info-area tr:first-of-type {
  padding-top: 0;
}

.access .info-area .text {
  flex: 0 0 630px;
  font-size: var(--font-size-14);
  letter-spacing: 0.08em;
}

.access .info-area .picture {
  grid-row: 1/3;
}

.access .info-area td small {
  display: block;
}

.access .info-area .link-wrap {
  justify-content: flex-start;
  margin-top: 0;
}

/* 駐車場のご案内 */
.parking .subpage-head::after {
  background-image: url(../image/access/text_parking_information.png);
}

.access .parking table {
  margin-top: 24px;
}

.access-02 {
  width: 100%;
  aspect-ratio: 912 / 606;
  background: url(../image/access/access-02@2x.webp) no-repeat center center / cover;
}

/* 周辺の観光スポット */
/* 周辺施設のご案内 */
.spots .subpage-head::after {
  background-image: url(../image/access/text_nearby_tourist_spots.png);
}

.spots {
  padding-bottom: 80px;
  padding-top: 80px;
  background-color: #e7e3d2;
}

.public-facilities {
  padding-bottom: 80px;
  background-color: #e7e3d2;
}

.spots .spot-list {
  display: grid;
  gap: 40px 32px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.spots article {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  border-radius: 30px;
  background-color: #fff;
  overflow: hidden;
}

.spot-list picture {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
}

.spot-01 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-1@2x.webp) no-repeat center center / cover;
}

.spot-02 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-2@2x.webp) no-repeat center center / cover;
}

.spot-03 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-3@2x.webp) no-repeat center center / cover;
}

.spot-04 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-4@2x.webp) no-repeat center center / cover;
}

.spot-05 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-5@2x.webp) no-repeat center center / cover;
}

.spot-06 {
  margin-right: -30px;
  margin-left: -30px;
  aspect-ratio: 354/230;
  background: url(../image/access/tourist-spot-6@2x.webp) no-repeat center center / cover;
}

.spot-list h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.16em;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 24px;
  line-height: 1.58;
  letter-spacing: 0.15em;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: content-box;
  font-weight: bold;
}

.spot-list p {
  font-size: 14px;
}

.spot-list p + p {
  margin-top: 0;
}

.spot-list i {
  min-height: 1.25em;
  font-size: 20px;
}

.public-facilities .subpage-head::after {
  background-image: url(../image/access/text_nearby_facilities.png);
}

.public-facilities table {
  width: 100%;
  max-width: 1174px;
}

.public-facilities tbody {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.public-facilities tr {
  flex: 0 0 31.35%;
  display: grid;
  gap: 20px;
  padding: 30px;
  border-radius: 30px;
  background-color: #fff;
}

.public-facilities tr + tr {
  margin-top: 0;
}

.public-facilities th {
  font-size: 24px;
  letter-spacing: 0.15em;
  text-align: left;
  font-weight: bold;
}

.public-facilities p {
  font-size: 14px;
}

.public-facilities p + p {
  margin-top: 15px;
}

.public-facilities i {
  font-size: 20px;
}

.public-facilities .link-wrap {
  justify-content: center;
  margin-top: 60px;
}


/* アクセスガイド */
.guide .subpage-head::after {
  background-image: url(../image/access/text_route_guide.png);
}

.guide {
  text-align: center;
  margin-bottom: 100px;
}

.guide .picture {
  margin-top: 23px;
}

.access-guide-01 {
  width: 100%;
  max-width: 751px;
  aspect-ratio: 1502 / 1742;
  background: url(../image/access/image_access-guide_01_pc@2x.png) no-repeat center center / contain;
  margin: 0 auto;
}