.project-intro .project-section {
  margin-bottom: 3.75rem;
}
.project-intro .project-section:last-child {
  margin-bottom: 0;
}
.project-intro .project-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.project-intro .project-section__title img {
  width: 1.25rem;
  height: 2rem;
}
.project-intro .project-section__title h4 {
  font-size: var(--f3);
  font-weight: var(--semibold);
  color: var(--g90);
  line-height: var(--l3);
}
@media only screen and (max-width: 767px) {
  .project-intro .project-section__title h4 {
    font-size: 1.125rem;
  }
}
.project-intro .project-section__title + .project-block {
  margin-top: 0;
}
.project-intro .project-block {
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-block {
    margin-top: 2.5rem;
    margin-bottom: 0.625rem;
  }
}
.project-intro .project-block:last-child {
  margin-bottom: 0;
}
.project-intro .project-block__header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
}
.project-intro .project-block__header p {
  font-size: var(--f5);
  font-weight: var(--bold);
  color: var(--g80);
  line-height: var(--l5);
}
@media only screen and (max-width: 767px) {
  .project-intro .project-block__header {
    align-items: baseline;
    margin-bottom: 0.5rem;
  }
  .project-intro .project-block__header p {
    font-size: 1rem;
  }
}
.project-intro .project-block__diamond {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  background: var(--secondary);
  transform: rotate(45deg);
  margin-right: 0.25rem;
}
.project-intro .project-card__title {
  background: var(--primary);
  color: #fff;
  font-size: var(--f4);
  font-weight: var(--bold);
  line-height: var(--l4);
  text-align: center;
  padding: 1.25rem;
  border-radius: 0.5rem 0.5rem 0 0;
  letter-spacing: -0.0275rem;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__title {
    font-size: 1.125rem;
    padding: 1rem;
  }
}
.project-intro .project-card__content {
  background: var(--b-2);
  padding: 3.75rem;
  border-radius: 0 0 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__content {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__content {
    padding: 0.5rem;
    gap: 0.5rem;
  }
}
.project-intro .project-card__grid {
  display: grid;
  gap: 0.5rem;
}
.project-intro .project-card__grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__grid--4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.125rem;
  }
}
.project-intro .project-card__grid--3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.project-intro .project-card__item--numbered {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__item--numbered {
    padding-right: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__item--numbered {
    padding: 0.625rem;
  }
}
.project-intro .project-card__item--numbered .project-card__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--primary);
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
}
.project-intro .project-card__item--numbered p {
  font-size: 1rem;
  font-weight: var(--bold);
  color: var(--g80);
  line-height: 1.5;
}
.project-intro .project-card__item--simple {
  background: #EEE;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.25rem;
  padding: 1.5rem 1.25rem;
  text-align: center;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__item--simple {
    height: auto;
    padding-block: 1rem;
    padding-inline: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__item--simple {
    padding: 0.5rem;
  }
}
.project-intro .project-card__item--simple p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--g80);
  line-height: 1.8;
  letter-spacing: -0.02rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__item--simple p {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__item--simple p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .project-intro .project-card__item--simple p > br {
    display: none;
  }
}
.project-intro .project-card__desc {
  background: #EEE;
  border-radius: 0.5rem;
  text-align: center;
  padding-block: 1rem;
}
.project-intro .project-card__desc p {
  font-size: var(--f5);
  font-weight: 500;
  color: var(--g80);
  line-height: 1.5;
  letter-spacing: -0.0225rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__desc p {
    font-size: 1.125rem;
  }
}
.project-intro .project-card__desc p strong {
  color: var(--primary);
  font-weight: 500;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__desc p strong {
    display: block;
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__desc p strong {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__desc {
    padding-block: 0.75rem;
    padding-inline: 1.375rem;
  }
  .project-intro .project-card__desc p {
    font-size: 1rem;
  }
}
.project-intro .project-card__footer {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 1.25rem;
}
.project-intro .project-card__footer-item {
  flex: 1;
  color: #fff;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.8;
  letter-spacing: -0.02rem;
  padding: 2.5rem 1.25rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-intro .project-card__footer-item:nth-child(1) {
  background: #C14145;
  border-radius: 0.5rem 0 0 0.5rem;
}
.project-intro .project-card__footer-item:nth-child(2) {
  background: #B11116;
}
.project-intro .project-card__footer-item:nth-child(3) {
  background: #8E0E12;
}
.project-intro .project-card__footer-item:nth-child(4) {
  background: #6A0A0D;
  border-radius: 0 0.5rem 0.5rem 0;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-card__footer-item {
    flex: 1 1 50%;
    padding: 1.25rem 1rem;
    font-size: 0.875rem;
  }
  .project-intro .project-card__footer-item:nth-child(1) {
    border-radius: 0.5rem 0 0 0;
  }
  .project-intro .project-card__footer-item:nth-child(4) {
    border-radius: 0 0 0.5rem 0;
  }
  .project-intro .project-card__footer-item > br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-card__footer-item {
    padding: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.6;
  }
  .project-intro .project-card__footer-item:nth-child(1) {
    border-radius: 0.5rem 0 0 0;
  }
  .project-intro .project-card__footer-item:nth-child(2), .project-intro .project-card__footer-item:nth-child(3) {
    border-radius: 0;
  }
  .project-intro .project-card__footer-item:nth-child(4) {
    border-radius: 0 0 0.5rem 0;
  }
  .project-intro .project-card__footer-item > br {
    display: none;
  }
}
.project-intro .project-contract {
  background: var(--b-2);
  border-radius: 0.5rem;
  padding: 2.5rem 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract {
    padding: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract {
    padding: 0.5rem;
  }
}
.project-intro .project-contract__steps {
  display: flex;
  align-items: stretch;
  gap: 0;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__steps {
    flex-direction: column;
  }
}
.project-intro .project-contract__step {
  flex: 1;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__step {
    padding: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__step {
    padding: 0.5rem;
    gap: 0.25rem;
  }
}
.project-intro .project-contract__step h5 {
  font-size: var(--f5);
  font-weight: var(--bold);
  color: var(--g80);
  line-height: var(--l5);
  letter-spacing: -0.0225rem;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__step h5 {
    font-size: 1rem;
  }
}
.project-intro .project-contract__step h5 > br {
  display: none;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__step h5 > br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__step h5 > br {
    display: block;
  }
}
.project-intro .project-contract__step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--primary);
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
}
.project-intro .project-contract__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.project-intro .project-contract__list p {
  font-size: 1rem;
  color: var(--g80);
  line-height: 1.5;
  letter-spacing: -0.02rem;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__list p {
    font-size: 0.875rem;
  }
}
.project-intro .project-contract__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 7.5rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__arrow {
    width: 2.75rem;
  }
}
.project-intro .project-contract__arrow img {
  width: 1.875rem;
  height: 3.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.project-intro .project-contract__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-weight: var(--bold);
  color: var(--primary);
  white-space: nowrap;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__arrow span {
    width: 100%;
    left: 70%;
    white-space: unset;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__arrow {
    width: 100%;
    height: 3rem;
  }
  .project-intro .project-contract__arrow img {
    width: 3rem;
    height: 3.5rem;
    transform: rotate(90deg);
  }
}
.project-intro .project-contract__bottom {
  position: relative;
  margin-top: 4.0313rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__bottom {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__bottom {
    margin-top: 2.5rem;
  }
}
.project-intro .project-contract__bottom::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 2.7813rem;
  background: var(--primary);
  clip-path: polygon(50% 0%, 98% 100%, 0% 103%);
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__bottom::before {
    bottom: 99.6%;
    clip-path: polygon(50% 0%, 98% 100%, 1% 103%);
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__bottom::before {
    bottom: 99%;
    width: 99%;
    height: 2.5rem;
    clip-path: polygon(50% 0%, 97% 100%, 0% 109%);
  }
}
.project-intro .project-contract__boxes {
  display: flex;
  gap: 0.625rem;
  background: var(--primary);
  border-radius: 1.25rem;
  padding: 0.75rem 1.25rem;
  flex-flow: row wrap;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__boxes {
    padding: 0.5rem;
    gap: 0.375rem;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__boxes {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem;
    gap: 0.375rem;
  }
}
.project-intro .project-contract__box {
  flex: 1;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-contract__box {
    flex: none;
    flex-basis: 12.875rem;
    padding: 0.75rem 0.5rem;
  }
}
.project-intro .project-contract__box p {
  font-size: 1rem;
  font-weight: var(--bold);
  color: var(--tertiary);
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__box p > br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-contract__box {
    flex: 1 1 calc(30% - 0.3125rem);
    padding: 0.375rem;
  }
  .project-intro .project-contract__box p {
    font-size: 0.75rem;
  }
}
.project-intro .project-bridge {
  background: var(--b-2);
  border-radius: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.25rem 0.625rem;
}
.project-intro .project-bridge__header {
  display: flex;
  gap: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__header {
    gap: 0.25rem;
  }
}
.project-intro .project-bridge__tab-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.project-intro .project-bridge__tab {
  background: var(--primary);
  color: #fff;
  font-size: 1rem;
  font-weight: var(--semibold);
  text-align: center;
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__tab {
    display: flex;
    padding: 1rem;
    min-height: 5rem;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__tab {
    font-size: 0.75rem;
    padding: 0.5rem 0.25rem;
    min-height: 4.375rem;
    display: flex;
    align-items: center;
  }
}
.project-intro .project-bridge__tab-desc {
  background: #fff;
  padding: 0.75rem 1rem;
  border-top: none;
  border-radius: 0.5rem;
  margin-top: 0.625rem;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.04);
}
.project-intro .project-bridge__tab-desc span {
  display: block;
  font-size: 0.875rem;
  color: var(--g70);
  line-height: 1.5;
  text-align: center;
  font-weight: var(--bold);
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__tab-desc {
    padding: 1rem;
  }
  .project-intro .project-bridge__tab-desc span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__tab-desc {
    padding: 0.5rem 0.25rem;
    min-height: 4.375rem;
    display: flex;
    align-items: center;
  }
  .project-intro .project-bridge__tab-desc span {
    font-size: 0.75rem;
  }
}
.project-intro .project-bridge__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.625rem;
  padding-top: 1.875rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__content {
    width: 100%;
    height: auto;
    gap: 0.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__content {
    grid-template-columns: 1fr;
    background: url(../../../images/project/bridge.png) no-repeat center/contain;
    width: 100%;
    height: 7.875rem;
    image-rendering: -webkit-optimize-contrast;
  }
  .project-intro .project-bridge__content > div {
    display: none;
  }
}
.project-intro .project-bridge__col {
  position: relative;
}
.project-intro .project-bridge__col--left .project-bridge__col-title {
  position: absolute;
  top: -2.5%;
  left: 3%;
  background: #55555B;
  color: #fff;
  font-size: var(--f6);
  line-height: var(--l6);
  font-weight: var(--semibold);
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  z-index: 1;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__col--left .project-bridge__col-title {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem;
  }
}
.project-intro .project-bridge__col--center {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.project-intro .project-bridge__col--center img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__col--center img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__col--center img {
    width: 100%;
  }
}
.project-intro .project-bridge__col--right .project-bridge__col-title {
  position: absolute;
  top: -3%;
  left: 3%;
  background: #55555B;
  color: #fff;
  font-size: var(--f6);
  line-height: var(--l6);
  font-weight: var(--semibold);
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  z-index: 1;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__col--right .project-bridge__col-title {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem;
  }
}
.project-intro .project-bridge__content-wrapper {
  height: 100%;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.04);
  background: #fff;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__content-wrapper {
    height: 18.75rem;
  }
}
.project-intro .project-bridge__design {
  border-radius: 0.5rem;
  padding-inline: 0.75rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.project-intro .project-bridge__design-row {
  text-align: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__design-row {
    padding-bottom: 0;
  }
}
.project-intro .project-bridge__design-row span {
  font-size: var(--f5);
  line-height: var(--l5);
  font-weight: var(--semibold);
  color: var(--g80);
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__design-row span {
    font-size: 0.75rem;
  }
}
.project-intro .project-bridge__levels {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "a b c" "d e f" "g g h";
  gap: 0.625rem;
}
.project-intro .project-bridge__levels [data-area=a] {
  grid-area: a;
}
.project-intro .project-bridge__levels [data-area=b] {
  grid-area: b;
}
.project-intro .project-bridge__levels [data-area=c] {
  grid-area: c;
}
.project-intro .project-bridge__levels [data-area=d] {
  grid-area: d;
}
.project-intro .project-bridge__levels [data-area=e] {
  grid-area: e;
}
.project-intro .project-bridge__levels [data-area=f] {
  grid-area: f;
}
.project-intro .project-bridge__levels [data-area=g] {
  grid-area: g;
}
.project-intro .project-bridge__levels [data-area=h] {
  grid-area: h;
}
.project-intro .project-bridge__levels img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__levels {
    gap: 0.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__levels {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a b" "d e" "c c" "f f" "g h";
  }
}
.project-intro .project-bridge__level-title {
  background: var(--primary);
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: var(--bold);
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__level-title {
    font-size: 0.4375rem;
    padding: 0.1875rem;
  }
}
.project-intro .project-bridge__target {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__target {
    gap: 0.25rem;
  }
}
.project-intro .project-bridge__target span {
  background: #FFFFFF;
  border: 0.0625rem solid #E1E1E4;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: var(--g80);
  text-align: center;
}
.project-intro .project-bridge__target span:first-of-type {
  background: var(--tertiary);
  color: #FFFFFF;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__target span {
    font-size: 0.5rem;
  }
}
.project-intro .project-bridge__right-content {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.625rem 0.1875rem;
}
.project-intro .project-bridge__right-content > img {
  display: block;
  width: 17.5rem;
  height: auto;
  margin: 2.5rem auto 1rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__right-content > img {
    width: 75%;
    margin: 0.25rem auto 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__right-content > img {
    width: 100%;
  }
}
.project-intro .project-bridge__support-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.125rem;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-bridge__support-list {
    grid-template-columns: 1fr;
  }
}
.project-intro .project-bridge__support-item {
  background: #FFFFFF;
  border: 0.0625rem solid #E1E1E4;
  border-radius: 0.25rem;
  padding: 0.5rem 0.375rem;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__support-item {
    padding: 0.1rem 0.2rem;
  }
}
.project-intro .project-bridge__support-item strong {
  display: block;
  font-size: 0.75rem;
  font-weight: var(--semibold);
  color: var(--g90);
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__support-item strong {
    font-size: 0.5rem;
  }
}
.project-intro .project-bridge__support-item p {
  font-size: 0.6875rem;
  color: var(--g60);
  line-height: 1.4;
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .project-intro .project-bridge__support-item p {
    font-size: 0.4375rem;
  }
}
.project-intro .project-consortium ul {
  padding: 1.25rem;
  background-color: #F8F8FA;
  border-radius: 0.5rem;
}
.project-intro .project-consortium ul li {
  position: relative;
  font-size: var(--f5);
  line-height: var(--l5);
  color: var(--g80);
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.project-intro .project-consortium ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 0.25rem;
  height: 0.25rem;
  background: var(--g80);
  border-radius: 50%;
}
.project-intro .project-consortium ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .project-intro .project-consortium ul li {
    font-size: 0.875rem;
  }
}