table {
	border-collapse:collapse;
}
.table_block > table {
	border-top:2px dotted #998989;
	border-left:2px dotted #998989;
    width: 100%;
}

.table_block > table > tbody > tr > th {
    width: 30%;
    white-space: nowrap;    /* 折り返し禁止 */
}

.table_block > table > tbody > tr > th ,
.table_block > table > tbody > tr > td {
	border-right:2px dotted #998989;
	border-bottom:2px dotted #998989;
	padding:0.5em;
}

/* バレットポイント */
.bp {
    display: flex;
    align-items: center;
}

.bp::before {
    display: inline-block;
    content: '';
    background: #000;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 12px 0 0;
    transform: rotate(45deg);
}

article {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

article + article {
    padding-top: 0rem;
}

div article:first-child {
    padding-top: 2rem;
}

#about_webapp {
    padding-top: 120px;
    margin-top: -120px;
}

/* グラフ画像 */
#graph_width {
    width: 30%;
    height: auto;
    aspect-ratio: 9/6;
}

/* データベースアクセス画像調整 */
#database-fast {
    width: 300px;
    height: auto;
}

@media(max-width: 992px) {

    #graph_width {
        width: 50%;
    }    

}