#navTgl {
  display: none;
}
 
label.open,
label.close {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
}
.open {
  z-index: 2;
  width: 40px;
  height: 30px;
  color: white;
  /*background-color: lightSeaGreen;*/
  font-size: 1.5em;
  line-height: 40px;
  text-align: Left;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
  border-radius:10px;
  margin-top:50px;
}
#navTgl:checked + .open {
  /*background-color: indianRed;*/
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}
.close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
/* :::::: drawer menu :::::: */
.drawer_nav_menu {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  margin-top:50px;
}
#navTgl:checked ~ .drawer_nav_menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.drawer_nav_menu p,
.drawer_nav_menu li a {
  color: white;
}
.drawer_nav_menu p {
  text-align: center;
}
.drawer_nav_menu ul {
  padding: 0;
  list-style-type:none;
}
.drawer_nav_menu li {
  border-bottom: 1px solid rgba(255,255,255,.6);
  font-size: 1.2em;
  line-height: 1.4;
}
.drawer_nav_menu li:first-child {
  border-top: 1px solid rgba(255,255,255,.6);
}
.drawer_nav_menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
}
.drawer_nav_menu li a:hover {
  background-color: black;
}
#hamburger_menu {
	display: block;
	z-index: 20;
	position: absolute;
	top: 1.1em;	/*上から25pxの場所に配置*/
	right: 0.01em;	/*右から3%の場所に配置*/
	width: 1.8em;	/*幅*/
	border: 1px solid #227447;	/*枠線の幅、線種、色*/
	padding: 0.3em 0.1em 0.1em;	/*上、左右、下へのボックス内余白*/
	background: #e0f5c4;	/*背景色*/
	border-radius: 0.3em;	/*角丸のサイズ*/
}
#hamburger_menu span {
	display: block;
	border-top: 0.2em solid #227447;	/*枠線の幅、線種、色*/
	margin-bottom: 0.2em;	/*バー同士の余白*/
}
/*20210527追加
---------------------------------------------------------------------------*/
.hj-sys-name{
	color:#227447;
	font-size:1.5em;
}

.text-default{
  color:#227447;
}
.btn-wrapper{
  width:100%;
  background: linear-gradient(#E0F5C4, #FFFFFF) !important;
  color:#227447 !important;
  font-size:18px !important;
}

.width-100per {
  width: 100%;
}

.nav-list {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  height: calc(100% - 105px);
}

.nav-list-item-bottom {
  margin-top: auto;
}