:root {
  --brand-shinsyu: rgb(171, 59, 58);
  --brand-ginpaku: rgb(230, 230, 230);
  --brand-tadeai: rgb(13, 86, 97);
  --brand-tokiwa: rgb(27, 129, 62);
  --brand-cyohsyun: rgb(191, 103, 102);
  --brand-shiracha: rgb(173, 153, 110);
  --front-bg: #f6f4ef;
  --front-section: #f3eee6;
  --front-surface: #ffffff;
}

html,
body,
#bg {
  background: var(--front-bg);
}

a {
  color: var(--brand-tadeai);
}

a:hover {
  color: var(--brand-shinsyu);
}

.btn-primary,
.btn-info,
.bg-primary,
.badge-primary {
  background-color: var(--brand-tadeai) !important;
  border-color: var(--brand-tadeai) !important;
  color: #fff !important;
}

.btn-success,
.bg-success,
.badge-success {
  background-color: var(--brand-tokiwa) !important;
  border-color: var(--brand-tokiwa) !important;
  color: #fff !important;
}

.btn-danger,
.bg-danger,
.badge-danger {
  background-color: var(--brand-shinsyu) !important;
  border-color: var(--brand-shinsyu) !important;
  color: #fff !important;
}

.btn-warning,
.bg-warning,
.badge-warning {
  background-color: var(--brand-shiracha) !important;
  border-color: var(--brand-shiracha) !important;
  color: #fff !important;
}

.form-control:focus,
.btn:focus,
button:focus {
  box-shadow: 0 0 0 0.2rem rgba(13, 86, 97, 0.2) !important;
  border-color: var(--brand-tadeai) !important;
}

.copy-right {
  background: #e8e1d4 !important;
  color: #2f3c41 !important;
}

.copy-right a,
.footer_link {
  color: var(--brand-tadeai) !important;
}