@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap";
.categoryTtl {
  align-items: center;
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .categoryTtl {
    align-items: flex-start;
    flex-direction: column;
    gap: 2.4rem;
  }
}
.categoryTtl__en {
  font-family: "EB Garamond", serif;
  font-weight: 400;
  letter-spacing: 0.36rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .categoryTtl__en {
    letter-spacing: 0.36rem;
  }
}
.categoryTtl__lg {
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  .categoryTtl__lg {
    font-size: 3.6rem;
  }
}
.categoryTtl__sm {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .categoryTtl__sm {
    font-size: 2.4rem;
  }
}
.categoryTtl__body {
  align-items: center;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .categoryTtl__body {
    gap: 2rem;
  }
}
.categoryTtl__bar {
  background: currentcolor;
  display: block;
  height: 3.9rem;
  width: 0.7rem;
}
@media screen and (max-width: 768px) {
  .categoryTtl__bar {
    height: 4.4rem;
    width: 0.7rem;
  }
}
.categoryTtl__lead {
  color: #000;
  font-family: "Noto Serif", serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08rem;
  line-height: 2;
}
.categoryTtl__lead:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.categoryTtl__lead:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.categoryTtl__lead:before, .categoryTtl__lead:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .categoryTtl__lead {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
    line-height: 1.6;
  }
  .categoryTtl__lead:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .categoryTtl__lead:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .categoryTtl__lead:before, .categoryTtl__lead:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
