body {
  background-image: url(../images/bg.webp);
  background-position: center;
  background-size: 130% auto;
}

.inv-inc .p-design {
  --pageHeader__title_width: min(21.875vw, 280px);
}
@media (max-width: 767px) {
  .inv-inc .p-design {
    --pageHeader__title_width: 39.1428571429vw;
  }
}
.inv-inc .p-design__contents {
  margin-top: max(-9.375vw, -120px);
}
@media (max-width: 767px) {
  .inv-inc .p-design__contents {
    margin-top: -18.5714285714vw;
  }
}
.inv-inc .p-design__section {
  margin-bottom: min(7.8125vw, 100px);
}
.inv-inc .p-design__pageBottom {
  margin: 0 auto;
  width: min(63.75vw, 816px);
}
@media (max-width: 767px) {
  .inv-inc .p-design__pageBottom {
    width: 100%;
  }
}
.inv-inc .p-design__heading1 {
  margin-bottom: min(0.78125vw, 10px);
  font-size: min(1.40625vw, 18px);
  font-weight: 600;
}
@media (max-width: 767px) {
  .inv-inc .p-design__heading1 {
    margin-bottom: 2.8571428571vw;
    font-size: 2.8571428571vw;
  }
}
.inv-inc .p-design-navi {
  margin-bottom: min(3.90625vw, 50px);
  display: flex;
  justify-content: center;
  gap: min(0.78125vw, 10px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi {
    margin-bottom: 17.1428571429vw;
    gap: 1.7142857143vw;
  }
}
.inv-inc .p-design-navi__item {
  width: min(20.15625vw, 258px);
  height: min(4.6875vw, 60px);
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__item {
    width: 36.2857142857vw;
    height: 10.8571428571vw;
  }
}
.inv-inc .p-design-navi__item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #007250;
}
.inv-inc .p-design-navi__item img {
  width: var(--naviImg_width, auto);
}
.inv-inc .p-design-navi__item.--formdesign {
  --naviImg_width: min(7.734375vw, 99px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__item.--formdesign {
    --naviImg_width: 18.2857142857vw;
  }
}
.inv-inc .p-design-navi__item.--landplan {
  --naviImg_width: min(6.328125vw, 81px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-navi__item.--landplan {
    --naviImg_width: 14.8571428571vw;
  }
}
.inv-inc .p-design-lead {
  margin-bottom: var(--lead__margin-bottom);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(3.125vw, 40px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead {
    gap: 5.7142857143vw;
  }
}
.inv-inc .p-design-lead__name {
  width: var(--lead__name_width);
}
.inv-inc .p-design-lead__lead {
  width: var(--lead__lead_width);
}
.inv-inc .p-design-lead__text {
  font-size: min(1.015625vw, 13px);
  line-height: 2;
  text-align: center;
  letter-spacing: 0.16em;
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead__text {
    font-size: 2.5714285714vw;
  }
}
.inv-inc .p-design-lead.--formdesign1 {
  --lead__margin-bottom: min(4.6875vw, 60px);
  --lead__name_width: min(11.171875vw, 143px);
  --lead__lead_width: min(33.90625vw, 434px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead.--formdesign1 {
    --lead__margin-bottom: 10.8571428571vw;
    --lead__name_width: 32.8571428571vw;
    --lead__lead_width: 80vw;
  }
}
.inv-inc .p-design-lead.--entrance {
  --lead__margin-bottom: min(4.6875vw, 60px);
  --lead__lead_width: min(20.625vw, 264px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead.--entrance {
    --lead__margin-bottom: 9.4285714286vw;
    --lead__lead_width: 48.5714285714vw;
  }
}
.inv-inc .p-design-lead.--approach {
  --lead__name_width: min(17.1875vw, 220px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead.--approach {
    --lead__name_width: 50vw;
  }
}
.inv-inc .p-design-lead.--hall {
  --lead__name_width: min(11.875vw, 152px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead.--hall {
    --lead__name_width: 34.8571428571vw;
  }
}
.inv-inc .p-design-lead.--landplan {
  --lead__margin-bottom: min(3.90625vw, 50px);
  --lead__name_width: min(8.671875vw, 111px);
  --lead__lead_width: min(40.15625vw, 514px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-lead.--landplan {
    --lead__margin-bottom: 7.1428571429vw;
    --lead__name_width: 25.7142857143vw;
    --lead__lead_width: 71.4285714286vw;
  }
}
.inv-inc .p-design-message {
  margin-top: calc(-1 * var(--headerHeight));
  padding-top: var(--headerHeight);
  margin-bottom: min(9.375vw, 120px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-message {
    margin-bottom: 22.8571428571vw;
  }
}
.inv-inc .p-design-message__inner {
  width: 100%;
  height: calc(100vh - 100px);
  background-image: url("../images/design/message_photo@2x.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.inv-inc .p-design-message__screen {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.84);
  position: absolute;
  inset: 0;
}
.inv-inc .p-design-message__text {
  width: min(31.25vw, 400px);
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-message__text {
    width: 61.4285714286vw;
  }
}
.inv-inc .p-design-message__front {
  opacity: 1;
}
.inv-inc .p-design-message__back {
  opacity: 0.25;
  position: absolute;
  inset: 0;
}
.inv-inc .p-design-message__caption {
  position: absolute;
  right: min(0.78125vw, 10px);
  bottom: min(0.78125vw, 10px);
  z-index: 1;
}
@media (max-width: 767px) {
  .inv-inc .p-design-message__caption {
    right: 2.8571428571vw;
    bottom: 1.4285714286vw;
  }
}
.inv-inc .p-design-entrance {
  margin: 0 auto;
  width: min(54.6875vw, 700px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-entrance {
    width: 100%;
  }
}
.inv-inc .p-design-entrance__row {
  margin-bottom: min(4.6875vw, 60px);
  display: flex;
  flex-direction: column;
  gap: min(1.171875vw, 15px);
  --container_width: min(54.6875vw, 700px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-entrance__row {
    margin-bottom: 8.5714285714vw;
    gap: 3.7142857143vw;
    --container_width: 100%;
  }
}
@media (max-width: 767px) {
  .inv-inc .p-design-entrance__photo {
    width: 100%;
    aspect-ratio: 1;
  }
  .inv-inc .p-design-entrance__photo.--approach {
    --img_obj_pos: right;
  }
  .inv-inc .p-design-entrance__photo.--hall {
    --img_obj_pos: center;
  }
  .inv-inc .p-design-entrance__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: var(--img_obj_pos);
       object-position: var(--img_obj_pos);
  }
}
.inv-inc .p-design-service {
  margin-bottom: min(6.25vw, 80px);
  padding: min(3.90625vw, 50px) 0;
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-service {
    padding: 8.5714285714vw 0;
  }
}
.inv-inc .p-design-service::before {
  content: "";
  display: block;
  background-color: #edf5f3;
  position: absolute;
  inset: 0;
  mix-blend-mode: multiply;
}
.inv-inc .p-design-service__inner {
  position: relative;
  z-index: 1;
}
.inv-inc .p-design-landplan {
  --container_width: min(54.6875vw, 700px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplan {
    --container_width: 100%;
  }
}
.inv-inc .p-design-landplanMap {
  margin-bottom: min(6.25vw, 80px);
  padding-bottom: min(3.125vw, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.inv-inc .p-design-landplanMap__map {
  width: min(49.21875vw, 630px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__map {
    width: 100%;
  }
}
.inv-inc .p-design-landplanMap__mark {
  width: min(30.3125vw, 388px);
  position: absolute;
  left: min(9.765625vw, 125px);
  bottom: 0;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__mark {
    position: static;
    width: 60.5714285714vw;
  }
}
.inv-inc .p-design-landplanMap__compass {
  width: min(8.28125vw, 106px);
  position: absolute;
  right: min(3.125vw, 40px);
  bottom: 0;
}
@media (max-width: 767px) {
  .inv-inc .p-design-landplanMap__compass {
    width: 20vw;
    right: 2.8571428571vw;
    bottom: 11.4285714286vw;
  }
}
.inv-inc .p-design-feature {
  margin-bottom: min(2.34375vw, 30px);
  display: flex;
  gap: min(0.78125vw, 10px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-feature {
    margin-bottom: 8.5714285714vw;
    flex-direction: column;
    gap: 1.4285714286vw;
  }
}
.inv-inc .p-design-feature__block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(7.1875vw, 92px);
  background-color: #007250;
}
@media (max-width: 767px) {
  .inv-inc .p-design-feature__block {
    height: 17.1428571429vw;
  }
}
.inv-inc .p-design-feature__block.--1 {
  --imgWidth: min(17.265625vw, 221px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-feature__block.--1 {
    --imgWidth: 40.8571428571vw;
  }
}
.inv-inc .p-design-feature__block.--2 {
  --imgWidth: min(16.25vw, 208px);
}
@media (max-width: 767px) {
  .inv-inc .p-design-feature__block.--2 {
    --imgWidth: 38.8571428571vw;
  }
}
.inv-inc .p-design-feature__block img {
  width: var(--imgWidth);
}/*# sourceMappingURL=design.css.map */