@charset "utf-8";

/**
 *
 *  セキュリティマネジメント 共通
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.tabNavi{
	border-top: 1px solid #cf7319;
}
/* .pageLinkNavi */
.pageLinkNavi li a{
	height: 87px;
}

/* .tableModule */
.tableModule dl{
	line-height: 1.8;
}
.tableModule ol span{
	margin: 0 5px 0 0;
}
.tableModule .box{
	margin: 0 0 20px;
}




/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
.odd{
	background: #fafafa;
}
.sp-heading{
	display: none;
	padding: 15px 0;
	background: #f69600;
	color: #fff;
	text-align: center;
	font-size: 11px;
}
.sec-inner{
	padding: 60px 0 80px;
}

/* .sec-block */
.sec-block a{
	color: #e28414;
	text-decoration: underline;
}
.sec-block a:hover{
	text-decoration: none;
}
.sec-block .introduction{
	padding: 20px 0;
}
.sec-block .introduction.line{
	border-top: 1px solid #e4e4e4;
}
.sec-block .introduction .info{
	margin: 0 0 20px;
	text-align: right;
}

/* .list-group */
.list-group.line{
	border-top: 1px solid #e4e4e4;
}
.list-group .list{
	padding: 25px 0;
	border-bottom: 1px solid #e4e4e4;
}
.list-group .list > dt{
	margin: 0 0 10px;
	color: #0d5484;
	font-weight: bold;
}
.list-group .note{
	margin: 0 0 20px;
}


/* #footerNav
-----------------------------------------------------------------*/
#footerNav{
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
}
#footerNav ul{
	position: relative;
	letter-spacing: -0.4em;
}
#footerNav ul:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 24px;
	margin: -12px 0 0;
	background: #e7e7e7;
}
#footerNav li{
	position: relative;
	width: 50%;
	display: inline-block;
	letter-spacing: 0;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}
#footerNav li:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 24px;
	margin: -12px 0 0;
	background: #e7e7e7;
}
#footerNav a{
	display: block;
	overflow: hidden;
	padding: 20px 0;
	transition: all 0.3s;
	color: #494949;
	font-size: 14px;
	text-align: center;
}

#footerNav span{
	display: inline-block;
	position: relative;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	vertical-align: middle;
}
/* IE9・10 */
#footerNav span:not(:target){
		padding: 8px 5px 0 0\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #footerNav span{
		padding: 8px 5px 0 0;
	}
}
#footerNav span:after{
	content: '>';
	position: absolute;
	top: 50%;
	left: 95%;
	font-size: 185%;
	font-family: icomoon;
	transition: all 0.3s;
	line-height: 14px;
	margin-top: -7px;
	vertical-align: middle;
	transition: color 0.2s;
	transition: left 0.3s;
}
#footerNav a:hover{
	background: #fff;
	color: #fe9e1a;
}
#footerNav a:hover span:after{
	left: 100%;
}
#footerNav .active{
	color: #e28414;
}
#footerNav .active:hover{
	color: #e28414;
}
#footerNav .active:hover span:after{
	trainsition: none;
	left: 95%;
}




/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */

@media screen and (max-width:740px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	#Main .wrap{
		margin: 0;
		padding: 0 20px;
	}
	.tabNavi{
		display: none;
	}
	.pageLinkNavi{
		display: none;
	}
	.blockTtl{
		margin-bottom: 35px;
		font-size: 19px;
	}
	.blockTtl span{
		display: block;
	}
	.tableModule dt span{
		display: block;
	}
	.tableModule .box{
		margin: 0 0 10px;
	}




	/*--------------------------------------------------------------------------
	   Main
	---------------------------------------------------------------------------*/
	.sec-inner{
		padding: 30px 0 40px;
	}
	.sp-heading{
		display: block;
	}

	/* .sec-block */
	.sec-block{
		font-size: 11px;
	}
	.sec-block .introduction{
		padding: 0 0 15px;
	}
	.sec-block .introduction.line{
		padding-top: 15px;
	}
	.sec-block .introduction .info{
		margin-bottom: 10px;
	}
	.sec-block .introduction .info span{
		display: block;
	}

	/* .list-group */
	.list-group .list{
		padding: 15px 0;
	}
	.list-group .note{
		margin: 0 0 10px;
	}
	.list dd span{
		display: block;
	}

	/* #footerNav
	-----------------------------------------------------------------*/
	#footerNav .wrap{
		padding: 0;
	}
	#footerNav ul:after{
		width: 0;
	}
	#footerNav li{
		width: 100%;
	}
	#footerNav li+li{
		border-top: 1px solid #e7e7e7;
	}
	#footerNav li:after{
		width: 0;
	}
	#footerNav a{
		padding: 20px;
		font-size: 11px;
		text-align: left;
	}
	#footerNav span{
		font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}
	/* IE9・10 */
	#footerNav span:not(:target){
			padding: 8px 5px 0 0\9;
	}
	/* IE11 */
	@media all and (-ms-high-contrast:none){
		*::-ms-backdrop, #footerNav span{
			padding: 8px 5px 0 0;
		}
	}
	#footerNav span:after{
		display: none;
	}
	#footerNav a:hover{
		background: #fff;
		color: #494949;
	}
	#footerNav a:after{
		content: '>';
		position: absolute;
		top: 50%;
		right: 20px;
		font-size: 185%;
		font-family: icomoon;
		transition: all 0.3s;
		line-height: 11px;
		margin-top: -7px;
		vertical-align: middle;
	}

}