/* ----------------------------------------
	社内用ch
	---------------------------------------- */
.shanai_wrap {}

.shanai_wrap h1 {
	position: relative;
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	transform: none;
	font-size: 12px;
}

/*header start*/
.shanai_wrap header {
	width: 100%;
	/*mix-blend-mode: multiply;*/
	position: fixed;
	top: 0;
	z-index: 100;
	padding: 0;
}

.shanai_wrap .h_wrap {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

.shanai_wrap .h_right {
	display: flex;
	align-items: center;
}

.shanai_wrap .list_search_form {
	margin: 0 20px 0 0;
}

.shanai_wrap .h_logo span {
	font-size: 16px;
	line-height: 26px;
	display: block;
	width: 75px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	margin-left: 20px;
}

.shanai_wrap .h_link a {
	display: flex;
	align-items: center;
	color: #fff;
}

.shanai_wrap .h_link a:hover {
	opacity: 0.7;
}

.shanai_wrap .h_link img {
	margin-right: 8px;
	margin-bottom: 2px;
}

.h_login {
	margin: 0 10px;
}

.h_login a {
	border: 1px solid #eb5c01;
	border-radius: 5px;
	padding: 6px 10px;
	color: #eb5c01;
	background-color: #fff0df;
}

.h_login :hover {
	background-color: #eb5c01;
	color: #fff;
}

.h_tra_guide {
	& a {
		display: block;
		padding: 5px 15px;
		color: #fff;
		border: 1px solid #eb5c01;
		border-radius: 5px;
		background-color: #eb5c01;

		&:hover {
			background-color: #fff0df;
			color: #eb5c01;
		}
	}
}

/*header end*/
/*header logout*/
.shanai_wrap .header_logout {
	width: 100%;
	/*mix-blend-mode: multiply;*/
	position: fixed;
	top: 0;
	z-index: 100;
	padding: 10px 0;
	background: #eb5c01;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.shanai_wrap .h_wrap_logout {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.h_logout_wrap {}

.h_logout {}

.h_logout_wrap .h_logout a {
	border: 1px solid #fff;
	padding: 5px 10px;
	color: #fff;
}

.h_logout_wrap .h_logout :hover {
	border: 1px solid #111;
	color: #111;
}

/*side start*/
.side {
	width: 100%;
	margin-top: 50px;
	box-sizing: border-box;
	z-index: 90;
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
	display: flex;
	position: fixed;
	height: 95px;
	background: #fff;
}

.side_wrap {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.side_ttl {
	font-size: 20px;
	margin-right: 10px;
}

.side_ttl a:hover {
	opacity: 0.8;
}

.side_ttl img {
	max-width: 80%;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
}

#global-nav a {
	color: #111;
	line-height: 1.5;
	font-size: 13px;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}

#global-nav .sub-menu.is-active>a,
#global-nav a:hover {
	color: #eb5c01;
}

#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}

/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: #e6f4fb;
	color: #fff;
	top: 0;
	z-index: 1;
	padding-top: 86px;
	margin-left: 300px;
	width: 0;
	height: 100%;
	overflow: hidden;
	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}

#global-nav .sub-menu.is-active>a:after,
#global-nav .sub-menu>a:hover:after {
	border-color: #fff;
}

#global-nav .sub-menu-nav a {
	color: #008dd0;
	font-size: 14px;
}

#global-nav .sub-menu-nav a:hover {
	color: #033560;
	background: #fff;
}

.sub-menu_li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	cursor: pointer;
	height: 100%;
}

.sub-menu_li:hover span {
	color: #eb5c01;
}

.sub-menu_li span {
	padding-right: 10px;
	position: relative;
}

.sub-menu_li span:after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #eb5c01;
	border-right: 2px solid #eb5c01;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sub-menu_li_orange span {
	color: #eb5c01;
	text-decoration: underline;
	-webkit-text-decoration: underline;
}

/* /sub-menu */
.side_link {
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	position: fixed;
}

.side_link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 2px solid #eb5c01;
	border-radius: 3px;
	background: #fce2d4;
	color: #eb5c01;
	font-size: 15px;
	line-height: 23px;
	padding: 15px;
}

.side_link a:hover {
	background: #eb5c01;
	color: #fff;
}

.fa-chevron-right:before {
	color: #eb5c01;
}

/*side end*/
.shanai_wrap .pan {
	width: auto;
	background: transparent;
}

.shanai_wrap .pan ul {
	width: 99%;
	margin: 0 auto;
}

.shanai_wrap .ch_program_tl {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #111;
	font-size: 26px;
	line-height: 30px;
	padding-bottom: 10px;
	height: auto;
	background: transparent;
	text-align: left;
	color: #111;
	margin: 0 auto;
	width: 99%;
	margin-bottom: 20px;
}

