body, h1, h2, h3, h4, h5, h6, p, span, div, pre, table, thead, tbody, tr, td, th, form, button, input, select, textarea, option, label, a, small, strong, ul, li, ol, input[type=password], font {
  font-family: "Hiragino Sans W3", "Zen Kaku Gothic New", "Sawarabi Gothic", "Noto Sans JP",
  "Hiragino Kaku Gothic ProN",
  Meiryo,
  "MS PGothic",
  sans-serif !important;
  font-weight: normal;
  font-optical-sizing: auto;
  overflow-wrap: anywhere;
  letter-spacing: 0.03rem;
}

.form-control.failed-validation {
  background-color: #ffa8ce;
  font-size: 13pt;
}

label.failed-validation {
  display: block;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #842029;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  border-radius: 0.375rem;
}

label.failed-validation::before {
  content: "▶";
}

.form-control.succeeded-validation {
  background-color: #b8eef3;
}

label.msg, p.msg {
  color: red;
  /*text-decoration: underline;*/
}

.alert-info-light {
  background-color: #e8f7ff;
  color: #1b1e21;
  font-size: 13pt;
}

/** Microsoftブラウザ使用時の目玉マークを非表示に */
::-ms-reveal {
  display: none;
}

.required-item {
  color: red;
}

.attendee_names_unit {
  background-color: #F8F8F8;
  border: 1px solid #F5F5F5;
  border-radius: 0.5rem;
  padding: 20pt;
}

.bg-success-subtle {
  background-color: #edf2f7;
}

.button-to-vote {
  font-size: 20pt;
}


.btn-scis2027-button {
  background-color: #BC0011;
  border-color: #EE6600;
  color: white;
}

iframe  {
  height: 100%;
}