body{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
}

/*
icon
*/
.material-symbols-rounded {
  font-size: 40px;
  display: inline-flex;
  vertical-align: middle;
  font-variation-settings:
  'FILL' 0,
  'wght' 600,
  'GRAD' 0,
  'opsz' 40
}


.navbar{
  background-color: #1B328B;
}
.navbar-brand{
	max-width: 300px;
}
.navbar-menu{
	display: flex;
	color: #FFF;
	align-items: center;
}
.navbar-toggler{
	color: #FFF !important;
	border: none;
}
.navbar-toggler:focus{
	box-shadow: 0 0 0 0;
}
.navbar-toggler-btn{
	display: block;
	width: 40px;
	height: 3px;
	background-color: #FFF;
	border-radius: 4px;
	margin-bottom:10px;
}
.navbar-toggler-btn_bottom{
	margin-bottom:0;
}

.side-nav{
	margin-bottom:20px;
}
.side-nav a.nav-item{
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: .5em .75em;
  background-color: #1B328B;
  border-left: 6px solid #4A7DE3;
	text-decoration:none;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
}
	.nav-item .material-icons{
		font-size:36px;
	}
.side-nav a.nav-item:hover{
	color: #4A7DE3;
	background-color: #EEE;
	border-color: #3E518C;
}
.side_nav .nav_btn img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.nav_btn:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*
header image
*/
.header-img{
  padding-bottom: 50px;
}

/*
footer
*/
.footer{
  margin-top:100px;
  padding:10px 0;
  background-color: #1B328B;
  color: #FFF;
}

/*
page section
*/
.page-section{
  margin-top:150px;
}
.date{
  text-align: right;
  margin-top:14px;
  font-weight: 600;
}
.content{
  margin-top:20px;
  letter-spacing: 1px;
  line-height: 2rem;
}
.att{
  margin-top:20px;
}
.unit_img_container{
  margin-top:20px;
	text-align: center;
}

.table-all-center th,td{
	text-align: center;
}

/*
見出し
*/
.midasi_01{
  padding: 1rem 2rem;
  border-left: 5px solid #1B328B;
  background: #f4f4f4;
  font-size: 24px;
  font-weight: 600;
}
.midasi_02 {
  position: relative;
  padding: 1.5rem 2rem;
  border-bottom: 3px solid #1B328B;
  border-left: 3px solid #1B328B;
  border-radius: 0 0 0 20px;
  font-size: 20px;
  font-weight: 600;
}

/*
リンクリスト
*/
.linklist a{
  color: #3B54EC;
}
.linklist a:hover{
  background-color: #3B54EC;
  color: #FFF;
}

/*
top card
*/
.top-card{}
.top-card .card-header{
  background-color: #F4DEBE;
}
.top-card .card-title{
  padding: 0.2rem 1rem;
  border-left: 5px solid #1B328B;
  color: #111F72;
  font-size: 22px;
  font-weight: 600;
}