/* テーマカラー */
:root {
  --page-image-color: #6666FF; 
}

h2::before {
  background-color: #6666FF;
}

h3::before {
  background: #0D5292;
}

h3::after {
  background: #222266;
}

.nav-link{
  color: black;
} 
 
/* メッセージデザイン */
.alert-box {
  color:#555;
  border-radius:10px;
  padding:10px 10px 10px 36px;
  margin:10px;
}
.alert-box span {
  text-transform:uppercase;
  font-weight:bold;
}
.error {
  background:#ffecec url('images/error.png') no-repeat 10px 50%;
  border:1px solid #f5aca6;
}
.success {
  background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
  border:1px solid #a6ca8a;
}
.warning {
  background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
  border:1px solid #f2c779;
}
.info {
  background:rgba(248, 144, 65, 0.168) url('images/notice.png') no-repeat 10px 50%;
  border:1px solid rgba(251, 136, 48, 0.614);
  color: rgba(34, 34, 34, 0.834);
}
.css_role_message {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 要素非表示 */
.not-view {
  display: none; 
}