@charset "utf-8";
/* CSS Document */
/* スマホ閲覧時のハンバーガーメニュー */
#hanburger {
  display: none; /* チェックボックスを非表示 */
}
.menu_button { /* ボタンのスタイル */
  width: 50px; /* 幅 */
  height: 50px; /* 高さ */
  position: fixed;
  top: 20px;
  right: 20px;
  background: #1D6CAF; /* 背景色 */
  z-index: 9999;
}
.menu_button::before { /* アイコンのスタイル */
  font-family: "Font Awesome 5 Free";
  content: "\f0c9"; /* アイコン「３本線」 */
  font-weight: 900;
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#hanburger:checked + .menu_button::before { /* アイコンのスタイル（チェック済み） */
  content: "\f00d"; /* アイコン「×印」 */
}
@media screen and (max-width: 799px) {
	.global_menu { /* メニュー全体のスタイル */
	  visibility: hidden; /* メニューを非表示 */
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  padding: 30px;
	  color: #fff; /* 文字色 */
	  background: rgba(0, 33, 53, 0.8); /* 背景色 */
	  overflow-y: scroll;
	  text-align: center;
		z-index: 9998;
	}
	.subitem {
		display: none;
	}
}
#hanburger:checked ~ .global_menu { /* メニュー全体のスタイル（チェック済） */
  visibility: visible; /* メニューを表示 */
}
.global_menu a { /* 各項目のスタイル */
  display: block;
  width: 100%;
	  color: #fff; /* 文字色 */
}
.global_menu > li > a:hover { /* 各項目のスタイル（ホバー時） */
    background: #B0E1FF;
    color: #0E5E99 !important;
}
.menu:not(:last-child) {
  margin-bottom: 20px;
}
.menu {
	border-bottom: 1px dotted #ccc;
}
.menu > a { /* 親項目のスタイル */
  font-weight: bold;
  padding: 10px 20px;
}
.child_menu > ul > li > a {
  padding: 5px 30px;
  font-size: 0.8em;
}
.child_menu2 ul {
	display: none;
}
.pc {
	display: none;
}

@media screen and (min-width: 800px) {
  /* PC閲覧時のメガメニュー */
  .menu_button {
    display: none; /* ハンバーガーメニューのボタンを非表示 */
  }
  .global_menu { /* メニュー全体のスタイル */
	  position: relative;
    padding: 0;
    color: #fff !important; /* 文字色 */
    background: #1D6CAF; /* 背景色 */
    visibility: visible;
    overflow-y: visible;
	  height: 70px;
	  text-align: center;
  }
	.global_menu > ul {
		display: flex;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.menu {
		width: 100%;
		border-left: 1px solid #7295CF;
	}
	.menu:last-child {
		border-right: 1px solid #7295CF;
	}
  .menu, .child_menu > ul > li {
    display: inline-block;
  }
  .menu:not(:last-child) {
    margin-bottom: 0;
  }
  .menu > a { /* 親項目のスタイル */
    font-weight: normal;
    padding: 10px;
    color: #fff !important; /* 文字色 */
	  line-height: 50px;
  }
  .menu:hover > a {
    background: #B0E1FF;
    color: #0E5E99 !important;
  }
  .child_menu { /* 下層メニューのスタイル */
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 30px;
    color: #333; /* 文字色 */
    background-color: rgba(0, 33, 53, 0.9); /* 背景色 */
    visibility: hidden; /* 下層メニューを非表示 */
    border-top: solid 5px #B0E1FF;
	  z-index: 9999;
  font-size: 16px!important;
  }
  .menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
    visibility: visible; /* 下層メニューを表示 */
  }
	.child_menu > ul {
	  display: flex;
	  flex-wrap: wrap;
		max-width: 1150px;
		margin-left: auto;
		margin-right: auto;
	}
	.child_menu > ul > li {
    background-image: url(../images/arrow2.png);
    background-repeat: no-repeat;
    background-position: left top 6px;
    background-size: 18px auto;
    text-align: left;
    color: #fff !important;
    padding: 4px 15px 10px 25px;
	}
  .child_menu > ul > li > a {
    color: #fff !important; /* 文字色 */
  font-size: 1em!important;
    padding: 0!important;
  }
  .child_menu a:hover {
    background: unset;
    color: #B0E1FF !important;
  }
	.child_menu2 {
		width: 100%;
	}
	.child_menu2 ul {
		display: flex;
		flex-wrap: wrap;
	}
	.child_menu2 li {
		padding-left: 10px;
		padding-right: 10px;
		border-right: 1px solid #ccc;
	}
	.child_menu2 li:last-child {
		border: none;
	}
.global_menu.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  height: 40px;
	}
  .global_menu.fixed .menu > a {
	  line-height: 20px;
  }
	.mobile {
		display: none!important;
	}
.pc {
		display:block;
	color: #fff;
	}
}