@charset "utf-8";

.p-casestudydtl__advice {
  --pt: 100;
  --pb: 160;
  padding: calc(var(--pt) * 1em/16) 0 calc(var(--pb) * 1em/16);
  overflow: hidden;
  @media screen and (max-width: 1024px) {
    --pb: 60;
  }
  @media screen and (max-width: 880px) {
    --pt: 70;
    --pb: 114;
  }
}
.p-casestudydtl__adviceTitle {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: calc(16em/16);
}
.p-casestudydtl__adviceTitleMain {
  width: calc(487em/16);
  @media screen and (max-width: 880px) {
    width: calc(284em/16);
  }
}
.p-casestudydtl__adviceTitleSub {
  font-size: calc(30em/16);
  letter-spacing: 0.04em;
  @media screen and (max-width: 880px) {
    font-size: calc(15em/16);
  }
}
.p-casestudydtl__adviceChecklist {
  margin: calc(80em/16) auto 0;
  width: min(calc(820em/16), 100%);
  @media screen and (max-width: 880px) {
    margin: calc(50em/16) auto 0;
  }
}
.p-casestudydtl__adviceConversation {
  margin: calc(88em/16) 0 0 auto;
  width: min(calc(1140em/16), 100%);
  @media screen and (max-width: 880px) {
    margin: calc(50em/16) 0 0 auto;
  }
  & .cm-conversation__itemBody.is-left {
    --conversation-body-border-color: transparent;
  }
}