@charset "utf-8";

/*========================================================================*\

$main

\*========================================================================*/

.text_red #topmain .textBox .ss {
  color: var(--color-text_red);
}

.text_red #topmain .textBox .ss::before {
  background-color: var(--color-text_red);
}

.text_red #kasomain h1 {
  color: var(--color-text_red);
}

/*========================================================================*\

$section

\*========================================================================*/

.text_red #Co .section h3 {
  color: var(--color-text_red);
}

/*========================================================================*\

$page

\*========================================================================*/

.text_red #Co .page h2 .jp {
  color: var(--color-text_red);
}

.text_red #Co .page .section h3 {
  color: var(--primary-color);
  position: relative;
}

.text_red #Co .page .section h3::before {
  content: "";
  width: 20%;
  height: 1px;
  display: inline-block;
  background-color: var(--color-text_red);
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.3s;
}

.text_red #Co .page h4::before {
  background: var(--color-text_red);
}

.text_red #Co .page .catch {
  color: var(--color-text_red);
}

.text_red #Co .page .catch::before {
  background-color: var(--color-text_red);
}