@charset "utf-8";

.p-trademethod__step03HeadImg {
  margin: calc(64em/16) auto 0;
  width: min(calc(900em/16), 100%);
  @media screen and (max-width: 880px) {
    margin: calc(36em/16) auto 0;
    width: min(calc(320/360*100%), calc(320em/16));
  }
}
.p-trademethod__step03BodyFlow01 {
  & .body__list {
    margin: calc(64em/16) calc(-90/900*100%) 0;
    @media screen and (max-width: 880px) {
      margin: calc(32em/16) calc(-20/320*100%) 0;
    }
  }
  & .body__listBlock {
    & + & {
      margin-top: calc(20em/16);
      @media screen and (max-width: 880px) {
        margin-top: calc(15em/16);
      }
    }
  }
  & .body__listBlockTxt {
    --sentence-letter-spacing: .06;
  }
  & .body__link {
    margin-top: calc(84em/16);
    @media screen and (max-width: 880px) {
      margin-top: calc(54em/16);
    }
    & .c-btn {
      --btn-w: 634;
      --btn-h: 94;
      --btn-gap: 28;
      --btn-fs-max: 24;
      --btn-fs-min: 18;
      --btn-ls: 0.05;
      --btn-outer-border-w: 2;
      margin: 0 auto;
      @media screen and (max-width: 880px) {
        --btn-h: 65;
        width: calc(300/320*100%);
      }
    }
  }
}
.p-trademethod__step03Conversation {
  margin: calc(100em/16) auto;
  width: min(calc(900em/16), 100%);
  @media screen and (max-width: 1024px) {
    margin: calc(84em/16) auto;
  }
  @media screen and (max-width: 880px) {
    margin: calc(70em/16) auto calc(54em/16);
    width: calc(360/400*100%);
  }
  & .cm-conversation__item {
    width: 100%;
  }
  & .cm-conversation__itemTitleImg {
    top: calc(-18em/16);
  }
  & .cm-conversation__itemBody.is-left {
    --conversation-body-background-color: var(--yellow-color02);
  }
}
.p-trademethod__step03BodyFlow02 {
  & .body__list {
    margin: calc(64em/16) calc(-90/900*100%) 0;
    @media screen and (max-width: 880px) {
      margin: calc(32em/16) calc(-20/320*100%) 0;
    }
  }
  & .body__listBlock {
    --graylist-pb: 68;
    & + & {
      margin-top: calc(20em/16);
      @media screen and (max-width: 880px) {
        margin-top: calc(15em/16);
      }
    }
  }
  & .body__listBlockImg {
    :where(.p-trademethod__step03BodyFlow02 .body__listBlock:nth-of-type(1)) & {
      &:nth-of-type(2) {
        --borderimg-mb: 0;
        max-width: calc(450em/16);
      }
    }
    :where(.p-trademethod__step03BodyFlow02 .body__listBlock:nth-of-type(2)) & {
      --borderimg-mb: 0;
    }
  }
}

.p-trademethod__step03BodyOutro {
  --section-body-pt: 0;
}
.p-trademethod__step03BodyOutro-inner {
  & .title {
    --outrotitle-w: 724;
    margin-top: 0;
    @media screen and (max-width: 880px) {
      --outrotitle-w: 367;
    }
  }
  & .txt {
    --sentence-fs-max: 18;
    --sentence-fs-min: 16;
    --sentence-line-height: 1.8;
    --sentence-letter-spacing: .06;
    margin-inline: auto;
    width: min(calc(900em/var(--sentence-fs-max)), calc(900/1080*100%));
    text-align: justify;
    @media screen and (max-width: 880px) {
      width: 100%;
    }
  }
}