@charset "UTF-8";


/* ナビゲーションの背景色 */
header nav::after {
  background-color: rgba(3, 43, 81, .84)
}
@media screen and (min-width: 768px) {
  .drawer-close .drawer-nav-bg,
  .drawer-close-no-animation .drawer-nav-bg {
    background:linear-gradient(rgba(3, 43, 81,1) calc( 100% - 20px ),rgba(3, 43, 81,0));
  }
}

/* サイドナビ */
.drawer-menu h1,
.drawer-menu h2,
.drawer-menu li a,
header nav ul li::before,
.backHome a{
  color: #80bcf4;}

/* サイドナビ ulリストの左 */
header nav div.active a{
	color: #fff
}
header nav ul li ul li{
	border-color:rgba(112, 167, 218, .3)
}
header nav ul li ul li.active{
	border-color:#fff
}
header nav ul li ul li.active01{
	border-color:#fff
}
header nav ul li ul li.active a{
	color: #fff
}
header nav ul li.active01 a{
	color: #fff
}
header nav a.active01{
	color: #fff
}

.drawer-toggle span {
	color: #fff
}

/* メインコンテンツ */


/* table thの背景色とフォント */
table th{ background: #2c4d6d; color: #fff}

.table03 tr td:first-child{ color: #2c4d6d;}
.table03 tr td:first-child::after{background:rgba(79,140,198,0.1);}


/* ログイン画面 */
.loginBody main h1{ color:#80bcf4}
.loginBody .select input[type=checkbox] + label{ color: #fff}
.loginBody .select input[type=checkbox]:checked + label { color: #4f8cc6;}

/* ページャー */
.pagination a{ color: #4f8cc6}
.pagination a:hover{ background: #d0e1f1;}
.pagination .active{ background: #4f8cc6; color: #fff; }

/* アイコン */
.icon_required::after {
	background-color:red;
	color:white;
}
.icon_required_left::before {
	background-color:red;
	color:white;
}