.layout-text-pic {
  position: relative;
}

.layout-wrap {
  position: relative;
  margin-top: calc(40 / 1620 * 100cqw);
}
.layout-wrap-pic {
  float: right;
  margin-left: 4em;
  margin-bottom: 1em;
}
.layout-wrap-pic > *:first-child {
  margin-top: 0 !important;
}
.layout-wrap-text > *:first-child {
  margin-top: 0 !important;
}

.layout-zensoku-test {
  display: flex;
  gap: calc(40 / 1620 * 100cqw);
  width: 100%;
  align-items: flex-end;
}
.layout-zensoku-test .list-box {
  width: 100%;
}
.layout-zensoku-test > p {
  position: relative;
  line-height: 0;
  width: calc(240 / 1620 * 100cqw);
  flex-shrink: 0;
}

.layout-treat-cure {
  display: flex;
  justify-content: center;
  gap: calc(40 / 1620 * 100cqw);
  align-items: flex-start;
  margin-top: calc(60 / 1620 * 100cqw);
}
.layout-treat-cure .table-diagnosis {
  margin: 0;
}
.layout-treat-cure > p {
  width: calc(160 / 1620 * 100cqw);
}

.layout-treat-medicine {
  position: relative;
}

.layout-lifecond-indoor {
  width: calc(615 / 1620 * 100cqw);
  margin: 0 auto;
}

@media screen and (min-width: 767.99px), print {
  .layout-text-pic {
    display: flex;
    gap: 0 4em;
    margin-top: calc(40 / 1620 * 100cqw);
  }
  .layout-text-pic > * {
    margin-top: 0 !important;
  }
  .layout-text-pic .text {
    width: 100%;
  }
  .layout-text-pic .pic {
    flex-shrink: 0;
  }
  .layout-zensoku-test > p img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .layout-treat-medicine-text {
    width: calc(980 / 1620 * 100cqw);
  }
  .layout-treat-medicine-pic {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(235 / 1620 * 100cqw);
  }
  .layout-lifecond-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: calc(50 / 1620 * 100cqw);
  }
  .layout-lifecond-top-inner {
    width: calc(930 / 1620 * 100cqw);
  }
  .layout-lifecond-top-inner .title-h3 {
    margin-top: 0;
  }
  .layout-lifecond-top .pic {
    margin: 0;
    width: calc(270 / 1620 * 100cqw);
  }
  .layout-kinds-top {
    position: relative;
  }
  .layout-kinds-top .pic {
    margin: 0;
    width: calc(200 / 1620 * 100cqw);
    position: absolute;
    right: 0;
    top: 0;
  }
  .layout-kinds-complications {
    position: relative;
  }
  .layout-kinds-complications .pic {
    margin: 0;
    width: calc(150 / 1620 * 100cqw);
    position: absolute;
    right: 0;
    top: 0;
  }
  .layout-kinds-similar {
    position: relative;
  }
  .layout-kinds-similar .text {
    width: calc(980 / 1620 * 100cqw);
  }
  .layout-kinds-similar .pic {
    margin: 0;
    width: calc(95 / 1620 * 100cqw);
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 767.98px) {
  .layout-wrap {
    display: flex;
    flex-direction: column-reverse;
    margin-top: calc(50 / 750 * 100vw);
  }
  .layout-wrap-pic {
    float: none;
    margin: calc(50 / 750 * 100vw) 0 0;
  }
  .layout-zensoku-test {
    flex-direction: column-reverse;
    gap: calc(40 / 750 * 100vw);
    margin-top: calc(50 / 750 * 100vw);
  }
  .layout-zensoku-test .list-box {
    margin-top: 0;
  }
  .layout-zensoku-test > p {
    width: calc(240 / 750 * 100vw);
    margin: 0 auto;
  }
  .layout-treat-cure {
    display: block;
    margin-top: calc(60 / 750 * 100vw);
  }
  .layout-treat-cure > p {
    display: none;
  }
  .layout-lifecond-indoor {
    width: 100%;
  }
  .layout-kinds-similar .btn {
    margin-inline: auto;
  }
}