<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-system__topics03 {
  position: relative;
  z-index: 1;
  margin: calc(64em/16) 0 calc(160em/16);
  @media screen and (max-width: 880px) {
    margin: calc(25em/16) 0 calc(144em/16);
  }
}

.p-system__topics03MainBody {
  @media screen and (max-width: 880px) {
    padding-bottom: calc(94em/16);
  }
  &amp; .txt01 {
    line-height: 1.8;
    font-size: calc(18em/16);
    letter-spacing: 0.06em;
    @media screen and (max-width: 880px) {
      font-size: calc(16em/16);
    }
  }
  &amp; .reason {
    display: flex;
    flex-direction: column;
    gap: calc(4em/16);
    margin: calc(76em/16) calc(-50/900*100%) 0;
    @media screen and (max-width: 880px) {
      margin: calc(45em/16) calc(-20/320*100%) 0;
    }
  }
  &amp; .reason__title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(20em/20) 0 calc(19em/20);
    background-color: var(--yellow-color);
    text-align: center;
    line-height: 1.3;
    font-size: calc(20em/16);
    letter-spacing: 0.1em;
    border: 2px solid var(--main-color);
    @media screen and (max-width: 880px) {
      padding: calc(10em/14) 0 calc(8em/14);
      font-size: calc(14em/16);
      border: calc(2em/14) solid var(--main-color);
    }
  }
  &amp; .reason__list {
    display: flex;
    flex-direction: column;
    gap: calc(4em/16);
  }
  &amp; .reason__listItem {
    display: flex;
  }
  &amp; .reason__listItemTitle {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(20em/20) 0 calc(19em/20);
    width: calc(194em/20);
    text-align: center;
    line-height: 1.3;
    font-size: calc(20em/16);
    letter-spacing: 0.1em;
    color: #fff;
    background-color: var(--main-color);
    @media screen and (max-width: 880px) {
      flex-direction: column;
      padding: calc(10em/14) calc(16em/14) calc(8em/14);
      width: calc(97em/14);
      font-size: calc(14em/16);
    }
  }
  &amp; .reason__listItemBody {
    flex: 1;
    padding: calc(18em/18) calc(28em/18);
    line-height: 1.4;
    font-size: calc(18em/16);
    letter-spacing: 0.05em;
    border: 2px solid var(--main-color);
    border-left: none;
    @media screen and (max-width: 880px) {
      padding: calc(8em/13) calc(14em/13);
      font-size: calc(13em/16);
      border: calc(2em/13) solid var(--main-color);
      border-left: none;
    }
  }
}</pre></body></html>