/* テキスト表示について　2行目以降1文字右へ */
.txtl_10 {
	margin-left:1.0em;
}

/* 制度について */

#sec1 .sp {
	text-indent:2em;
}

/* 新規申請方法 */

#sec2 ul{
	padding: 10px;
}

#sec2 .table{
	width: 100%;
	border-collapse: collapse;
}

#sec2 .table th {
	text-align:center;
}

#sec2 .table td {
	width:40%;
}

#sec2 .table td,
#sec2 .table th{
	padding: 5px;
	border: 1px solid #ccc;
	line-height:120%;
}
#sec2 .table th{
	font-weight: bold;
}
#sec2 .table thead th{
	background:#e6e6e6;
}

#sec2 .name {
	font-weight:bold;
}

/* 更新申請方法 */

#sec3 ul{
	padding: 10px;
}






@media screen and (max-width:768px){
/* テキスト表示について　2行目以降1文字右へ */
.txtl_10 {
	margin-left:2%;
}

/* 新規申請方法 */

	#sec2 .table{
		display: block;
		width:100%;
	}
		#sec2 .table thead{
			display: none;
		}
		#sec2 .table tbody{
			display: block;
		}
			#sec2 .table tbody tr{
				display: block;
				margin-bottom: 0.5em;
			}

			#sec2 .table th {
				text-align:left;
			}
			
			#sec2 .table td {
				width:95%;
				line-height:120%;
			}

			#sec2 .table tbody th,
			#sec2 .table tbody td{
				display: list-item;
				border: none;
			}
			#sec2 .table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #2F9499;
			}
			#sec2 .table tbody td{
				list-style-type: none;
				margin-left: 5px;
				padding: 0;
				line-height:150%;
			}
			#sec2 .table tbody td:nth-of-type(1):before { content: "[前期]"; }
			#sec2 .table tbody td:nth-of-type(2):before { content: "[後期]"; }

	


}