@charset "utf-8";

.p-casestudydtl {
  --casestudy-color: #000;
  --casestudy-kakko-color: #666;
  --casestudy-kakko-color-darken: #000;

  background-color: #e8e7e3;
  overflow: hidden;
  &.p-casea {
    --casestudy-color: #3bb9e1;
    --casestudy-kakko-color: #3bb9e1;
    --casestudy-kakko-color-darken: #2c63ab;
  }
  &.p-caseb {
    --casestudy-color: #ff424e;
    --casestudy-kakko-color: #ff7572;
    --casestudy-kakko-color-darken: #d61e40;
  }
  &.p-casec {
    --casestudy-color: #2c2886;
    --casestudy-kakko-color: #005c9f;
    --casestudy-kakko-color-darken: #2c2886;
  }
  &.p-cased {
    --casestudy-color: #f5ad3e;
    --casestudy-kakko-color: #ffcd64;
    --casestudy-kakko-color-darken: #e25c37;
  }
  &.p-casee {
    --casestudy-color: #8f61c4;
    --casestudy-kakko-color: #8f61c4;
    --casestudy-kakko-color-darken: #36277a;
  }
  &.p-casef {
    --casestudy-color: #60c463;
    --casestudy-kakko-color: #60c663;
    --casestudy-kakko-color-darken: #1a615d;
  }
}