@charset "utf-8";

.p-trademethod__intro {
  --pt: 100;
  --pb: 116;
  padding: calc(var(--pt) * 1em/16) 0 calc(var(--pb) * 1em/16);
  overflow: hidden;
  @media screen and (max-width: 880px) {
    --pt: 75;
    --pb: 80;
  }
}
.p-trademethod__introTitle {
  margin: 0 auto calc(64em/16);
  width: min(calc(846em/16), 90%);
  @media screen and (max-width: 880px) {
    margin: 0 auto calc(30em/16);
    width: calc(317em/16);
    opacity: 1;
  }
}
.p-trademethod__introTxt {
  --sentence-line-height: 2;
  --sentence-letter-spacing: -.03;
  text-align: justify;
  margin-inline: auto;
  width: max(calc(630/var(--section-width)*100%), calc(630em/20));
  @media screen and (max-width: 880px) {
    --sentence-line-height: 1.6;
    width: 100%;
  }
}
.p-trademethod__introBlock {
  margin: calc(60em/16) auto 0;
  width: max(calc(860/var(--section-width)*100%), calc(860em/16));
  @media screen and (max-width: 1024px) {
    width: 100%;
  }
}
.p-trademethod__introBlockBody {
  --section-body-width: 760;
  --section-body-pt: 80;
  --section-body-pb: 80;
  --section-body-width-sp: 320;
  width: calc(var(--section-body-width)/860*100%);
  @media screen and (max-width: 1024px) {
    width: calc(325/375*100%);
  }
  @media screen and (max-width: 880px) {
    --section-body-pt: 50;
    --section-body-pb: 64;
    width: calc(var(--section-body-width-sp)/360*100%);
  }
  & .title {
    --topicstitle-mb: 22;
    --topicstitle-main-fs: 32;
    --topicstitle-main-em-fs: 38;
    --topicstitle-main-em-ls: .08;
    @media screen and (max-width: 880px) {
      --topicstitle-mb: 32;
      --topicstitle-main-fs: 22;
      --topicstitle-main-em-fs: 27;
    }
  }
  & .link__btn {
    --btn-w: 634;
    --btn-h: 94;
    --btn-gap: 18;
    --btn-color: #fff;
    --btn-outer-border-w: 2;
    --btn-inner-border-w: 5;
    --btn-fs-max: 24;
    --btn-fs-min: 18;
    --btn-ls: .1;
    margin-inline: auto;
    @media screen and (max-width: 880px) {
      --btn-w: 300;
      --btn-h: 70;
      --btn-gap: 10;
      --btn-outer-border-w: 2.5;
      --btn-inner-border-w: 2.5;
    }
  }
}