@charset "UTF-8";

@media print, screen and (max-width: 767.9px) {
  .spview,
  .sp_taview,
  .sp_pcview {
    display: block;
  }
  .taview,
  .ta_pcview,
  .pcview {
    display: none;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 960px) {
  .sp_taview,
  .taview,
  .ta_pcview {
    display: block;
  }
  .spview,
  .sp_pcview,
  .pcview {
    display: none;
  }
}

@media print, screen and (min-width: 961px) {
  .sp_pcview,
  .ta_pcview,
  .pcview {
    display: block;
  }
  .spview,
  .sp_taview,
  .taview {
    display: none;
  }
}

.access-link {
  display: grid;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.access-link a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  border: 1px solid #707070;
  background: #fff;
  color: #000;
  transition: all 0.3s ease 0s;
  height: clamp(73px, 6.25vw, 90px);
  font-size: clamp(13px, 1.1888888889vw, 16px);
  line-height: 1.6;
}
.access-link a:hover {
  background: #f2f2f2;
}
.access-com__ttl {
  position: relative;
  border-left: 1px solid #707070;
  padding-bottom: 4em;
  margin-bottom: 2em;
}
.access-com__ttl::before {
  position: absolute;
  content: "";
  width: 2px;
  background: #000;
  top: 0;
  left: -1.5px;
}
.access-col2__01 .bd {
  border: solid 1px #707070;
}
.access-col2__01 img {
  width: 100%;
}
.access-tbl02 {
  margin-top: clamp(0px, 1.6666666667vw, 24px);
  text-align: left;
}
.access-tbl02 table {
  width: 100%;
}

.access-tbl02 table th,
.access-tbl02 table td,
.access-tbl03 table th,
.access-tbl03 table td {
  padding-top: clamp(0px, 2.7777777778vw, 40px);
  padding-bottom: clamp(0px, 2.0833333333vw, 30px);
  border-bottom: 1px dashed #7e7e7e;
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-size: clamp(0px, 1.0416666667vw, 15px);
  letter-spacing: 0.1em;
}
.access-tbl03 table {
  width: 100%;
  text-align: center;
  table-layout: fixed;
}

.access-tbl04 table th,
.access-tbl04 table td {
  border-bottom: 1px dashed #7e7e7e;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: left;
  font-size: clamp(0px, 1.0416666667vw, 15px);
  letter-spacing: 0.1em;
}
.r-inner {
  padding-top: clamp(98px, 6.9444444444vw, 100px);
  padding-bottom: clamp(84px, 5.8333333333vw, 84px);
}
.r-inner p {
  font-size: clamp(13px, 1.0416666667vw, 15px);
  line-height: 2.9333333333;
  text-align: center;
  letter-spacing: 0.1em;
}
.access-route .p-info-table__title {
  text-align: left;
}
.access-col2 .gmap iframe {
  width: 100%;
  vertical-align: bottom;
}
.access-col2.mb {
  margin-bottom: 65px;
}
.access-col2 ol li {
  list-style: auto;
}
.access-col2 ol li span {
  /* color: #2001ff; */
}
.access-link__btm {
  padding-bottom: clamp(90px, 13.8888888889vw, 200px);
}
.com-route {
  padding-bottom: clamp(50px, 6vw, 100px);
  margin-top: clamp(60px, 8.3333333333vw, 120px);
}
.com-route__ttl {
  text-align: center;
}
.com-route__img {
  text-align: center;
  margin-top: 50px;
  background: url(https://nana-garden.nuture.co.jp/wp-content/themes/nana/assets/img/access/access-bg.webp) no-repeat
    center center / cover;
  padding: clamp(30px, 8.3333333333vw, 120px);
}
.com-route__wrap {
  display: flex;
}
.com-route__wrap .com-route__list {
  width: 30%;
  position: relative;
  padding-bottom: 5%;
}
.com-route__wrap .com-route__list::before,
.com-route__long::before {
  background-color: #abacab;
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  width: 2px;
  height: 100%;
}
.com-route__main.line::before {
  background-color: #abacab;
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  width: 2px;
  height: 40px;
}
.com-route__wrap .com-route__list:not(:last-of-type) {
  margin-right: 5%;
}

.com-route__wrap .com-route__list li,
.com-route__long,
.com-route__long li,
.com-route__main {
  position: relative;
}
.com-route__wrap .com-route__list li:not(:last-of-type) {
  margin-bottom: 15%;
}
.com-route__long li:not(:last-of-type) {
  margin-bottom: 5%;
}
.com-route__main {
  padding-top: 50px;
}
.com-route__main li:not(:last-of-type) {
  margin-bottom: 2%;
}
.com-route__img .route_01,
.com-route__img .route_02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 1.6;
  background: #fff;
  color: #000;
  transition: all 0.3s ease 0s;
  height: clamp(73px, 6.25vw, 90px);
}
.com-route__img .route_03 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 1.6;
  background: #f0efeb;
  color: #000;
  transition: all 0.3s ease 0s;
  height: clamp(73px, 6.25vw, 90px);
  font-size: clamp(16px, 2.1888888889vw, 18px);
}
.com-route__img .route_05 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 1.6;
  background: #e2dcca;
  color: #000;
  transition: all 0.3s ease 0s;
  height: clamp(73px, 6.25vw, 90px);
  font-size: clamp(16px, 2.1888888889vw, 18px);
  letter-spacing: 0.15em;
}
.com-route__img .route_01 {
  border: 1px solid #b9b9b9;
  font-size: clamp(13px, 1.1888888889vw, 16px);
}
.com-route__img .route_02 {
  border: 1px solid #dfdfdf;
  font-size: clamp(11px, 1vw, 14px);
}
.com-route__long .route_02 {
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (max-width: 767.9px) {
  .com-route__long .route_02 {
    max-width: 80%;
  }
}
@media print, screen and (min-width: 768px) {
  .com-route__long .route_02 {
    max-width: 30%;
  }
}
.route_02 span {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #000;
}
.route_02 .bd01 {
  left: 0;
}
.route_02 .bd02 {
  right: 0;
}
.route_02 .bd01::before,
.route_02 .bd01::after {
  left: 0;
}
.route_02 .bd02::before,
.route_02 .bd02::after {
  right: 0;
}
.route_02 span::before,
.route_02 span::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #000;
}
.route_02 span::before {
  top: 0;
}
.route_02 span::after {
  bottom: 0;
}

