/* ==============================
    lab
============================== */
#container {
  background-color: var(--mainColor);
}

.cont__title {
  font-size: 70rem;
  font-weight: 700;
  line-height: 1.2;
  font-feature-settings: "palt" 1;
  margin-block: 40rem 80rem;
}

.inner {
  width: 1700rem;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .inner {
    width: 666rem;
  }
}
.lab__wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.lab__wrap-text {
  width: 890rem;
}
.lab__wrap-text dl dt {
  font-size: 40rem;
  font-weight: 500;
  font-feature-settings: "palt" 1;
  text-decoration: underline;
  text-decoration-color: var(--mainColor);
  margin-bottom: 30rem;
}
.lab__wrap-text dl dd {
  font-size: 24rem;
  line-height: 1.8333333333;
  font-feature-settings: "palt" 1;
  text-align: justify;
  text-box: var(--textTrim);
}
.lab__wrap-text dl + dl {
  margin-top: 60rem;
}
.lab__wrap-text .text--bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 60rem;
}
.lab__wrap-text .text--bottom .viewmore {
  width: 165rem;
}
.lab__wrap-text .text--bottom .viewmore a {
  transition: opacity 0.3s;
}
.lab__wrap-text .text--bottom .name:where(#content1 *) {
  width: 437rem;
}
.lab__wrap-text .text--bottom .name:where(#content2 *) {
  width: 414rem;
}
.lab__wrap-text .text--bottom .name:where(#content3 *) {
  width: 347rem;
}
.lab__wrap-text .text--bottom .name:where(#content4 *) {
  width: 470rem;
}
.lab__wrap-text .text--bottom .name:where(#content5 *) {
  width: 401rem;
}

.lab__wrap-image {
  width: 430rem;
}

@media (hover: hover) and (pointer: fine) {
  .lab__wrap-text .text--bottom .viewmore a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .cont__title {
    font-size: 40rem;
    margin-block: 20rem 40rem;
  }
  .lab__wrap {
    display: block;
    position: relative;
  }
  .lab__wrap-text {
    width: 100%;
  }
  .lab__wrap-text dl dt {
    font-size: 28rem;
  }
  .lab__wrap-text dl dd {
    font-size: 22rem;
  }
  .lab__wrap-text dl + dl {
    margin-top: 40rem;
  }
  .lab__wrap-text .text--bottom {
    display: block;
    margin-top: 50rem;
  }
  .lab__wrap-text .text--bottom .viewmore {
    margin-bottom: 80rem;
  }
  .lab__wrap-text .text--bottom .name:where(#content1 *) {
    width: 287rem;
  }
  .lab__wrap-text .text--bottom .name:where(#content2 *) {
    width: 257rem;
  }
  .lab__wrap-text .text--bottom .name:where(#content3 *) {
    width: 285rem;
  }
  .lab__wrap-text .text--bottom .name:where(#content4 *) {
    width: 289rem;
  }
  .lab__wrap-text .text--bottom .name:where(#content5 *) {
    width: 246rem;
  }
  .lab__wrap-image {
    width: 195rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}/*# sourceMappingURL=lab.css.map */