@charset "UTF-8";
/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
#disability #kiso .text span,
#disability #kiso .lead span,
#disability .block01 span,
#disability #kiso td span{
	font-weight: bold;
	color: #c00;
}
#disability #kiso .ttl-disaimage{
	font-size: 16px;
	margin: 20px 0 0 0;
}
#disability #kiso .kome{text-align: right;}
#disability #kiso table{
	border-collapse: collapse;
	text-align: center;
	width: 100%;
	font-size: 14px;
}
#disability .list07 dd .title { color: #003399;}
#disability .list07 dt { background-color: #003399;}
#disability #kiso table {
	border:1px solid #ccc;
	margin-bottom: 10px;
}
#disability #kiso th{
	padding: 10px;
	background-color: #e6e6e6;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc;
}
#disability #kiso td{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right:1px solid #ccc;
}
#disability .pnavi {
	margin: 20px 0px 0px;
	padding: 0px;
}
#disability .pnavi ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#disability .pnavi ul:first-child { margin-bottom: 10px;}
#disability .pnavi ul li {
	width: 32.380952380952380952380952380952%;	/* 226.66666666666666666666666666667/700*100 */
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#disability .pnavi ul li a {
	box-sizing: border-box;
	display: block;
	position:relative;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	width: 100%;
	padding: 0.75em 0;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-bottom: solid 3px #999;
	border-radius: 5px;
}
#disability .pnavi ul li span { position:relative;}
#disability .pnavi ul li span::before {
	position: absolute;
	top: 25%;
	left: -1em;
	margin: auto;
	content: "";
	vertical-align: middle;
	background: transparent;
}
#disability .pnavi ul li span::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #1d3994;
	border-right: 2px solid #1d3994;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*------------------------------------------------------------------------------
就業不能保険とは？
------------------------------------------------------------------------------*/
#disability #kiso .about dl {
	letter-spacing: -0.4em;
	margin: 20px 0px 0px;
}
#disability .about .list07 ul{ padding-left: 1em;}
#disability .about .list07 ul li{ list-style-type: disc}
/*------------------------------------------------------------------------------
就業不能に備える保険の必要性
------------------------------------------------------------------------------*/
#disability #kiso .need .table table{ margin-bottom: 0;}
#disability #kiso .need .table th{ width: 50%;}
/*------------------------------------------------------------------------------
働けなくなったときの公的保障
------------------------------------------------------------------------------*/
#disability #kiso .public .image01,
#disability #kiso .public .image02,
#disability #kiso .public .image03{
	width: 100%;
	max-width: 640px;
}
#disability #kiso .public .block01{ padding: 11px 16px 11px 30px}
#disability #kiso .public .block01 ul li{ list-style-type: disc}
#disability #kiso .public .table02 th{ width: 50%;}
/*------------------------------------------------------------------------------
就業不能保険での備え方
------------------------------------------------------------------------------*/
#disability #kiso .with .image01,
#disability #kiso .with .image02{
	width: 100%;
	max-width: 640px;
}
#disability #kiso .with .list09 ul li span{ 
	color: #c00;
	font-weight: bold;
}