.access .page-header {
  background-image: url(../img/access/page-header-lg.webp);
}

.access_information {
  display: grid;
  grid-template-columns: 49% 1fr;
  gap: 32px;
  align-items: center;
  max-width: calc(1600px + var(--side-padding) * 2);
  margin-right: auto;
  margin-left: auto;
}
.access_information:nth-of-type(even) .access_information-inner {
  grid-column-start: 1;
  grid-row-start: 1;
}
.access_information-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
.access_information-inner p {
  margin-top: 30px;
  margin-bottom: 40px;
}
.access_information .img-1 {
  aspect-ratio: 784/577;
  width: 100%;
  background: transparent url(../img/access/access-1.webp) center / cover no-repeat;
}
.access_information .img-2 {
  aspect-ratio: 784/577;
  width: 100%;
  background: transparent url(../img/access/access-2.webp) center / cover no-repeat;
}

.access_howto h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  clear: both;
}
.access_howto-container {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
  margin-bottom: 72px;
}
.access_howto-container:last-of-type {
  margin-bottom: 0;
}
.access_howto-wrap {
  display: grid;
  grid-template-columns: 160px 1fr;
  border: 1px solid var(--color-brown);
}
.access_howto-wrap .header {
  display: grid;
  place-content: center;
  background-color: var(--color-brown);
  color: var(--color-white);
  font-size: 48px;
}
.access_howto-wrap .content {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 30px;
}

.access_howto-wrap h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--font-size-24);
}

.access_howto .img-1 {
  width: 100%;
  aspect-ratio: 1601/324;
  background: transparent url(../img/access/howto-car-lg.webp) center / cover no-repeat;
}
.access_howto .img-2 {
  width: 100%;
  aspect-ratio: 1601/324;
  background: transparent url(../img/access/howto-bus-lg.webp) center / cover no-repeat;
}

.area-list li:nth-of-type(1) .img {
  background-image: url(../img/access/img_churaumi-aquarium.webp);
}
.area-list li:nth-of-type(3) .img {
  background-image: url(../img/access/img_kouri-island.webp);
}
.area-list li:nth-of-type(4) .img {
  background-image: url(../img/access/img_blue-cave.webp);
}
.area-list li:nth-of-type(5) .img {
  background-image: url(../img/access/img_american-village.webp);
}
.area-list li:nth-of-type(6) .img {
  background-image: url(../img/access/img_araha-beach.webp);
}
.area-list li:nth-of-type(7) .img {
  background-image: url(../img/access/img_murasakimura.webp);
}
.area-list li:nth-of-type(8) .img {
  background-image: url(../img/access/img_kaichu-road.webp);
}
.area-list li:nth-of-type(9) .img {
  background-image: url(../img/access/img_cape-zanpa.webp);
}
.area-list li:nth-of-type(10) .img {
  background-image: url(../img/access/img_shurijo.webp);
}
.area-list li:nth-of-type(11) .img {
  background-image: url(../img/access/img_kokusai-street.webp);
}
.area-list li:nth-of-type(12) .img {
  background-image: url(../img/access/img_umikaji-terrace.webp);
}