.com-route__btm {
  margin-top: clamp(45px, 6vw, 85px);
}
.com-route__cts {
  margin-top: 22px;
}
.com-route__sub {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: clamp(0px, 3.2666666667vw, 16px);
}
.com-route__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.com-route__icon p {
  padding-left: 7px;
}
.com-route__cts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.com-route__icon {
  width: 65%;
}
.com-route__map {
  width: 30%;
}
.com-route__map a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  border: 1px solid #707070;
  background: #fff;
  color: #000;
  transition: all 0.3s ease 0s;
  font-size: clamp(14px, 1.1888888889vw, 16px);
  line-height: 1.6;
  padding: 10px 7px;
}
.com-route__map span {
  display: block;
  padding-right: 5px;
}
.com-route__map a:hover {
  background: #f2f2f2;
}
.com-route__icon {
  font-size: clamp(0px, 3.2666666667vw, 14px);
}
.com-route__link {
  margin-top: 35px;
  max-width: 320px;
}
.com-route__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  border: 1px solid #707070;
  background: #fff;
  color: #000;
  transition: all 0.3s ease 0s;
  font-size: clamp(14px, 1.1888888889vw, 16px);
  line-height: 1.6;
  padding: 10px 7px;
}
.com-route__link li:not(:last-of-type) {
  margin-bottom: 15px;
}
.wind.com-route__link a {
  background-image: url(https://nana-garden.nuture.co.jp/wp-content/uploads/2026/03/window.png);
  background-repeat: no-repeat;
  background-position: right 15px top 50%;
  background-size: 15px;
}
@media print, screen and (max-width: 560px) {
  .com-route__map span {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 767.9px) {
  .access-link {
    grid-template-columns: repeat(2, 1fr);
  }
  .access-com__wrap {
    width: clamp(0px, 78.6666666667vw, 90%);
    margin-inline: auto;
  }
  .access-com__ttl::before {
    height: 44px;
  }
  .access-tbl02 table th,
  .access-tbl02 table td,
  .access-tbl04 table th,
  .access-tbl04 table td {
    display: block;
  }
  .access-tbl02 table th,
  .access-tbl04 table th {
    font-size: 15px;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 24px;
  }
  .access-tbl02 table td,
  .access-tbl04 table td {
    font-size: 12px;
    border-top: none;
    padding-top: 12px;
    padding-bottom: 20px;
  }
  .access-tbl03 table th {
    font-size: 15px;
  }
  .access-tbl03 table td {
    font-size: 12px;
  }
  #route02 .access-com__wrap {
    width: 90%;
  }
}

@media print, screen and (min-width: 768px) {
  .access-link {
    grid-template-columns: repeat(4, 1fr);
  }
  .access-link.cts03 {
    grid-template-columns: repeat(3, 1fr);
  }
  .access-com__wrap {
    width: clamp(0px, 59.7222222222vw, 1720px);
    margin-inline: auto;
    margin-top: clamp(0px, 9.7916666667vw, 141px);
    margin-bottom: clamp(0px, 9.7916666667vw, 141px);
    position: relative;
    padding-bottom: 12px;
  }
  .access-com__ttl::before {
    height: 53px;
  }
  .access-tbl02 {
    width: clamp(0px, 54.1666666667vw, 1515px);
    margin-left: auto;
    margin-right: auto;
  }
  .access-tbl02 table th,
  .access-tbl04 table th {
    width: 32.7392739274%;
  }
  .access-tbl03 {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
  main .tel a {
    pointer-events: none;
  }
}
@media print, screen and (max-width: 960px) {
  .access-col2__02 {
    margin-top: clamp(55px, 4.1666666667vw, 60px);
  }
  .access-col2__wrap {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .access-col2 .p-lower-card__text {
    width: 100%;
  }
  .com-route__link {
    margin-left: auto;
    margin-right: auto;
  }
  .access-tbl04 table th,
  .access-tbl04 table td {
    padding-top: clamp(0px, 2.7777777778vw, 40px);
    padding-bottom: clamp(0px, 2.0833333333vw, 30px);
  }
}

@media print, screen and (min-width: 961px) {
  .access-col2 {
    display: flex;
  }
  .access-col2__01 {
    width: 45%;
  }
  .access-col2__02 {
    width: 55%;
    padding-left: 4vw;
  }
  .access-tbl04 table th,
  .access-tbl04 table td {
    padding-top: clamp(0px, 1.7777777778vw, 20px);
    padding-bottom: clamp(0px, 1.0833333333vw, 15px);
  }
  .access-col2 .p-lower-card__text {
    width: clamp(242px, 29vw, 520px);
  }
}
@media print, screen and (min-width: 961px) and (max-width: 1560px) {
  .access-col2 .p-lower-card__text {
    width: 100%;
  }
}
@media print, screen and (max-width: 1280px) {
  .access-link {
    gap: 20px;
  }
}
@media print, screen and (min-width: 1321px) {
  .access-link {
    gap: 50px;
  }
}
@media print, screen and (min-width: 1921px) {
  .page-id-214 main .l-inner {
    max-width: clamp(0px, 59.7222222222vw, 1720px);
  }
}