<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.p-firststeplist__intro {
  position: relative;
  z-index: 1;
  margin-top: calc(78em/16);
  @media screen and (max-width: 880px) {
    margin-top: calc(50em/16);
  }
}
.p-firststeplist__introTitle {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(18em/16);
  margin-bottom: calc(76em/16);
  @media screen and (max-width: 880px) {
    gap: calc(12em/16);
    margin-bottom: calc(40em/16);
  }
}
.p-firststeplist__introTitleMain {
  width: calc(702em/16);
  @media screen and (max-width: 880px) {
    width: calc(333em/16);
    opacity: 1;
  }
}
.p-firststeplist__introTitleSub {
  font-size: calc(26em/16);
  letter-spacing: 0.04em;
  &amp; span {
    opacity: 0;
    display: inline-block;
  }
  @media screen and (max-width: 880px) {
    font-size: calc(16em/16);
    opacity: 1;
    &amp; span {
      opacity: 1;
    }
  }
}
.p-firststeplist__introBody {
  margin-inline: auto;
  width: min(calc(630em/16), 100%);
}
.p-firststeplist__introBodyTxt {
  --sentence-line-height: 2;
  text-align: justify;
  @media screen and (max-width: 880px) {
    --sentence-line-height: 1.6;
    --sentence-letter-spacing: -.05;
  }
}
.p-firststeplist__introComment {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: calc(32em/16);
  @media screen and (max-width: 880px) {
    gap: unset;
    justify-content: space-between;
    margin-top: calc(40em/16);
  }
}
.p-firststeplist__introCommentImg {
  margin-right: calc(8em/16);
  width: calc(189em/16);
  @media screen and (max-width: 880px) {
    margin-right: 0;
    width: calc(98em/16);
  }
}
.p-firststeplist__introCommentFukidashi {
  position: relative;
  margin-bottom: calc(24em/16);
  width: calc(718em/16);
  color: #fff;
  overflow: visible;
  filter: drop-shadow(0 calc(6em/16) 0 rgb(0 0 0/.25));
  opacity: 0;
  will-change: transform;
  @media screen and (max-width: 880px) {
    margin-bottom: calc(40em/16);
    width: max(calc(250em/16), calc(250/400*100vw));
    filter: drop-shadow(0 calc(3em/16) 0 rgb(0 0 0/.25));
  }
}
.p-firststeplist__introCommentFukidashi-inner {
  position: relative;
  &amp;::before {
    content: '';
    position: absolute;
    top: calc(96em/16);
    right: calc(-20em/16);
    width: calc(25em/16);
    height: calc(10em/16);
    background: var(--main-color);
    border-radius: 0 calc(3em/16) calc(3em/16) 0;
    rotate: 15deg;
  }
  @media screen and (max-width: 880px) {
    &amp;::before {
      top: calc(92em/16);
      right: calc(-10em/16);
      width: calc(13em/16);
      height: calc(5em/16);
      border-radius: 0 calc(2em/16) calc(2em/16) 0;
    }
  }
  &amp; .txt {
    padding: calc(36em/16) 0;
    background: var(--main-color);
    border-radius: calc(30em/16);
    overflow: hidden;
    @media screen and (max-width: 880px) {
      padding: calc(25em/16) calc(20/250*100%);
      border-radius: calc(15em/16);
    }
  }
  &amp; .txt__body {
    margin-inline: auto;
    width: fit-content;
    line-height: 1.6;
    font-size: calc(27em/16);
    letter-spacing: 0.04em;
    @media screen and (max-width: 1024px) {
      font-size: calc(27em/16*.9);
    }
    @media screen and (max-width: 880px) {
      line-height: 1.5;
      font-size: calc(14em/16);
      letter-spacing: 0.02em;
    }
  }
}</pre></body></html>