.u-font__jp {
  font-family: 'Noto Sans JP', sans-serif; }

.u-font__en {
  font-family: 'Alata', sans-serif; }

.u-font__both {
  font-family: 'Alata', 'Noto Sans JP', sans-serif; }

.u-color__text--base {
  color: #FFFFFF; }

.u-color__bg--base {
  background: #FFFFFF; }

.u-color__border--base {
  border-color: #FFFFFF; }

.u-color__text--main {
  color: #000000; }

.u-color__bg--main {
  background: #000000; }

.u-color__border--main {
  border-color: #000000; }

.u-color__text--accent {
  color: #AB8B8C; }

.u-color__bg--accent {
  background: #386F81; }

.u-color__border--accent {
  border-color: #386F81; }

.u-color__text--sub {
  color: #868686; }

.u-color__bg--sub {
  background: #868686; }

.u-color__border--sub {
  border-color: #868686; }

.u-color__text--border {
  color: #D8DDDF; }

.u-color__bg--border {
  background: #D8DDDF; }

.u-color__border--border {
  border-color: #D8DDDF; }

.u-color__text--input {
  color: #BDC1C2; }

.u-color__bg--input {
  background: #BDC1C2; }

.u-color__border--input {
  border-color: #BDC1C2; }

.u-color__text--bg {
  color: #F4F8FA; }

.u-color__bg--bg {
  background: #FAF5F1; }

.u-color__border--bg {
  border-color: #F4F8FA; }

.u-color__text--link {
  color: #386F81; }

.u-color__bg--link {
  background: #386F81; }

.u-color__border--link {
  border-color: #386F81; }

.u-color__text--alert {
  color: #E21E1E; }

.u-color__bg--alert {
  background: #E21E1E; }

.u-color__border--alert {
  border-color: #E21E1E; }

.u-color__text--line {
  color: #00b900; }

.u-color__bg--line {
  background: #00b900; }

.u-color__border--line {
  border-color: #00b900; }