.categoryTtl--lalaport {
  color: #5185c5;
}
.categoryTtl--supermarket {
  color: #5ab5b2;
}
.categoryTtl--gourmet {
  color: #da9100;
}
.categoryTtl--parks {
  color: #72ad21;
}
.categoryTtl--education {
  color: #cf736d;
}
.categoryTtl--public {
  color: #667392;
}
.categoryTtl--medical {
  color: #4c9bcf;
}
.categoryTtl--carAccess {
  color: #da9100;
}
.categoryTtl--trainAccess {
  color: #5ab5b2;
}
.facilityCard {
  text-align: center;
}
.facilityCard__visual {
  margin-bottom: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .facilityCard__visual {
    margin-bottom: 1.2rem;
  }
}
.facilityCard__visual img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
  width: 100%;
}
.facilityCard__name {
  font-family: "Noto Serif", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.facilityCard__name:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.facilityCard__name:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.facilityCard__name:before, .facilityCard__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .facilityCard__name {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
  }
}
.facilityCard__info {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: left;
  white-space: pre-line;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.4;
}
.facilityCard__info:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.facilityCard__info:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.facilityCard__info:before, .facilityCard__info:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .facilityCard__info {
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
    margin-top: 1.6rem;
  }
}
.facilitySect--supermarket .facilityCard__name {
  color: #5ab5b2;
}
.facilitySect--gourmet .facilityCard__name {
  color: #da9100;
}
.facilitySect--parks .facilityCard__name {
  color: #72ad21;
}
.facilitySect--education .facilityCard__name {
  color: #cf736d;
}
.facilitySect--public .facilityCard__name {
  color: #667392;
}
.facilitySect--medical .facilityCard__name {
  color: #4c9bcf;
}
.facilitySect .categoryTtl {
  margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .facilitySect .categoryTtl {
    margin-bottom: 2.4rem;
  }
}
.facilitySect__cards + .facilitySect__cards {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .facilitySect__cards + .facilitySect__cards {
    margin-top: 4rem;
  }
}
.facilitySect__cards {
  display: grid;
  grid-gap: 2.4rem;
  gap: 2.4rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .facilitySect__cards {
    gap: 2.4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.facilitySect__cards--2col {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .facilitySect__cards--2col {
    grid-template-columns: 1fr;
  }
}
.facilitySect__cards--3col {
  grid-template-columns: repeat(3, 28.2rem);
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .facilitySect__cards--3col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.facilitySect__cards--imgOnly .facilityCard__visual {
  margin-bottom: 0;
}
.gourmetLayout {
  display: flex;
  gap: 5.2rem;
}
@media screen and (max-width: 768px) {
  .gourmetLayout {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.gourmetLayout__main {
  flex-shrink: 0;
  width: 57.4rem;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__main {
    width: 100%;
  }
}
.gourmetLayout__mainImg {
  overflow: hidden;
}
.gourmetLayout__mainImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
  width: 100%;
}
.gourmetLayout__mainInfo {
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__mainInfo {
    margin-top: 1.2rem;
  }
}
.gourmetLayout__mainName {
  color: #da9100;
  font-family: "Noto Serif", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.gourmetLayout__mainName:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.gourmetLayout__mainName:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.gourmetLayout__mainName:before, .gourmetLayout__mainName:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__mainName {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
  }
}
.gourmetLayout__mainDist {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  line-height: 1.4;
}
.gourmetLayout__mainDist:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.gourmetLayout__mainDist:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.gourmetLayout__mainDist:before, .gourmetLayout__mainDist:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.gourmetLayout__mainDist {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__mainDist {
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
    margin-top: 1.6rem;
  }
}
.gourmetLayout__sub {
  display: grid;
  flex: 1;
  grid-gap: 2.4rem 2rem;
  gap: 2.4rem 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .gourmetLayout__sub {
    gap: 1.6rem;
  }
}
.gourmetLayout__subImg {
  overflow: hidden;
}
.gourmetLayout__subImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
  width: 100%;
}
.gourmetLayout__subInfo {
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__subInfo {
    margin-top: 1.2rem;
  }
}
.gourmetLayout__subName {
  color: #da9100;
  font-family: "Noto Serif", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.gourmetLayout__subName:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.gourmetLayout__subName:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.gourmetLayout__subName:before, .gourmetLayout__subName:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__subName {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
  }
}
.gourmetLayout__subDist {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  text-align: left;
  white-space: pre-line;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.4;
}
.gourmetLayout__subDist:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.gourmetLayout__subDist:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.gourmetLayout__subDist:before, .gourmetLayout__subDist:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .gourmetLayout__subDist {
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
    margin-top: 1.6rem;
  }
}
.parksLayout__hero {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .parksLayout__hero {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.parksLayout__heroImg {
  overflow: hidden;
}
.parksLayout__heroImg:first-child {
  flex: 692;
}
.parksLayout__heroImg:last-child {
  flex: 498;
}
@media screen and (max-width: 768px) {
  .parksLayout__heroImg {
    flex: 1 !important;
  }
}
.parksLayout__heroImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
  width: 100%;
}
.parksLayout__heroInfo {
  align-items: flex-end;
  display: flex;
  gap: 2rem;
  justify-content: flex-end;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .parksLayout__heroInfo {
    align-items: center;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.parksLayout__heroName {
  color: #72ad21;
  font-family: "Noto Serif", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.parksLayout__heroName:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.parksLayout__heroName:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.parksLayout__heroName:before, .parksLayout__heroName:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .parksLayout__heroName {
    font-size: 1.6rem;
    letter-spacing: 0.08rem;
    text-align: center;
  }
}
.parksLayout__heroDist {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  line-height: 1.4;
}
.parksLayout__heroDist:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.parksLayout__heroDist:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.parksLayout__heroDist:before, .parksLayout__heroDist:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .parksLayout__heroDist {
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
    text-align: center;
  }
}
.parksLayout__cards {
  display: grid;
  grid-gap: 2.4rem;
  gap: 2.4rem;
  grid-template-columns: repeat(3, 28.2rem);
  justify-content: center;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .parksLayout__cards {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2.4rem;
  }
}
.lalaportCard {
  align-items: flex-start;
  display: flex;
  gap: 5.2rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard {
    flex-direction: column;
    gap: 5.2rem;
  }
}
.lalaportCard__main {
  flex-shrink: 0;
  position: relative;
  width: 57.4rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__main {
    width: 100%;
  }
}
.lalaportCard__main .photo .photo__caption {
  left: 0;
  right: auto;
  right: initial;
}
.lalaportCard__badge {
  align-items: center;
  background: #5185c5;
  border-radius: 50%;
  bottom: -5.1rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 18.6rem;
  justify-content: center;
  position: absolute;
  right: -3.7rem;
  width: 18.6rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__badge {
    bottom: -2.7rem;
    height: 10.8rem;
    right: -0.9rem;
    width: 10.8rem;
  }
}
.lalaportCard__badge .prefix {
  font-family: "Noto Serif", serif;
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.14rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__badge .prefix {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
  }
}
.lalaportCard__badge .num {
  font-family: "EB Garamond", serif;
  font-size: 7.2rem;
  font-weight: 500;
  letter-spacing: 0.36rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__badge .num {
    font-size: 3.6rem;
    letter-spacing: 0.18rem;
  }
}
.lalaportCard__badge .unit {
  font-family: "Noto Serif", serif;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__badge .unit {
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
}
.lalaportCard__badgeNum {
  align-items: baseline;
  display: flex;
  line-height: 1;
}
.lalaportCard__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2.6rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__body {
    gap: 2.6rem;
  }
}
.lalaportCard__head {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__head {
    gap: 2rem;
  }
}
.lalaportCard__ttl {
  color: #5185c5;
  font-family: "Noto Serif", serif;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.12rem;
  line-height: 1.5;
}
.lalaportCard__ttl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.lalaportCard__ttl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.lalaportCard__ttl:before, .lalaportCard__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .lalaportCard__ttl {
    font-size: 1.8rem;
    letter-spacing: 0.09rem;
  }
}
.lalaportCard__distance {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  line-height: 1.6;
}
.lalaportCard__distance:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.lalaportCard__distance:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.lalaportCard__distance:before, .lalaportCard__distance:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .lalaportCard__distance {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
  }
}
.lalaportCard__sub {
  overflow: hidden;
}
.lalaportCard__desc {
  font-family: "Noto Serif", serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.08rem;
  line-height: 2;
}
.lalaportCard__desc:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.lalaportCard__desc:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.lalaportCard__desc:before, .lalaportCard__desc:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .lalaportCard__desc {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
    line-height: 1.6;
  }
  .lalaportCard__desc:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .lalaportCard__desc:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .lalaportCard__desc:before, .lalaportCard__desc:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
.lalaportCard__note {
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
}
@media screen and (max-width: 768px) {
  .lalaportCard__note {
    font-size: 1.2rem;
    letter-spacing: 0.12rem;
  }
}
.lalaportThumbs {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs {
    margin-top: 4rem;
  }
}
.lalaportThumbs__grid {
  display: grid;
  grid-gap: 2.4rem;
  gap: 2.4rem;
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__grid {
    gap: 2.8rem 2.4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.lalaportThumbs__item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__item {
    gap: 1.6rem;
  }
}
.lalaportThumbs__visual {
  overflow: hidden;
}
.lalaportThumbs__visual img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
  width: 100%;
}
.lalaportThumbs__info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__info {
    gap: 0.8rem;
  }
}
.lalaportThumbs__cat {
  color: #5185c5;
  font-family: "Noto Serif", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}
.lalaportThumbs__cat:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.lalaportThumbs__cat:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.lalaportThumbs__cat:before, .lalaportThumbs__cat:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__cat {
    font-size: 1.4rem;
    letter-spacing: 0.07rem;
  }
}
.lalaportThumbs__name {
  font-family: "Noto Serif", serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  line-height: 1.4;
}
.lalaportThumbs__name:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.lalaportThumbs__name:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.lalaportThumbs__name:before, .lalaportThumbs__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__name {
    font-size: 1.1rem;
    letter-spacing: 0.055rem;
  }
}
.lalaportThumbs__note {
  font-size: 1.2rem;
  letter-spacing: 0.12rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .lalaportThumbs__note {
    font-size: 1.1rem;
    letter-spacing: 0.06rem;
    margin-top: 1.6rem;
  }
}
.pageNav__list {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pageNav__list {
    align-items: center;
    flex-direction: column;
    gap: 2rem;
  }
}
.pageNav__item {
  list-style: none;
}
.pageNav__link {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  font-family: "EB Garamond", serif;
  font-size: 2rem;
  font-weight: 500;
  height: 6rem;
  justify-content: center;
  letter-spacing: 0.08rem;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: opacity 0.3s;
  width: 40rem;
}
@media screen and (max-width: 768px) {
  .pageNav__link {
    width: 34.2rem;
  }
}
.pageNav__link::after {
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 0.08rem 0.08rem;
  content: "";
  display: block;
  height: 0.9rem;
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-70%) rotate(-45deg);
  width: 0.9rem;
}
.pageNav__link:hover {
  opacity: 0.8;
}
.pageNav__linkTxt {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .pageNav + .sectTtl {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .pageNav + .sectTtl {
    margin-top: 8rem;
  }
}
.accessCityCards {
  margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .accessCityCards {
    margin-bottom: 4rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.accessCityCards__list {
  display: flex;
  gap: 0.4rem;
}
@media screen and (max-width: 768px) {
  .accessCityCards__list {
    flex-wrap: wrap;
    gap: 0.4rem;
  }
}
.accessCityCards__catch {
  align-items: center;
  background: #5185c5;
  color: #fff;
  display: flex;
  font-family: "Noto Serif", serif;
  font-size: 2.2rem;
  font-weight: 500;
  height: 7.4rem;
  justify-content: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .accessCityCards__catch {
    font-size: 1.6rem;
    height: 9.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: center;
  }
}
.accessCityCards__captionArea {
  margin-top: 1rem;
  text-align: right;
  width: 100%;
}
.accessCityCards__captionArea .caption {
  color: #000;
}
.accessCityCard {
  flex: 1;
  min-width: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .accessCityCards__list .accessCityCard {
    flex: 0 0 calc((100% - 0.8rem) / 3);
  }
}
.accessCityCard__visual {
  overflow: hidden;
}
.accessCityCard__visual img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.accessCityCard__info {
  align-items: center;
  bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  left: 0;
  position: absolute;
  right: 0;
  text-shadow: 0 0 1rem rgb(0, 0, 0);
}
@media screen and (max-width: 768px) {
  .accessCityCard__info {
    bottom: auto;
    gap: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
.accessCityCard__en {
  color: #e1d38f;
  font-family: "EB Garamond", serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  .accessCityCard__en {
    font-size: 1.2rem;
    letter-spacing: 0.12em;
  }
}
.accessCityCard__ja {
  color: #fff;
  font-family: "Noto Serif", serif;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .accessCityCard__ja {
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
}
.accessCityCard__time {
  align-items: baseline;
  color: #fff;
  display: flex;
  font-family: "EB Garamond", serif;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .accessCityCard__time {
    font-size: 1.4rem;
    letter-spacing: 0.04em;
  }
}
.accessCityCard__time-num {
  font-size: 6.4rem;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .accessCityCard__time-num {
    font-size: 5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .trainAccess {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .trainAccess {
    margin-top: 7.2rem;
  }
}
.trainAccess__map {
  margin-top: 6rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .trainAccess__map {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .trainAccess__mapImg img {
    width: 100%;
  }
}
.trainAccess__mapStation {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 39rem;
}
@media screen and (max-width: 768px) {
  .trainAccess__mapStation {
    margin-top: 2rem;
    position: static;
    width: 100%;
  }
}
.trainAccess__mapStation img {
  width: 100%;
}
.trainAccess__stationImgWrap {
  position: relative;
}
.trainAccess__stationName {
  color: #fff;
  font-family: "EB Garamond", serif;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 0.7;
  position: absolute;
  right: 1.6rem;
  text-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.8);
  top: 2.3rem;
}
@media screen and (max-width: 768px) {
  .trainAccess__stationName {
    right: 1.5rem;
    top: 2.3rem;
  }
}
.trainAccess__stationLocation {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: 1.3rem;
}
@media screen and (max-width: 768px) {
  .trainAccess__stationLocation {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}
.trainAccess__stationCap {
  margin-top: 0.5rem;
}
.trainAccess__note {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .trainAccess__note {
    margin-top: 2.4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .carAccess {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .carAccess {
    margin-top: 6rem;
  }
}
@media print, screen and (min-width: 768px) {
  .carAccess__map {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .carAccess__map {
    margin-top: 4.8rem;
  }
}
@media print, screen and (min-width: 768px) {
  .carAccess__map .swipeFigure__capOut {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .carAccess__map .swipeFigure__capOut {
    padding-left: 2rem;
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .carAccess__map img {
    width: 100%;
  }
}
.locationSect {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .locationSect {
    padding: 0 0 8rem;
  }
}
@media screen and (max-width: 768px) {
  .locationSect {
    padding: 0 0 6rem;
  }
}
.locationSect__contents {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
@media print, screen and (min-width: 768px) {
  .locationSect__contents {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .locationSect__contents {
    gap: 6rem;
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .accessSect {
    padding: 8rem 0 20rem;
  }
}
@media screen and (max-width: 768px) {
  .accessSect {
    padding: 6rem 0 8rem;
  }
}
@media print, screen and (min-width: 768px) {
  .accessSect__contents {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .accessSect__contents {
    margin-top: 4rem;
  }
}
.accessSect__routeMap {
  margin: 0 auto;
  max-width: 100rem;
}
.accessSect__carMap {
  margin: 0 auto;
  max-width: 80rem;
}
.accessSect__note {
  font-family: "Noto Serif", serif;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .accessSect__note {
    font-size: 1rem;
    margin-top: 1.6rem;
  }
}
.accessSect__carSection {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .accessSect__carSection {
    margin-top: 4rem;
  }
}
/*# sourceMappingURL=style.css.map */