.pre-inc .layer_main .main_tit {
  top: 15%;
  bottom: auto;
}
.pre-inc .layer_main .lead_copy {
  color: #fff;
  position: absolute;
  left: 22.15em;
  top: 16.1em;
  z-index: 2;
  font-size: calc(1.04vw - 0.12px);
  opacity: 0;
  animation: 3s fadeInUp 1.5s forwards;
}
.pre-inc .layer_main figure img {
  width: 100%;
}
.pre-inc .lead_copy > i {
  width: 7.45em;
  height: 7.45em;
  background: no-repeat center center/contain;
  display: block;
  position: absolute;
  z-index: 1;
}
.pre-inc .lead_copy > i:nth-of-type(1) {
  background-image: url("../img/design/pattern01_i.svg");
  left: -8em;
  top: -5em;
  z-index: 1;
  animation: 2.5s lead_copy_i1 2s forwards;
  opacity: 0;
}
.pre-inc .lead_copy > i:nth-of-type(2) {
  background-image: url("../img/design/pattern01_bk.svg");
  left: -5.5em;
  top: -2.5em;
  animation: 2.5s lead_copy_i2 2s forwards;
  opacity: 0;
}
.pre-inc .lead_copy h3 {
  font-size: 1.36432em;
  z-index: 1;
}
.pre-inc .lead_copy span {
  font-size: 1.02324em;
  margin-top: 0.2em;
  display: block;
  font-family: "EB Garamond", serif;
  letter-spacing: 0.1em;
  z-index: 1;
}
.pre-inc .lead_copy p {
  font-size: 0.909545em;
  z-index: 1;
}
@keyframes lead_copy_i1 {
  0% {
    transform: translate(1em, 1em);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes lead_copy_i2 {
  0% {
    transform: translate(-1em, -1em);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.2;
  }
}
@keyframes lead_copy_i2s {
  0% {
    transform: translate(-1em, -1em);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.4;
  }
}
.pre-inc .contents_tit {
  letter-spacing: 0;
}
.pre-inc .contents_tit i {
  color: #1e7583;
}
.pre-inc #intro {
  padding-bottom: 3.5em;
}
.pre-inc .intro_item {
  display: flex;
  justify-content: space-between;
}
.pre-inc .intro_item > dt {
  width: 18.7em;
}
.pre-inc .intro_item > dd {
  width: 31.2em;
}
.pre-inc .view_img {
  margin-top: -2em;
}
.pre-inc .view_img .cap_b {
  bottom: 5em;
}
.pre-inc .view_img + .note {
  margin-top: -2em;
}
.pre-inc #public_space {
  overflow: hidden;
}
.pre-inc .public_space_img {
  animation-name: bokashi_img;
}
.pre-inc .public_space_img img {
  width: 100%;
}
.pre-inc .public_space_wrap {
  background: url("../img/design/public_space_bk.webp") no-repeat center center/cover;
  padding-bottom: 3.5em;
}
.pre-inc .public_space_wrap .wrap1024 {
  padding-top: 7em;
}
.pre-inc #public_space .lead_copy span {
  color: #1e7583;
}
.pre-inc #public_space .lead_copy {
  margin-left: 8em;
}
.pre-inc #public_space .lead_copy i:nth-of-type(1) {
  background-image: url("../img/design/pattern02_i.svg");
  animation-delay: 0.5s;
}
.pre-inc #public_space .lead_copy i:nth-of-type(2) {
  background-image: url("../img/design/pattern02_bk.svg");
  animation-name: lead_copy_i2s;
  animation-delay: 0.5s;
}
.pre-inc .light_blue_wrap {
  margin: 2em 0 0 2.5em;
  padding: 2em 0 2em 2.5em;
}
.pre-inc .light_blue_wrap > div {
  z-index: 1;
  animation-name: fadeIn;
  animation-delay: 0.8s;
}
.pre-inc .light_blue_wrap > i {
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(105, 161, 177, 0.4);
  animation-name: scale_x_l;
}
.pre-inc .entrance_hall_img {
  margin-top: 2.5em;
}
.pre-inc .entrance_hall_img + .item {
  margin-top: 1em;
}
.pre-inc .life_service {
  background: linear-gradient(to right, #1e7582, #0d3036);
  padding: 1.5em 2em;
  color: #fff;
  margin-top: 3.5em;
}
.pre-inc .life_service_tit i {
  font-size: 1.2em;
  font-family: "EB Garamond", serif;
  letter-spacing: 0.1em;
}
.pre-inc .life_service_tit span {
  margin-left: 1em;
  font-size: 1.2em;
}
.pre-inc .life_service_item {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
.pre-inc .life_service_item > li {
  display: flex;
  flex-direction: column;
  width: 15em;
}
.pre-inc .life_service_item > li h4 {
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 5em;
}
.pre-inc .life_service_item > li h4 strong {
  font-size: 1.25em;
  display: block;
  color: #fff9b1;
}
.pre-inc .life_service_item > li figure {
  margin-top: 0.5em;
}
.pre-inc .life_service_item > li .note {
  margin-top: 0.8em;
}
.pre-inc #land_plan {
  padding-top: 3.5em;
}
.pre-inc .land_plan_tit {
  font-size: 1.6em;
  font-family: "EB Garamond", serif;
  letter-spacing: 0.1em;
  color: #1e7583;
  text-align: center;
}
.pre-inc .land_plan_wrap01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.5em;
}
.pre-inc .land_plan_wrap01 > dt {
  width: 39.75em;
}
.pre-inc .land_plan_wrap01 > dd {
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #e0ebb1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.pre-inc .land_plan_wrap01 > dd::before {
  content: "";
  display: block;
  width: calc(100% - 0.8em);
  height: calc(100% - 0.8em);
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
}
.pre-inc .land_plan_wrap01 > dd small {
  font-size: 0.7em;
  display: block;
}
.pre-inc .land_plan_wrap01 > dd strong {
  font-size: 1.2em;
  display: block;
  color: #1e7583;
}
.pre-inc .land_plan_wrap02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pre-inc .land_plan_wrap02 > dt {
  width: 25.7em;
}
.pre-inc .land_plan_wrap02 > dt figure .cap_l {
  left: 5em;
}
.pre-inc .land_plan_wrap02 > dt figure + figure {
  margin-top: 1.5em;
  width: 23.25em;
}
.pre-inc .land_plan_wrap02 > dd {
  width: 24em;
}
.pre-inc .land_plan_item + .land_plan_item {
  margin-top: 0.5em;
}
.pre-inc .land_plan_item h5 {
  font-size: 0.9em;
  width: 100%;
}
.pre-inc .land_plan_item h5 i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.3em;
  height: 1.3em;
  line-height: 1;
  background: #0d5c68;
  margin-right: 0.5em;
  color: #fff;
}
.pre-inc .land_plan_item h5 + p {
  font-size: 0.8em;
  margin: 0.2em 0 0 2.025em;
}
.pre-inc .land_plan_item h5 + p + .note {
  margin: 0.5em 0 0 2.49em;
}
.pre-inc .land_plan_item.takuhai {
  display: grid;
  grid-template-columns: calc(100% - 4.8em) 3.8em;
  justify-content: space-between;
  grid-template-rows: max-content 1fr;
}
.pre-inc .land_plan_item.takuhai h5 + p + figure {
  grid-row: 1/3;
  grid-column: 2/3;
}
.pre-inc .land_plan_item.takuhai figcaption {
  position: absolute;
  left: -5.5em;
  bottom: 0.5em;
  white-space: nowrap;
  font-size: 0.6em;
}
.pre-inc .land_plan_item.pet {
  display: grid;
  grid-template-columns: calc(100% - 6em) 5em;
  justify-content: space-between;
  grid-template-rows: max-content max-content 1fr;
}
.pre-inc .land_plan_item.pet figure {
  grid-row: 1/4;
  grid-column: 2/3;
}
.pre-inc .land_plan_item.pet figcaption {
  position: absolute;
  left: -5.5em;
  bottom: 0em;
  white-space: nowrap;
  font-size: 0.6em;
}
@media screen and (min-width: 769px) {
  .pre-inc .intro_item > dd {
    animation-delay: 0.8s;
  }
  .pre-inc .land_plan_item01 > dd {
    animation-delay: 0.8s;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .layer_main {
    height: 110vw;
  }
  .pre-inc .layer_main > div,
  .pre-inc .layer_main > div figure {
    height: 100%;
  }
  .pre-inc .layer_main > div figure img {
    width: auto;
    max-width: none;
    height: 100%;
    right: 80vw;
  }
  .pre-inc .layer_main .lead_copy {
    left: 20vw;
    top: 40vw;
    z-index: 2;
    font-size: 3vw;
    width: 75vw;
    text-shadow: 0 0 0.2em #000;
  }
  .pre-inc .layer_main .lead_copy p {
    font-size: 0.9em;
  }
  .pre-inc .lead_copy > i {
    width: 5.5em;
    height: 5.5em;
  }
  .pre-inc .lead_copy > i:nth-of-type(1) {
    left: -5em;
    top: -3em;
    z-index: 1;
    animation-name: lead_copy_i1;
    animation-delay: 2s;
    animation-duration: 2.5s;
    filter: drop-shadow(0 0 0.1em #0d5c68);
  }
  .pre-inc .lead_copy > i:nth-of-type(2) {
    left: -2.5em;
    top: -0.5em;
    animation-name: lead_copy_i2;
    animation-delay: 2s;
    animation-duration: 2.5s;
  }
  .pre-inc #intro {
    padding-bottom: 10vw;
  }
  .pre-inc .intro_item {
    flex-wrap: wrap;
  }
  .pre-inc .intro_item > dt {
    width: 100%;
  }
  .pre-inc .intro_item > dd {
    width: 100%;
    margin-top: 5vw;
  }
  .pre-inc .view_img {
    margin-top: -1em;
  }
  .pre-inc .view_img .cap_b {
    bottom: 9vw;
  }
  .pre-inc .public_space_wrap {
    padding-bottom: 10vw;
  }
  .pre-inc .public_space_wrap .wrap1024 {
    padding-top: 12vw;
  }
  .pre-inc #public_space .lead_copy {
    margin-left: 4em;
  }
  .pre-inc #public_space .lead_copy h3 {
    font-size: 1.3em;
  }
  .pre-inc .light_blue_wrap {
    margin: 5vw 0 0 4vw;
    padding: 4vw 5vw;
  }
  .pre-inc .entrance_hall_img {
    margin-top: 8vw;
  }
  .pre-inc .entrance_hall_img + .item {
    margin-top: 3vw;
  }
  .pre-inc .life_service {
    padding: 4vw;
    margin-top: 10vw;
  }
  .pre-inc .life_service_tit i {
    font-size: 1em;
    display: block;
  }
  .pre-inc .life_service_tit span {
    margin-left: 0;
    font-size: 1.1em;
  }
  .pre-inc .life_service_item {
    flex-wrap: wrap;
    margin-top: 5vw;
  }
  .pre-inc .life_service_item > li {
    display: grid;
    grid-template-columns: 56% 41%;
    justify-content: space-between;
    width: 100%;
  }
  .pre-inc .life_service_item > li h4 {
    font-size: 0.8em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: auto;
  }
  .pre-inc .life_service_item > li h4 strong {
    font-size: 1.2em;
  }
  .pre-inc .life_service_item > li figure {
    margin-top: 0;
    grid-row: 1/3;
    grid-column: 2/3;
    display: flex;
    align-items: flex-end;
  }
  .pre-inc .life_service_item > li .note {
    margin-top: 0.3em;
  }
  .pre-inc .life_service_item > li:nth-of-type(n+2) h4 {
    margin-top: 5vw;
  }
  .pre-inc #land_plan {
    padding-top: 10vw;
  }
  .pre-inc .land_plan_tit {
    font-size: 1.5em;
  }
  .pre-inc .land_plan_wrap01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 1.5em;
  }
  .pre-inc .land_plan_wrap01 > dt {
    width: 100%;
  }
  .pre-inc .land_plan_wrap01 > dt p {
    width: 63%;
  }
  .pre-inc .land_plan_wrap01 > dd {
    font-size: 3vw;
    position: absolute;
    right: 0;
    top: 3em;
  }
  .pre-inc .land_plan_wrap02 {
    flex-wrap: wrap;
  }
  .pre-inc .land_plan_wrap02 > dt {
    width: 100%;
  }
  .pre-inc .land_plan_wrap02 > dt figure .cap_l {
    left: 10vw;
  }
  .pre-inc .land_plan_wrap02 > dt figure + figure {
    margin-top: 3vw;
    width: 100%;
  }
  .pre-inc .land_plan_wrap02 > dd {
    width: 100%;
    margin-top: 5vw;
  }
}

/*# sourceMappingURL=design.css.map */