@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
.gnav-box { display: none; }

.loader-container { display: none; }

.page-wrap { background: #80c3bf; padding-top: 80px; }

.section-class { background: #fff; padding: 20px 0; text-align: center; margin: 2rem auto; font-family: a-otf-ryumin-pr6n, serif; font-weight: 300; font-style: normal; /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: normal**/ }
.section-class h4 { margin-bottom: 20px; }
.section-class h4 img { height: 23px; width: auto; }
@media screen and (max-width: 768px) { .section-class { margin: 1rem auto; } }

h3 { font-family: ltc-bodoni-175, serif; font-weight: 400; font-style: normal; color: #9fa0a0; font-size: 58px; line-height: 1.0; margin-bottom: 20px; font-weight: normal; }
h3 .text-m { font-family: a-otf-ryumin-pr6n, serif; font-weight: 300; font-style: normal; /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: normal**/ color: #363636; }

.leadCopy { text-align: center; margin: 5rem auto; }
@media screen and (max-width: 768px) { .leadCopy { text-align: left; width: 90%; }
  .leadCopy .text-l { font-size: 0.8rem; } }

.map-cls { width: 96%; margin: 0 auto 1rem; }
.map-cls img { width: 100%; height: auto; vertical-align: top; }
.map-cls.map1 { max-width: 640px; margin: 0 auto; }
.map-cls.map2 { max-width: 440px; }

.map-info { width: 96%; max-width: 640px; margin: 0 auto; padding: 0.8rem 1rem; text-align: center; color: #fff; background: #00a0e9; box-sizing: border-box; }
.map-info .add { font-size: 1rem; }
.map-info .add .ttl { margin-bottom: 0.5rem; font-size: 1.2rem; line-height: 1.2; }
.map-info .car { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #fff; font-size: 1.5rem; }
.map-info .car .ttl { margin-bottom: 0.5rem; font-size: 1.2rem; line-height: 1.2; }
@media screen and (max-width: 768px) { .map-info .car { font-size: 1.3rem; } }

.parking { margin-top: 2rem; }
.parking .map-info { width: 96%; max-width: 640px; margin: 0 auto; padding: 0.8rem 1rem; text-align: center; color: #fff; background: #00a0e9; box-sizing: border-box; }
.parking .map-info .parkingspace .mainttl { font-size: 1.2rem; }
.parking .map-info .parkingspace .space { margin-top: 0.5rem; }
.parking .map-info .parkingspace .space .ttl { display: flex; justify-content: center; align-items: center; }
.parking .map-info .parkingspace .space .ttl::before, .parking .map-info .parkingspace .space .ttl::after { flex-grow: 1; background-color: #fff; content: ""; height: 1px; }
.parking .map-info .parkingspace .space .ttl::before { margin-right: 10px; }
.parking .map-info .parkingspace .space .ttl::after { margin-left: 10px; }
.parking .map-info .parkingspace .space .num { font-size: 2rem; }
.parking .map-info .intercom { margin-top: 0.5rem; padding-top: 1rem; border-top: 1px solid #fff; }
.parking .map-info .intercom .call { margin-top: 0.5rem; font-size: 1.5rem; }
@media screen and (max-width: 768px) { .parking .map-info .intercom .call { font-size: 1.3rem; } }

.mg { margin-top: 2rem; text-align: center; }
.mg .note { text-align: left; font-size: 0.85rem; font-feature-settings: 'palt'; }
@media screen and (max-width: 768px) { .mg .note { font-size: 0.75rem; } }

.mg-root { margin-top: 1.5rem; }
.mg-root .inner { width: 96%; margin: 0 auto; }
.mg-root .ttl { display: inline-block; padding: 0.5rem 1rem; text-align: center; border: 1px solid #000; }
.mg-root ul { display: flex; flex-wrap: wrap; justify-content: center; max-width: 770px; margin: 1rem auto 0; }
.mg-root ul li { display: flex; flex-direction: column; width: 29.871%; margin-top: 1rem; }
.mg-root ul li img { width: 100%; height: auto; }
.mg-root ul li p { font-size: 0.8rem; font-feature-settings: "palt"; }
.mg-root ul li.arrow { display: flex; justify-content: center; width: 3.8%; max-width: 30px; margin: 0 0.65%; }
.mg-root ul li:nth-child(2), .mg-root ul li:nth-child(4) { transform: translateY(-6%); }
.mg-root ul li:nth-child(6), .mg-root ul li:nth-child(8) { transform: translateY(-2%); }
@media screen and (max-width: 768px) { .mg-root .ttl { font-size: 0.75rem; }
  .mg-root ul li { width: 45%; }
  .mg-root ul li:nth-child(2), .mg-root ul li:nth-child(4), .mg-root ul li:nth-child(6), .mg-root ul li:nth-child(8) { transform: none; }
  .mg-root ul li:nth-child(4), .mg-root ul li:nth-child(8) { margin-right: 0; }
  .mg-root ul li p { font-size: 0.6rem; } }
@media screen and (max-width: 500px) { .mg-root ul { flex-direction: column; }
  .mg-root ul li { width: 100%; }
  .mg-root ul li.arrow { width: 100%; margin: 1rem auto 0; }
  .mg-root ul li.arrow img { transform: rotate(90deg); } }

.root { margin-top: 2rem; }
.root .inner { width: 96%; margin: 0 auto; }
.root .ttl { display: inline-block; padding: 0.5rem 1rem; text-align: center; border: 1px solid #000; }
.root ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; max-width: 770px; max-width: 560px; margin: 1rem auto 0; }
.root ul li { display: flex; flex-direction: column; width: 29.871%; width: 41.072%; margin-top: 1rem; }
.root ul li img { width: 100%; height: auto; }
.root ul li p { font-size: 0.8rem; font-feature-settings: "palt"; }
.root ul li.arrow { display: flex; justify-content: center; width: 3.8%; max-width: 30px; margin: 0 0.65%; }
.root ul li:nth-child(1) { margin-left: 6.3%; }
.root ul li:nth-child(3) { margin-right: 6.3%; }
.root ul li:nth-child(2) { transform: translateY(-2%); }
.root ul li:nth-child(4), .root ul li:nth-child(6) { transform: translateY(-6%); }
.root ul li:nth-child(7) { margin-right: 5.2%; }
@media screen and (max-width: 768px) { .root .ttl { font-size: 0.75rem; }
  .root ul li p { font-size: 0.6rem; } }
@media screen and (max-width: 500px) { .root ul { flex-direction: column; }
  .root ul li { width: 100%; }
  .root ul li.arrow { width: 100%; margin: 1rem auto 0; }
  .root ul li.arrow img { transform: rotate(90deg); }
  .root ul li:nth-child(1), .root ul li:nth-child(3), .root ul li:nth-child(7) { margin: 1rem auto 0; } }