.redevelopment {
  position: relative;
}

/*----------------------------------------
	common
-----------------------------------------*/
.l-content {
  background: url(/asset/img/common/content-bg.jpg) repeat-y center top;
  background-size: 100% auto;
}

@media screen and (max-width: 500px) {
  .c-title--page--full__title {
    left: min(1.282vw, 6px);
    bottom: min(3.59vw, 16.8px);
  }
}
.c-title--page--full__title img {
  width: clamp(544.8px, 35.469vw, 817.2px);
}
@media screen and (max-width: 768px) {
  .c-title--page--full__title img {
    width: clamp(268px, 85.897vw, 402px);
  }
}

section .txt--main {
  color: #fff;
  font-weight: 400;
  font-size: clamp(24px, 1.563vw, 36px);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  section .txt--main {
    font-size: clamp(16px, 5.128vw, 24px);
    letter-spacing: 0.06em;
    line-height: 1.5;
  }
}
section .txt--sub {
  color: #fff;
  font-weight: 400;
  font-size: clamp(16.8px, 1.094vw, 25.2px);
  line-height: 2.6;
}
@media screen and (max-width: 768px) {
  section .txt--sub {
    font-size: clamp(12px, 3.846vw, 18px);
    line-height: 2.2;
  }
}
section figure {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/*----------------------------------------
	s01
-----------------------------------------*/
.s01 {
  -webkit-margin-before: min(9.844vw, 226.8px);
          margin-block-start: min(9.844vw, 226.8px);
}
@media screen and (max-width: 768px) {
  .s01 {
    -webkit-margin-before: min(20.513vw, 96px);
            margin-block-start: min(20.513vw, 96px);
  }
}
.s01 .box {
  position: relative;
  max-width: min(100vw, 2304px);
  margin-inline: auto;
}
.s01 .box::before {
  content: "";
  position: absolute;
  bottom: min(72.917vw, 1680px);
  left: 0;
  display: block;
  width: min(94.01vw, 2166px);
  aspect-ratio: 1805/550;
  background: url(/asset/img/redevelopment/bg_line01.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .s01 .box::before {
    top: 95%;
    bottom: auto;
    width: 100%;
    aspect-ratio: 382/193;
    background: url(/asset/img/redevelopment/bg_line01_sp.webp) no-repeat center center;
    background-size: cover;
  }
}
.s01 .l-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: clamp(352px, 22.917vw, 528px) min(2.396vw, 55.2px) 1fr;
  grid-template-columns: clamp(352px, 22.917vw, 528px) 1fr;
  gap: 0 min(2.396vw, 55.2px);
}
@media screen and (max-width: 1024px) {
  .s01 .l-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.s01 .l-inner .txt--main {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -webkit-margin-after: min(1.667vw, 38.4px);
          margin-block-end: min(1.667vw, 38.4px);
}
@media screen and (max-width: 1024px) {
  .s01 .l-inner .txt--main {
    grid-column: unset;
    grid-row: unset;
  }
}
@media screen and (max-width: 768px) {
  .s01 .l-inner .txt--main {
    -webkit-margin-after: min(5.128vw, 24px);
            margin-block-end: min(5.128vw, 24px);
  }
}
.s01 .l-inner .txt--sub {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (max-width: 1024px) {
  .s01 .l-inner .txt--sub {
    grid-column: unset;
    grid-row: unset;
  }
}
.s01 .l-inner .items {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(0.833vw, 19.2px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: min(0.833vw, 19.2px);
  -webkit-margin-before: min(0.469vw, 10.8px);
          margin-block-start: min(0.469vw, 10.8px);
}
@media screen and (max-width: 1024px) {
  .s01 .l-inner .items {
    grid-column: unset;
    grid-row: unset;
    -webkit-margin-before: min(1.563vw, 36px);
            margin-block-start: min(1.563vw, 36px);
    gap: min(1.563vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .s01 .l-inner .items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-margin-before: min(7.692vw, 36px);
            margin-block-start: min(7.692vw, 36px);
    gap: min(7.692vw, 36px);
  }
}
.s01 .l-inner .items figcaption {
  font-weight: 400;
  font-size: clamp(11.2px, 0.729vw, 16.8px);
  letter-spacing: 0.1em;
  text-align: right;
  line-height: 1;
  -webkit-margin-before: min(0.521vw, 12px);
          margin-block-start: min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .s01 .l-inner .items figcaption {
    font-size: clamp(9.6px, 3.077vw, 14.4px);
    -webkit-margin-before: min(2.564vw, 12px);
            margin-block-start: min(2.564vw, 12px);
  }
}
.s01 .l-inner .items figcaption span {
  display: inline-block;
}
.s01 .l-inner .c-box--swipe {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -webkit-margin-before: min(7.083vw, 163.2px);
          margin-block-start: min(7.083vw, 163.2px);
}
@media screen and (max-width: 1024px) {
  .s01 .l-inner .c-box--swipe {
    grid-column: unset;
    grid-row: unset;
  }
}
@media screen and (max-width: 768px) {
  .s01 .l-inner .c-box--swipe {
    -webkit-margin-before: min(7.692vw, 36px);
            margin-block-start: min(7.692vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  .s01 .l-inner .c-box--swipe img {
    max-height: min(117.949vw, 552px);
  }
}
.s01 .l-inner .c-box--swipe figcaption {
  font-weight: 400;
  font-size: clamp(10.4px, 0.677vw, 15.6px);
  letter-spacing: -0.02em;
  text-align: right;
}

/*----------------------------------------
	s02
-----------------------------------------*/
.s02 {
  margin-block: min(3.229vw, 74.4px) min(10.417vw, 240px);
}
@media screen and (max-width: 768px) {
  .s02 {
    margin-block: min(20.513vw, 96px);
  }
}
.s02 .txt--sub {
  -webkit-margin-before: min(1.979vw, 45.6px);
          margin-block-start: min(1.979vw, 45.6px);
}
@media screen and (max-width: 768px) {
  .s02 .txt--sub {
    -webkit-margin-before: min(5.128vw, 24px);
            margin-block-start: min(5.128vw, 24px);
  }
}
.s02 .c-list--notice {
  -webkit-margin-before: min(0.781vw, 18px);
          margin-block-start: min(0.781vw, 18px);
}
@media screen and (max-width: 768px) {
  .s02 .c-list--notice {
    -webkit-margin-before: min(2.564vw, 12px);
            margin-block-start: min(2.564vw, 12px);
  }
}
.s02 .c-list--notice__item {
  color: #fff;
  font-weight: 400;
  font-size: clamp(12px, 0.781vw, 18px);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .s02 .c-list--notice__item {
    font-size: clamp(8px, 2.564vw, 12px);
  }
}
.s02 .items {
  -webkit-margin-before: min(5.052vw, 116.4px);
          margin-block-start: min(5.052vw, 116.4px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(3.229vw, 74.4px) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: min(4.688vw, 108px) min(3.229vw, 74.4px);
}
@media screen and (max-width: 768px) {
  .s02 .items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-margin-before: min(15.385vw, 72px);
            margin-block-start: min(15.385vw, 72px);
    gap: min(10.256vw, 48px);
  }
}
.s02 .items li {
  -webkit-padding-after: min(1.563vw, 36px);
          padding-block-end: min(1.563vw, 36px);
  -webkit-border-after: 1px solid #fff;
          border-block-end: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .s02 .items li {
    -webkit-padding-after: min(5.128vw, 24px);
            padding-block-end: min(5.128vw, 24px);
  }
}
.s02 .items p:nth-of-type(1) {
  padding: clamp(8.8px, 0.573vw, 13.2px) clamp(12px, 0.781vw, 18px);
  background: rgba(21, 44, 47, 0.31);
  border-radius: 0 min(1.042vw, 24px) 0 0;
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(1) {
    padding: min(2.564vw, 12px);
    border-radius: 0 min(5.128vw, 24px) 0 0;
  }
}
.s02 .items p:nth-of-type(1) span:nth-of-type(1) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(19.2px, 1.25vw, 28.8px);
  letter-spacing: 0.1em;
  line-height: 1.25;
  display: block;
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(1) span:nth-of-type(1) {
    font-size: clamp(12.8px, 4.103vw, 19.2px);
  }
}
.s02 .items p:nth-of-type(1) span:nth-of-type(2) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(14.4px, 0.938vw, 21.6px);
  letter-spacing: 0.1em;
  line-height: 1.67;
  display: block;
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(1) span:nth-of-type(2) {
    font-size: clamp(9.6px, 3.077vw, 14.4px);
  }
}
.s02 .items p:nth-of-type(2) {
  -webkit-margin-before: min(1.823vw, 42px);
          margin-block-start: min(1.823vw, 42px);
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(2) {
    -webkit-margin-before: min(5.128vw, 24px);
            margin-block-start: min(5.128vw, 24px);
  }
}
.s02 .items p:nth-of-type(2) span:nth-of-type(1) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(14.4px, 0.938vw, 21.6px);
  line-height: 1.94;
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(2) span:nth-of-type(1) {
    font-size: clamp(11.2px, 3.59vw, 16.8px);
  }
}
.s02 .items p:nth-of-type(2) span:nth-of-type(2) {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: clamp(12px, 0.781vw, 18px);
  line-height: 1.66;
  -webkit-margin-before: min(0.521vw, 12px);
          margin-block-start: min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .s02 .items p:nth-of-type(2) span:nth-of-type(2) {
    display: block;
    font-size: clamp(8px, 2.564vw, 12px);
    line-height: 1.33;
    -webkit-margin-before: min(2.051vw, 9.6px);
            margin-block-start: min(2.051vw, 9.6px);
  }
}
.s02 .items figure {
  position: relative;
  -webkit-margin-before: min(1.042vw, 24px);
          margin-block-start: min(1.042vw, 24px);
}
@media screen and (max-width: 768px) {
  .s02 .items figure {
    -webkit-margin-before: min(3.846vw, 18px);
            margin-block-start: min(3.846vw, 18px);
  }
}
.s02 .items figure figcaption {
  position: absolute;
  bottom: min(0.313vw, 7.2px);
  right: min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .s02 .items figure figcaption {
    right: min(2.564vw, 12px);
  }
}
.s02 .item {
  -webkit-margin-before: min(6.458vw, 148.8px);
          margin-block-start: min(6.458vw, 148.8px);
  padding: min(2.292vw, 52.8px) min(2.917vw, 67.2px) min(1.563vw, 36px) min(3.021vw, 69.6px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.76vw, 63.6px) min(26.979vw, 621.6px);
  grid-template-columns: 1fr min(26.979vw, 621.6px);
  gap: 0 min(2.76vw, 63.6px);
  background: rgba(21, 44, 47, 0.31);
  border-radius: 0 min(6.25vw, 144px) 0 0;
}
@media screen and (max-width: 768px) {
  .s02 .item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: min(5.128vw, 24px);
    border-radius: 0 min(7.692vw, 36px) 0 0;
    -webkit-margin-before: min(10.256vw, 48px);
            margin-block-start: min(10.256vw, 48px);
  }
}
.s02 .item p:nth-of-type(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  color: #fff;
  font-weight: 400;
  font-size: clamp(20px, 1.302vw, 30px);
  letter-spacing: 0.08em;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .s02 .item p:nth-of-type(1) {
    grid-column: unset;
    grid-row: unset;
    width: 100%;
    font-size: clamp(12.8px, 4.103vw, 19.2px);
  }
}
.s02 .item p:nth-of-type(1) span {
  display: inline-block;
}
.s02 .item p:nth-of-type(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -webkit-margin-before: min(1.146vw, 26.4px);
          margin-block-start: min(1.146vw, 26.4px);
}
@media screen and (max-width: 768px) {
  .s02 .item p:nth-of-type(2) {
    -webkit-margin-before: min(5.128vw, 24px);
            margin-block-start: min(5.128vw, 24px);
  }
}
.s02 .item p:nth-of-type(2) span:nth-of-type(1) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(14.4px, 0.938vw, 21.6px);
  line-height: 2.22;
  display: block;
}
@media screen and (max-width: 768px) {
  .s02 .item p:nth-of-type(2) span:nth-of-type(1) {
    grid-column: unset;
    grid-row: unset;
    font-size: clamp(11.2px, 3.59vw, 16.8px);
  }
}
.s02 .item p:nth-of-type(2) span:nth-of-type(2) {
  color: #fff;
  font-weight: 400;
  font-size: clamp(12px, 0.781vw, 18px);
  line-height: 1.66;
  display: block;
  -webkit-margin-before: min(0.521vw, 12px);
          margin-block-start: min(0.521vw, 12px);
}
@media screen and (max-width: 768px) {
  .s02 .item p:nth-of-type(2) span:nth-of-type(2) {
    font-size: clamp(8px, 2.564vw, 12px);
    line-height: 1.33;
    -webkit-margin-before: min(2.564vw, 12px);
            margin-block-start: min(2.564vw, 12px);
  }
}
.s02 .item figure {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  margin-block: auto min(0.729vw, 16.8px);
}
@media screen and (max-width: 768px) {
  .s02 .item figure {
    grid-column: unset;
    grid-row: unset;
    width: 100%;
    margin-block: min(5.128vw, 24px) 0;
  }
}
/*# sourceMappingURL=redevelopment.css.map */