body {
  padding-top: 0;
}

:root {
  --imageTitle_bgimage: url(../images/design/pt_bg_pc@2x.webp);
  --imageTitle_title_width: min(17.578125vw, 225px);
}
@media (max-width: 767px) {
  :root {
    --imageTitle_bgimage: url(../images/design/pt_bg_sp@2x.webp);
    --imageTitle_title_width: 41.7142857143vw;
  }
}

@media (max-width: 767px) {
  .inv-inc .p-design {
    --container_padding: 0 7.1428571429vw;
  }
}
.inv-inc .p-design__pt {
  margin-bottom: min(10.15625vw, 130px);
}
@media (max-width: 767px) {
  .inv-inc .p-design__pt {
    margin-bottom: 15.7142857143vw;
  }
}
.inv-inc .p-design__bottom {
  padding: min(6.25vw, 80px) 0;
  background-color: #fff;
}
@media (max-width: 767px) {
  .inv-inc .p-design__bottom {
    padding: 8.5714285714vw 0;
  }
}
.inv-inc .p-design__entryBtn {
  margin: 0 auto min(5.46875vw, 70px);
}
@media (max-width: 767px) {
  .inv-inc .p-design__entryBtn {
    margin: 0 auto 8.5714285714vw;
  }
}
.inv-inc .p-design__note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2em;
  font-size: min(0.78125vw, 10px);
}
@media (max-width: 767px) {
  .inv-inc .p-design__note {
    font-size: 2.2857142857vw;
  }
}
.inv-inc .p-design-lead__row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.inv-inc .p-design-lead__row.--1 {
  margin-bottom: min(14.0625vw, 180px);
  gap: min(3.59375vw, 46px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__row.--1 {
    margin-bottom: 31.4285714286vw;
    gap: 8.5714285714vw;
  }
}
.inv-inc .p-design-lead__catch_1 {
  width: min(35.546875vw, 455px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__catch_1 {
    width: 76vw;
  }
}
.inv-inc .p-design-lead__text_1 {
  width: min(44.6875vw, 572px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__text_1 {
    width: 67.4285714286vw;
  }
}
.inv-inc .p-design-lead__catch_2 {
  width: min(29.21875vw, 374px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__catch_2 {
    width: 69.1428571429vw;
  }
}
.inv-inc .p-design-lead__image {
  margin-top: -28%;
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__image {
    margin-top: -74.2857142857vw;
  }
}
.inv-inc .p-design-lead__caption {
  position: absolute;
  right: 10px;
  bottom: -1.5em;
  text-align: right;
}
.inv-inc .p-design-navi {
  padding: min(3.90625vw, 50px) 0 min(8.59375vw, 110px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi {
    padding: 5.7142857143vw 0 11.4285714286vw;
  }
}
.inv-inc .p-design-navi__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.953125vw, 25px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__row {
    gap: 4.2857142857vw;
  }
}
.inv-inc .p-design-navi__block {
  display: inline-flex;
  flex-direction: column;
}
.inv-inc .p-design-navi__heading {
  width: min(30.078125vw, 385px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__heading {
    width: 71.7142857143vw;
  }
}
.inv-inc .p-design-navi__text {
  width: min(33.4375vw, 428px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__text {
    width: 53.7142857143vw;
  }
}
.inv-inc .p-design-navi__note {
  margin-top: max(-1.5625vw, -20px);
  font-size: min(0.78125vw, 10px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__note {
    margin-top: -2.8571428571vw;
    font-size: 2vw;
  }
}
.inv-inc .p-design-navi__menus {
  margin: 0 auto;
  width: min(56.796875vw, 727px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__menus {
    width: 85.7142857143vw;
  }
}
.inv-inc .p-design-navi__anchors {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  width: 100%;
  aspect-ratio: 727/392;
}
.inv-inc .p-design-navi__anchor {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.inv-inc .p-design-navi__anchor.--conv {
  --menu_name_width: min(2.421875vw, 31px);
  background-image: url(../images/design/navi_bg_conv@2x.webp);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__anchor.--conv {
    --menu_name_width: 5.1428571429vw;
  }
}
.inv-inc .p-design-navi__anchor.--future {
  --menu_name_width: min(2.421875vw, 31px);
  background-image: url(../images/design/navi_bg_future@2x.webp);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__anchor.--future {
    --menu_name_width: 5.1428571429vw;
  }
}
.inv-inc .p-design-navi__anchor.--nature {
  --menu_name_width: min(2.265625vw, 29px);
  background-image: url(../images/design/navi_bg_nature@2x.webp);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__anchor.--nature {
    --menu_name_width: 4.8571428571vw;
  }
}
.inv-inc .p-design-navi__anchor.--edu {
  --menu_name_width: min(2.421875vw, 31px);
  background-image: url(../images/design/navi_bg_edu@2x.webp);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__anchor.--edu {
    --menu_name_width: 5.1428571429vw;
  }
}
.inv-inc .p-design-navi__anchor a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0);
}
@media (hover: hover) and (pointer: fine) {
  .inv-inc .p-design-navi__anchor a:hover {
    animation: blink 0.6s forwards ease-in-out;
  }
}
.inv-inc .p-design-navi__anchor img {
  width: var(--menu_name_width);
}
.inv-inc .p-design-navi__caption {
  text-align: right;
}
@keyframes blink {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  20% {
    background-color: rgba(255, 255, 255, 0.3);
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
.inv-inc .p-design-cover {
  margin-bottom: min(5.234375vw, 67px);
  width: 100%;
  aspect-ratio: 1280/823;
  max-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-cover {
    margin-bottom: 11.4285714286vw;
    aspect-ratio: 700/450;
    --plximg_target_height: 140%;
  }
}
.inv-inc .p-design-cover__bg {
  position: absolute;
  inset: 0;
}
.inv-inc .p-design-cover__caption {
  position: absolute;
  bottom: -2em;
  right: 10px;
}
.inv-inc .p-design-section__content {
  padding: min(7.03125vw, 90px) 0;
}
@media (max-width: 767px) {
  .inv-inc .p-design-section__content {
    padding: 14.2857142857vw 0;
  }
}
.inv-inc .p-design-section.--conv {
  --cover_title_name_width: min(2.890625vw, 37px);
  --cover_title_disc_width: min(17.1875vw, 220px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-section.--conv {
    --cover_title_name_width: 5.7142857143vw;
    --cover_title_disc_width: 34vw;
  }
}
.inv-inc .p-design-section.--future {
  --cover_title_name_width: min(2.8125vw, 36px);
  --cover_title_disc_width: min(19.140625vw, 245px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-section.--future {
    --cover_title_name_width: 5.7142857143vw;
    --cover_title_disc_width: 39.4285714286vw;
  }
}
.inv-inc .p-design-section.--nature {
  --cover_title_name_width: min(2.578125vw, 33px);
  --cover_title_disc_width: min(21.875vw, 280px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-section.--nature {
    --cover_title_name_width: 5.4285714286vw;
    --cover_title_disc_width: 45.1428571429vw;
  }
}
.inv-inc .p-design-section.--edu {
  --cover_title_name_width: min(2.734375vw, 35px);
  --cover_title_disc_width: min(17.34375vw, 222px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-section.--edu {
    --cover_title_name_width: 5.7142857143vw;
    --cover_title_disc_width: 35.7142857143vw;
  }
}
.inv-inc .p-design-photo__image img {
  width: 100%;
  aspect-ratio: var(--photo_ratio);
  -o-object-fit: cover;
     object-fit: cover;
}
.inv-inc .p-design-photo__caption {
  margin-top: 0.5em;
  line-height: 1.4;
  text-align: right;
}
@media (max-width: 767px) {
  .inv-inc .p-design-photo__caption {
    --caption_text_fz: 2vw;
  }
}
.inv-inc .p-design-facade {
  margin-bottom: min(5.46875vw, 70px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-facade {
    margin-bottom: 12.8571428571vw;
  }
}
.inv-inc .p-design-facade__photo {
  margin-bottom: min(3.125vw, 40px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-facade__photo {
    margin-bottom: 6.8571428571vw;
  }
}
.inv-inc .p-design-facade__heading {
  margin-inline: auto;
  margin-bottom: min(3.125vw, 40px);
  width: min(46.640625vw, 597px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-facade__heading {
    margin-bottom: 7.1428571429vw;
    width: 48.5714285714vw;
  }
}
.inv-inc .p-design-facade__text {
  margin-inline: auto;
  width: min(64.921875vw, 831px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-facade__text {
    width: 72.2857142857vw;
  }
}
.inv-inc .p-design-approach {
  margin-bottom: min(5.46875vw, 70px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-approach {
    margin-bottom: 12.8571428571vw;
  }
}
.inv-inc .p-design-approach__heading {
  margin-inline: auto;
  margin-bottom: min(3.125vw, 40px);
  width: min(29.765625vw, 381px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-approach__heading {
    margin-bottom: 7.1428571429vw;
    width: 54.5714285714vw;
  }
}
.inv-inc .p-design-approach__text {
  margin-inline: auto;
  margin-bottom: min(3.4375vw, 44px);
  width: min(56.328125vw, 721px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-approach__text {
    margin-bottom: 7.7142857143vw;
    width: 78vw;
  }
}
.inv-inc .p-design-hall {
  margin-bottom: min(5.46875vw, 70px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-hall {
    margin-bottom: 12.8571428571vw;
  }
}
.inv-inc .p-design-hall__heading {
  margin-inline: auto;
  margin-bottom: min(3.125vw, 40px);
  width: min(27.421875vw, 351px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-hall__heading {
    margin-bottom: 7.1428571429vw;
    width: 54.5714285714vw;
  }
}
.inv-inc .p-design-hall__text {
  margin-inline: auto;
  margin-bottom: min(3.515625vw, 45px);
  width: min(43.515625vw, 557px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-hall__text {
    margin-bottom: 7.7142857143vw;
    width: 78vw;
  }
}
.inv-inc .p-design-landplan {
  padding: min(6.25vw, 80px) 0;
  background-color: #806e20;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan {
    padding: 10vw 0;
  }
}
.inv-inc .p-design-landplan__heading {
  margin-inline: auto;
  margin-bottom: min(6.25vw, 80px);
  width: min(48.75vw, 624px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan__heading {
    margin-bottom: 6.5714285714vw;
    width: 57.1428571429vw;
  }
}
.inv-inc .p-design-landplan__cards {
  margin-bottom: min(3.515625vw, 45px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.78125vw, 10px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan__cards {
    margin-bottom: 7.1428571429vw;
    grid-template-columns: 1fr;
    gap: 2vw;
  }
}
.inv-inc .p-design-landplan__card {
  padding: min(1.5625vw, 20px);
  background-color: #fff;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan__card {
    padding: 4vw;
  }
}
.inv-inc .p-design-landplan__blocks {
  display: flex;
  gap: min(0.9375vw, 12px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan__blocks {
    flex-direction: column;
    gap: 2vw;
  }
}
.inv-inc .p-design-landplanMap {
  margin-bottom: min(10.15625vw, 130px);
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap {
    margin-bottom: 18.5714285714vw;
  }
}
.inv-inc .p-design-landplanMap__icon {
  width: min(35.9375vw, 460px);
  position: absolute;
  left: 0;
  bottom: max(-3.515625vw, -45px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__icon {
    width: 56.2857142857vw;
    left: -1.4285714286vw;
    bottom: -1.4285714286vw;
  }
}
.inv-inc .p-design-landplanMap__compass {
  width: min(6.09375vw, 78px);
  position: absolute;
  right: 0;
  bottom: max(-3.125vw, -40px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__compass {
    width: 9.7142857143vw;
    right: -1.4285714286vw;
    bottom: -2.8571428571vw;
  }
}
.inv-inc .p-design-landplanMap__caption {
  color: #fff;
  position: absolute;
  right: 0;
  bottom: max(-5.46875vw, -70px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__caption {
    bottom: -8.5714285714vw;
  }
}/*# sourceMappingURL=design.css.map */