.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

.hidden_txt, .blind {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.skip, .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 3px;
    color: transparent;
    line-height: 0;
}
summary {
    display: list-item;
}



.responsive {overflow-x: auto; position: relative;}
.responsive:before {content: ''; display: block; position: absolute; left: 50%; top: 5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../imgs/ico_swipe.png) no-repeat top center; width: 12rem; height: 12rem;}
.responsive.moved:before {display: none;}
.responsive > table, .responsive .process1 {width: 76.8rem !important; word-break: keep-all;}
.responsive + * {margin-top: 1.5rem;}

.table2 {border-top: 2px solid #000;}
.table2 th {background: #f8f8f8; padding: 1rem 0; border: 1px solid #ddd;}
.table2 td {padding: 1rem 0; border: 1px solid #ddd;}
.table2 th:first-child, .table2 td:first-child {border-left: 0;}
.table2 th:last-child, .table2 td:last-child {border-right: 0;}

@media (min-width: 1200px) {
	.responsive {	
		position: relative;
	}
    .responsive {overflow: visible;}
    .responsive > table, .responsive .process1 {width: 100% !important;}
    .responsive:before {display: none;}

}
.article .table2 {
}