:root {
  --KC01: rgba(45,130,240,1.00);
  --KC02: rgba(235,30,120,1.00);
}

@media screen and (max-width: 959px) {

.pagecss_illust01_position {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

}

@media screen and (max-width: 559px) {

.pagecss_illust01_position {
  transform: translateY(0);
}

}

.pagecss_balloon_color01 { color: #ffffff; background-color: #000000; }
.pagecss_balloon_color01::after { background-color: #000000; }

.pagecss_balloon_color02 { color: #ffffff; background-color: var(--KC02); }
.pagecss_balloon_color02::after { background-color: var(--KC02); }

.pagecss_header_number03_color01::after {
  background-color: var(--KC01);
}

.pagecss_header_number03_color02::after {
  background-color: var(--KC02);
}

.pagecss_lsDisc02_color li::before {
  background-color: var(--KC01);
}