@charset "UTF-8";
/* access
---------------------------------------------------------------------- */
.access {
  padding: 140px 0 0;
}
.access .ctitle {
  text-align: center;
}

.map {
  margin-top: 100px;
  max-width: 1920px;
}
.map iframe {
  width: 100%;
  aspect-ratio: 32/15;
}

.root {
  padding: 55px 0 200px;
}

.root__list li {
  margin-bottom: 35px;
  border-bottom: 1px solid #929292;
  line-height: 1.7;
}
.root__list li a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 40px;
  padding-right: 55px;
  color: #282828;
}
.root__list li a:hover {
  color: #282828;
}

.root__content {
  flex: 1;
}
.root__content .ctitle2 {
  display: flex;
  align-items: center;
  color: #A6585D;
  margin-bottom: 20px;
}
.root__content .ctitle2::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  background: url(../images/icn_train.svg) no-repeat center center;
  background-size: contain;
}
.root__content .ctitle2.car::before {
  background: url(../images/icn_car.svg) no-repeat center center;
  background-size: contain;
}

.root__link {
  color: #A6585D;
  position: relative;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
.root__link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  width: 20px;
  height: 5px;
  background: url(../../images/arrow02.svg) no-repeat;
  transition: right 0.3s;
}

.root__list li:hover .root__link::after {
  right: -40px;
}

#car-sharing {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
#car-sharing img {
  width: 50%;
  margin: 2.5rem auto 0;
}

.other {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  gap: 35px;
}
.other li {
  display: flex;
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.2);
}

.other__img {
  flex: 0 1 60%;
}

.other__content {
  flex: 1 0 auto;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.other__content .ctitle2 {
  color: #A6585D;
  margin-bottom: 20px;
}

/* parking
---------------------------------------------------------------------- */
.parking {
  background-color: #F5F3ED;
  padding: 95px 0 170px;
}

.parking__wrap {
  display: flex;
  gap: 3.5%;
}

#map_parking {
  flex: 0 1 57%;
}

.parking__content {
  flex: 1 0 auto;
}
.parking__content .ctitle {
  text-align: left;
  margin-bottom: 20px;
}
.parking__content .ctitle2 {
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: 0.15em;
}
.parking__content p {
  text-align: left;
  margin-bottom: 15px;
  letter-spacing: 0.15em;
}

.parking__list {
  margin-bottom: 25px;
}
.parking__list li {
  padding-left: 1em;
  text-indent: -1em;
}
.parking__list li::before {
  content: "●";
}

.parking__list2 {
  margin-bottom: 25px;
}
.parking__list2 li {
  display: flex;
  align-items: center;
}
.parking__list2 li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.parking__list2 li.thepark::before {
  background: url(../images/icn_car01.svg) no-repeat center center;
  background-size: contain;
}
.parking__list2 li.asahi::before {
  background: url(../images/icn_car02.svg) no-repeat center center;
  background-size: contain;
}
.parking__list2 li.fukuda::before {
  background: url(../images/icn_car03.svg) no-repeat center center;
  background-size: contain;
}
.parking__list2 li.moss::before {
  background: url(../images/icn_car04.svg) no-repeat center center;
  background-size: contain;
}

.parking__txt {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.025em;
}
.parking__txt:first-of-type {
  margin-bottom: 15px;
}

ul.parking__txt {
  padding-left: 1em;
  text-indent: -1em;
}
ul.parking__txt li::before {
  content: "・";
}/*# sourceMappingURL=access.css.map */