.app-wrapper[data-project-information-wrapper="true"] {
  --890a5922: 0.5;
  --397733f4: gray;
}

.project-information-content {
  color: black;
  font-size: 1em;
  border-color: gray;
}

.project-information-page .list-block-container {
  --57fc6b27: white;
  --7cae421e: black;
  background-color: var(--57fc6b27);
  border: solid 1px;
  border-color: var(--7cae421e);
  justify-content: center;
  margin: 0rem 1rem 0rem 1rem;
  padding: 2rem;
  height: 100%;
}

.project-information-page .content {
  border-top: 2px solid var(--7cae421e);
  border-bottom: 2px solid var(--7cae421e);
  margin-top: 2%;
}

.project-information-page .el-link {
  --el-link-text-color: !important;
}

.project-information-page .result {
  gap: 5%;
  margin: 1rem 3rem 0rem 3rem;
}

@media (min-width: 621px) {
  .project-information-page .title-text {
    font-size: clamp(1em, 2em, 1em);
    font-weight: normal;
    margin: 0;
  }

  .project-information-page .border-line {
    margin: 3% 0% 3% 0%;
    border: solid 1px var(--397733f4);
  }

  .project-information-page .informationLabel {
    text-align: center;
    font-size: 2em;
  }

  .project-information-page .content-block-first {
    display: flex;
  }

  .project-information-page .heading-span {
    font-size: 1em;
    padding-bottom: 3vw;
  }

  .project-information-page .heading-span-text {
    font-size: 1em;
  }

  .project-information-page .system-icon-img-01 {
    display: block;
    position: relative;
    margin-left: 5%;
    width: 100%;
    padding-bottom: 10vw;
  }

  .project-information-page .content-block-second {
    justify-content: center;
  }

  .project-information-page .system-icon-img-02 {
    width: 55%;
  }

  .project-information-page .system-icon-img-03 {
    margin-left: 5%;
    width: 22%;
  }

  .project-information-page .content-block-third {
    justify-content: center;
    margin-top: 5vw;
  }

  .project-information-page .third-section-image {
    margin-top: 10%;
  }

  .project-information-page .system-icon-img-04 {
    margin-left: 15%;
    width: 70%;
  }

  .project-information-page .system-icon-img-05 {
    width: 70%;
  }

  .project-information-page .system-icon-img-06 {
    display: block;
    position: relative;
    margin-left: 20%;
    top: 0vw;
    right: 0vw;
    width: 80%;
  }

  .project-information-page .content-block-fourth {
    justify-content: center;
    margin-top: 5vw;
  }

  .project-information-page .system-icon-img-08 {
    margin-left: 28%;
    width: 70%;
  }

  .project-information-page .system-icon-img-07 {
    margin-left: 28%;
    width: 70%;
  }

  .project-information-page .content-block-fifth {
    margin-top: 10vw;
  }

  .project-information-page .paragraph {
    margin: 0;
  }

  .project-information-page .system-icon-img-12 {
    margin-left: 28%;
    width: 70%;
  }

  .project-information-page .content-block-sixth {
    justify-content: center;
    margin-top: 10vw;
  }

  .project-information-page .system-icon-img-09,
  .project-information-page .system-icon-img-10,
  .project-information-page .system-icon-img-11,
  .project-information-page .system-icon-img-13 {
    margin-left: 5%;
    width: 90%;
  }

  .project-information-page .content-block-seventh {
    justify-content: center;
    margin-top: 5vw;
  }

  .project-information-page .system-icon-img-14 {
    width: 90%;
  }

  .project-information-page .system-icon-img-15 {
    margin-left: 10%;
    width: 90%;
  }
}

@media (max-width: 620px) {
  .project-information-page .el-link__inner {
    font-size: 1em;
  }

  .project-information-page .el-row {
    display: block;
  }

  .project-information-page .el-col-12 {
    display: block;
    max-width: 98%;
    margin: 0 auto;
  }

  .project-information-page .el-col-17 {
    display: block;
    max-width: 98%;
    margin: 0 auto;
  }

  .project-information-page .border-line {
    margin: 3% 0% 3% 0%;
    border: solid 1px gray;
    width: 99%;
  }

  .project-information-page .informationLabel {
    text-align: center;
    font-size: 2em;
  }

  .project-information-page .title-text {
    font-size: clamp(1vw, 2vw, 2rem);
    font-weight: normal;
    margin: 0;
  }

  .project-information-page .heading-span {
    font-size: 2vw;
    padding: 1% 0% 0% 0%;
    display: block;
    width: 100%;
  }

  .project-information-page .heading-span-text {
    font-size: 2vw;
  }

  .project-information-page .system-icon-img-01 {
    width: 100%;
    margin: 0 auto;
  }

  .project-information-page .content-block-second {
    margin-top: 10vw;
  }

  .project-information-page .system-icon-img-02 {
    width: 95%;
    margin: 0 auto;
    display: block;
  }

  .project-information-page .system-icon-img-03 {
    width: 55%;
    margin: 5vw auto 0;
    display: block;
  }

  .project-information-page .content-block-third {
    justify-content: center;
    margin-top: 5vw;
  }

  .project-information-page .third-section-image {
    display: flex;
    margin-top: 10%;
    justify-content: center;
    align-items: center;
  }

  .project-information-page .system-icon-img-04 {
    width: 95%;
    padding-left: 5px;
  }

  .project-information-page .system-icon-img-05 {
    width: 95%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .project-information-page .system-icon-img-06 {
    width: 100%;
    margin: 5vw auto 0;
  }

  .project-information-page .content-block-fourth {
    justify-content: center;
    margin-top: 10vw;
  }

  .project-information-page .content-block-fourth > .el-col:first-child {
    margin-bottom: 20px;
  }

  .project-information-page .el-col-6 {
    display: inline-block;
    vertical-align: top;
  }

  .project-information-page .system-icon-img-08 {
    width: 40vw;
    margin-bottom: 55%;
    margin-left: 5%;
  }

  .project-information-page .system-icon-img-07 {
    width: 50vw;
    margin-left: 85%;
  }

  .project-information-page .content-block-fifth {
    margin-top: 10vw;
  }

  .project-information-page .paragraph {
    margin: 0;
  }

  .project-information-page .system-icon-img-12 {
    margin-left: 70%;
    margin-top: 10%;
    width: 60vw;
  }

  .project-information-page .content-block-sixth {
    justify-content: center;
    margin-top: 10vw;
  }

  .project-information-page .system-icon-img-09,
  .project-information-page .system-icon-img-10,
  .project-information-page .system-icon-img-11,
  .project-information-page .system-icon-img-13 {
    margin-left: 5%;
    width: 90%;
  }

  .project-information-page .content-block-seventh {
    margin-top: 5vw;
  }

  .project-information-page .content-block-seventh .title-text {
    font-size: clamp(5vw, 3vw, 3rem);
    margin-left: 5%;
  }

  .project-information-page .content-block-seventh .border-line {
    width: 97%;
    margin: 3% 5% 3% 1%;
    border: solid 1px gray;
  }

  .project-information-page .system-icon-img-14,
  .project-information-page .system-icon-img-15 {
    margin-left: 5%;
    width: 90%;
    border: solid 1px black;
  }
}