:root {
    --lightgray: #d3d3d34a;
    --theme-color :#00B2EC;
	--theme-dark-color :#2E74A7;
	--theme-background :#f3fdff;
    --graph-text: #002951;
}
.table-title {
    line-height: 2;
    font-weight: bold;
    text-align: center !important;
    background-color: var(--lightgray);
}

.simple-table {
    display: block;
    margin: 0 auto;
    width: fit-content;
}
.simple-table.material {
    margin: 0;
}

table .-center th,
table .-center td {
    text-align: center;
}

.name-unit > div:first-of-type {
    display: table-cell;
    width: 5em;
}
.name-unit > div:nth-of-type(2) {
    display: table-cell;
}
.material th,
.material td {
    padding-right: 0.7em;
    padding-left: 0.7em;
}

.material td {
    text-align: right;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.feature {
    width: 150px;
    aspect-ratio: 1;
    margin: 20px;
	padding-top: calc((150px - 1.4em) / 2);
	background-color:#ffd500;
	border-radius: 50%;
    font-weight:bold;
    font-size: 24px;
    text-align: center;
    color: #13456b;
}
.feature.ni-gyou {
    padding-top: calc((150px - 2.6em) / 2);
	background-color:#dbd6bb;
}

.base {
    width: 7.5em;
}

.img-div img {
    display: block;
    margin-left: 0;
	max-width: 100%;
}

.flex.-down {
	justify-content: left;
}
.flex.-down img {
    width: fit-content;
}

.darkblue {
    color: var(--graph-text);
    margin-top: 0;
    padding-left: 30px;
    font-family: sans-serif;
}

.graph-size {
    max-width: 376px;
    aspect-ratio: 1.34;
}

@media screen and (max-width:768px) {
    .simple-table {
        width: 100%;
        overflow-x: scroll;
    }
    .simple-table th {
        font-size: 10pt;
        text-wrap: nowrap;
        white-space: nowrap;
    }
    .feature {
        width: 90px;
        font-size: 16px;
        margin: 10px;
        padding-top: calc((90px - 1.4em) / 2);
    }
    .feature.ni-gyou {
        padding-top: calc((90px - 2.6em) / 2);
    }
    
}
@media print {
    .feature {
        width: 150px;
        height: 150px;
    }
}