.shanai_wrap .ch_program_tl img {
	margin-right: 10px;
}

.list_search {
	background: #f9f7f1;
	padding: 30px;
	margin: 20px auto;
	width: 1200px;
}

.list_search_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.list_search_box p {
	font-size: 15px;
	line-height: 24px;
}

.detail04_btm_tag {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.detail04_btm_tag span {
	font-size: 15px;
	line-height: 24px;
	display: block;
	margin-bottom: 10px;
}

.detail04_btm_tag ul {
	display: flex;
	flex-wrap: wrap;
}

.detail04_btm_tag li {
	cursor: pointer;
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
}

.detail04_btm_tag li a {
	display: block;
	background: #eb5c01;
	border-radius: 3px;
	padding: 4px 12px;
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
}

.detail04_btm_tag li:hover a {
	background: #833302;
}

.detail04_btm_tag li a[href^="/manual/topic/2/21/"] {
	display: block;
	background: #1353ad;
	border-radius: 3px;
	padding: 4px 12px;
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
}

.detail04_btm_tag li:hover a[href^="/manual/topic/2/21/"] {
	background: #002f71;
}

.detail04_btm_tag p {
	display: flex;
	flex-wrap: wrap;
}

.detail04_btm_tag label {
	cursor: pointer;
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
}

.detail04_btm_tag label a {
	display: block;
	background: #eb5c01;
	border-radius: 3px;
	padding: 4px 12px;
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
}

.detail04_btm_tag label:hover a {
	background: #833302;
}

.detail04_btm_tag label a[href^="/manual/topic/2/21/"] {
	display: block;
	background: #1353ad;
	border-radius: 3px;
	padding: 4px 12px;
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
}

.detail04_btm_tag label:hover a[href^="/manual/topic/2/21/"] {
	background: #002f71;
}

.cms_keysearch_form {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cms_keysearch_form input {
	border: 1px solid #e4e4e4;
	background: #e4e4e4;
	border-radius: 5px;
	color: #838383;
	font-size: 15px;
	line-height: 49px;
	height: 35px;
	padding: 0 15px;
	width: 300px;
	box-sizing: border-box;
	font-family: "Noto Sans JP", メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cms_keysearch_form placeholder {
	color: #999;
}

.cms_keysearch_form button {
	width: 80px;
	height: 35px;
	background: #111;
	border-radius: 5px;
	text-align: center;
	display: block;
	padding: 6px;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 25px;
	line-height: 24px;
	color: #fff;
	margin-left: 10px;
	border: 2px solid #111;
}

.cms_keysearch_form button:hover {
	background: #eb5c01;
	border: 1px solid #eb5c01;
}

.list_04_row .tag label a {
	background: #eb5c01 !important;
}

.list_04_row .tag label a:hover {
	background: #833302 !important;
}

.list_04_row .tag label a[href^="/manual/topic/2/21/"] {
	background: #1353ad !important;
}

.list_04_row .tag label a[href^="/manual/topic/2/21/"]:hover {
	background: #002f71 !important;
}

.det01_tag label a {
	background: #eb5c01 !important;
}

.det01_tag label a:hover {
	background: #833302 !important;
}

.list_04_row li:hover {
	background: #fce2d4 !important;
}

.h_logo a {
	display: block;
}

.h_logo img {}

#global-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
}

#global-nav>ul {
	display: flex;
	height: 100%;
}

#global-nav>ul>li>span {
	font-size: 14px;
	line-height: 20px;
	color: #111;
	padding: 30px 20px;
	cursor: pointer;
}

#global-nav>ul>li:hover>span {
	color: #eb5c01;
}

#global-nav li:hover .menu_contents {
	max-height: 9999px;
	opacity: 1;
}

.menu_contents {
	transition: all .2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
	top: 95px;
	color: #111;
	box-shadow: 0 0.5rem 1rem -0.5rem hsl(200 50% 20% / 40%);
	background: rgba(235, 92, 1, 0.9);
	z-index: 2;
}

.h_menu_sub {
	padding: 30px 0;
	width: 1200px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.h_menu_sub ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.h_menu_sub li {
	margin: 7px;
}

.h_menu_sub p {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #111;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.h_menu_sub ul.h_menu_li a {
	display: block;
	background: #fff;
	padding: 15px 30px 17px;
	color: #111;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.2s linear;
}

.h_menu_sub ul.h_menu_li a::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: 0.2s linear;
}

.h_menu_sub ul.h_menu_li a:hover {
	color: #0086d1;
}

.h_menu_sub ul.h_menu_li a:hover::after {
	background: #fce2d4;
	left: 0;
}