@charset "UTF-8";
@import url(./subpage.css);
/*! subpage
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# common

# About Us

# OUTLINE

# FLOOR GUIDE

# ACCESS MAP

# 公式サイト

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/

main .entry-content {
  margin-bottom: 0;
}
.entry-content .section-desc {
  line-height: 2;
  flex: 1;
}
.section:first-of-type {
  margin-top: 0;
}
@media (width < 87.5rem) {
  .entry-content .section-desc {
    line-height: 1.75;
  }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.section-01--heading .en * {
  vertical-align: middle;
}
.section-01--heading .en .text {
  margin-right: 0.5em;
}
.section-01--heading .en .img {
  max-height: 1em;
}
.page-manabusquare .en * {
  vertical-align: baseline;
}

.section-01 .post-thumbnail {
  background: #fff;
  padding: 8px;
  width: 36%;
  flex-shrink: 0;
  height: 100%;
}
.section-01 .post-thumbnail img {
  aspect-ratio: 400 / 232;
  height: auto;
}

.section-01:has(.subtitle) .section-01--heading {
  margin-bottom: 0.15em;
}
.section-01 .section-desc .subtitle {
  font-size: clamp(1.25rem, 0.961rem + 1.23vw, 1.75rem);
}

@media (width < 87.5rem) {
  .section-01 .post-thumbnail {
    width: 100%;
    max-width: clamp(17.5rem, 4.167rem + 27.78vw, 25rem);
  }
  .section-01 .about-box {
    gap: clamp(3rem, 2.639rem + 1.54vw, 3.625rem);
  }
}
@media (width < 48rem) {
  .section-01 .section-desc {
    flex: 100%;
  }
  .section-01 .post-thumbnail {
    max-width: none;
  }
  .page-manabusquare .img {
    max-width: clamp(8.188rem, 4.013rem + 17.81vw, 12.563rem);
  }
}
@media (width < 30rem) {
  .page-manabusquare .img {
    max-width: clamp(7rem, 2.759rem + 18.1vw, 8.188rem);
  }
}

/*--------------------------------------------------------------
# FLOOR GUIDE
--------------------------------------------------------------*/
.section-03 .card-list {
  margin-top: 3em;
}
.section-03 .card-list .card {
  flex: 1;
  max-width: 33.333%;
}
.section-03 .card figcaption {
  font-weight: 500;
  padding: 18px 16px calc(18px - var(--border-width));
}

@media (width < 48rem) {
  .section-03 .card-list .card {
    flex: 100%;
    max-width: unset;
  }
  .section-03 .card-list {
    margin-top: 2em;
  }
}

/*--------------------------------------------------------------
# ACCESS MAP
--------------------------------------------------------------*/
.section-04 {
  padding-bottom: 0;
}
.section-04 .head {
  margin-bottom: 0;
}

.section-04 .map {
  margin-top: 60px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1920 / 633;
  height: auto;
}
.section-04 .map_box {
  position: absolute;
  box-shadow: 0px 0px 16px 0px #00000040;
  background: var(--light);
  display: block;
  left: clamp(min(42.438rem, 50vw), -34.462rem + 87.88vw, 71rem);
  bottom: max(16px, 29%);
  padding: 36px;
  width: 100%;
  max-width: min(520px, 50% - var(--side));
}
.section-04 .map_box .title {
  font-size: calc(18 / 16 * 1rem);
  font-weight: 500;
  margin-bottom: 0.8em;
}
.section-04 .map_box .btn {
  display: inline-flex;
  margin-top: 36px;
  font-weight: 500;
}
.section-04 iframe {
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  top: -100px;
  left: -100px;
  position: absolute;
  object-fit: cover;
  display: block;
}

@media (width > 120rem) {
  .section-04 .map_box {
    left: calc(1135 / 1920 * 100vw);
  }
}
@media (width < 87.5rem) {
  .section-04 .map_box {
    padding: clamp(1.25rem, -1.744rem + 4.68vw, 2.25rem);
  }
  .section-04 .map_box .btn {
    margin-top: clamp(1.25rem, -1.744rem + 4.68vw, 2.25rem);
  }
}
@media (width < 64rem) {
  .section-04 .map {
    height: 680px;
    aspect-ratio: unset;
  }
  .section-04 .map_box {
    left: 0;
    max-width: 520px;
    width: calc(100% - var(--side) * 2);
    right: 0;
    margin-inline: auto;
    bottom: 50px;
  }
}
@media (width < 48rem) {
  .section-04 .map iframe {
    /* pointer-events: none; */
  }
  .section-04 .map {
    aspect-ratio: 375 / 680;
    height: auto;
    min-height: 680px;
  }
  .section-04 .map_box .title {
    font-size: 1rem;
  }
  .section-04 .map_box .text {
    font-size: calc(14 / 16 * 1rem);
  }
}
/*--------------------------------------------------------------
# 公式サイト
--------------------------------------------------------------*/
.section-05 {
  padding-block: 110px;
  text-align: center;
}
.section-05 .title {
  font-size: clamp(1.75rem, 1.134rem + 0.72vw, 2rem);
  font-family: var(--font-ja);
  font-weight: 500;
  margin-block: calc((1lh - 1em) / 2 * -1);
}
.section-05 .text {
  margin-top: 1.5em;
}
.section-05 .link.btn {
  font-family: var(--font-ja);
  padding-inline: 2em;
  padding-block: 0.8em;
  display: inline-flex;
  margin-top: 2.8em;
  font-weight: 500;
}

@media (width < 87.5rem) {
  .section-05 {
    padding-block: clamp(5rem, 3.917rem + 4.62vw, 6.875rem);
  }
  .section-05 .title {
    font-size: clamp(1.5rem, 1.356rem + 0.62vw, 1.75rem);
  }
}

@media (width < 30rem) {
  .section-05 .text {
    margin-top: 1em;
    font-size: calc(14 / 16 * 1rem);
  }
  .section-05 .link.btn {
    margin-top: 1.8em;
  }
}