@charset "UTF-8";
/* Table2 */

table {
	border-collapse:collapse;
	box-sizing: border-box;
}
table th,
table td {
	box-sizing: border-box;
}

/*tbl_attr*/
.tbl_attr table {}

.tbl_attr table .thead th {
	display: none;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1em 0 1em 0;
	text-align: center;
}
.tbl_attr table tr {
	width: 100%;
} 
.tbl_attr table td {
	display: block;
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	padding: 1em 1em 1em 1em;
}
.tbl_attr table td.name {
	font-weight: bold;
	white-space: nowrap;
	padding: 1em 0em 1em 0em;
	text-align: center;

	border-top: 1px solid;
	border-bottom: 1px solid;

}
.tbl_attr table tr td:not(:nth-child(1)):before {
	content: '【'attr(data-label)'】\A';
	white-space: pre;
	clear: none;
	font-weight: bold;
}



/*tbl_attr2*/
.tbl_attr2 table {}

.tbl_attr2 thead th {
	display: none;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1em 0 1em 0;
	text-align: center;
}
.tbl_attr2 table tr {
	width: 100%;
} 
.tbl_attr2 table tbody td {
	display: block;
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	padding: 1em 1em 1em 0em;
}
.tbl_attr2 table tbody td.name {
	font-weight: bold;
	white-space: nowrap;
	padding: 1em 0em 1em 0em;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;

}
.tbl_attr2 table tbody tr td:nth-child(3) {
	border-bottom: 0;
}
.tbl_attr2 table tbody tr td:not(:nth-child(1)):before {
	display: block;
	clear: both;
	float: left;
	font-weight: bold;
	width: 5em;
}
.tbl_attr2 table tbody tr td:nth-child(2):before {
	content: '公庫基準';
}
.tbl_attr2 table tbody tr td:nth-child(3):before {
	content: 'かつみの\A独自基準';
	white-space: pre;
	min-height: 4em;
	border: 0px solid;
}

.tbl_attr2 table tbody td span {
	display: block;
	clear: none;
	padding-left: 5em;
}


@media handheld, print, screen and (min-width: 481px) {

/*tbl_attr*/
.tbl_attr table {}

.tbl_attr table .thead th {
	display: table-cell;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1em 0 1em 0;
	text-align: center;
}
.tbl_attr table tr {
	width: auto;
} 
.tbl_attr table td {
	display: table-cell;
	width: auto;
	border-bottom: 1px solid #dcdcdc;
	padding: 1em 1em 1em 1em;
}
.tbl_attr table td.name {
	font-weight: bold;
	white-space: nowrap;
	padding: 1em 1em 1em 1em;
	text-align: center;
	border-top: 0px solid;
	border-bottom: 1px solid #dcdcdc;
}
.tbl_attr2 table tbody tr td:nth-child(3) {
	border-bottom: 1px solid #dcdcdc;
}
.tbl_attr table tr td:not(:nth-child(1)):before {
	display: none;
	content: '【'attr(data-label)'】\A';
	white-space: pre;
	clear: none;
	font-weight: bold;
}


/*tbl_attr2*/
.tbl_attr2 thead th {
	display: table-cell;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 1em 0 1em 0;
	text-align: center;
}
.tbl_attr2 table tr {
	width: auto;
} 
.tbl_attr2 table tbody td {
	display: table-cell;
	width: auto;
	border-bottom: 1px solid #dcdcdc;
	padding: 1em 1em 1em 1em;
}
.tbl_attr2 table tbody td.name {
	font-weight: bold;
	white-space: nowrap;
	padding: 1em 2em 1em 0em;
	text-align: left;
	border-top: 0px solid;
	border-bottom: 1px solid #dcdcdc;

}
.tbl_attr2 table tbody tr td:not(:nth-child(1)):before {
	display: none;
	content: attr(data-label);
	clear: both;
	float: left;
	font-weight: bold;
	width: 9em;
}
.tbl_attr2 table tbody td span {
	display: block;
	clear: none;
	padding-left: 0em;
}




/* end of media query */	
}

@media handheld, print, screen and (min-width: 621px) {
/* iPad */



/* end of media query(iPad) */	
}




@media handheld, print, screen and (min-width: 801px) {




/* end of media query */
}