.system-development-history {
    margin-bottom: 2rem;
}

.system-development-history-div {
    margin-left:auto;
    margin-right:auto;
    width: 100%;
}

.system-development-history-title-bar {
    border: 2px solid #80bc3d;
}

.system-development-history-title-bar-mark {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #80bc3d;
}

.system-development-history-div table td {
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.system-development-history-image-container {
    text-align: center;
    border: 1px solid #d6dde3;
}

.development-results[open] .system-development-history-image-container {
    border-color: #80bc3d;
    border-top: none;
    border-width: 4px;
}

.development-results {
    margin-top: 0.25rem;
    user-select: none;
}

.development-results summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.25em 1.5em 0.25em 1em;
    color: #333333;
    font-size: clamp(0.75rem, 1.1vw, 1.3rem);
    cursor: pointer;
    border: 4px solid #d6dde3;
}

.development-results summary:hover {
    border: 4px solid #80bc3d;
}

.development-results[open] summary {
    border-color: #80bc3d;
    background-color: #f0f8e8;
}


.development-results summary::before {
    position: absolute;
    font-weight: 600;
}

.development-results summary::after {
    content: '+';
    font-size: 1.5em;
    transition: transform .25s;
}
.development-results[open] summary::after {
    content: '-';
    font-size: 1.5em;
}

.system-development-sample {
    margin-bottom: 2rem;
}

.system-development-sample-div {
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0.625rem;
    width: 100%;
}

.system-development-sample-title-bar {
    border: 2px solid #80bc3d;
}

.system-development-sample-title-bar-mark {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #80bc3d;
}

.system-development-sample-div tr td {
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.system-development-sample-image-container {
    text-align: center;
    border: 1px solid #d6dde3;
}

.development-results[open] .system-development-sample-image-container {
    border-color: #80bc3d;
    border-top: none;
    border-width: 4px;
}

.system-development-collaboration {
    margin-bottom: 2rem;
}

.system-development-collaboration-div {
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0.625rem;
    width: 100%;
}

.system-development-collaboration-title-bar {
    border: 2px solid #80bc3d;
}

.system-development-collaboration-title-bar-mark {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #80bc3d;
}

.system-development-collaboration-div tr td {
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.system-development-collaboration-image-container {
    text-align: center;
    border: 1px solid #d6dde3;
}

.development-results[open] .system-development-collaboration-image-container {
    border-color: #80bc3d;
    border-top: none;
    border-width: 4px;
}

.certificate {
    margin-top: 1.25rem;
}

.certificate-div {
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0.625rem;
    width: 100%;
}

.certificate-title-bar {
    border: 2px solid #80bc3d;
}

.certificate-title-bar-mark {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #80bc3d;
}

.certificate-div table td {
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.certificate-image-container {
    margin-top: 0.625rem;
    text-align: center;
}

.certificate-table {
    margin-left:auto;
    margin-right:auto;
    margin-top: 0.625rem;
    border: 0;
}

.certificate-table tr td {
    border: 0;
}