#about ul {
    display: block !important;
}

#about table {
    /* background-color: var(--secondary-color); */
    border-radius: 0.25rem;
    box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
}

#about table td {
    padding: 0px 1em;
    border-bottom: 1px solid lightgray;
}

.education-content>ul {
    border-left: 3px solid orange; /* 縦線の設定 */
    padding-left: 14px; /* 余白の設定 : 縦 横 */
    list-style-type: none;
}

.education-content>ul>li>ul>li:before {
    content: '';
    position: absolute;
    /* left: 50%; */
    /* bottom: -15px; */
    /* display: inline-block; */
    width: 28px;/*線の長さ*/
    height: 2px;/*線の太さ*/
    /* -webkit-transform: translateX(-50%); */
    transform: translateX(-49px) translateY(12px);
    background-color: lightgray;/*線の色*/
    /* border-radius: 2px; */
}

#arrow-down {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--primary-color) !important;
}

.card-head>img {
    max-height: 25em;
}

.circle {
    padding: 13px 20px;
    border-radius: 50%;
    background-color: #0891b2;
    color: #e4e4e7;
    max-height: 50px;
    z-index: 2;
}