.history-top-text {
    font-family:  "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 3.8rem;
    letter-spacing: 0.01em;
    color: #000000;
    margin-top: 12.2rem;
    margin-bottom: 11.4rem;
    @media screen and (max-width: 767px) {
        margin-top: 7rem;
        margin-bottom: 6rem;
	}
}

.years-section-history {
    background-color: #F6F6F6;
    padding-top: 11.1rem;
    padding-bottom: 9.4rem;
    @media screen and (max-width: 767px) {
        padding-bottom: 0.1rem;
        padding-top: 3rem;
	}
}

.year-history-box {
    padding-bottom: 4rem;
    border-bottom: 1px solid #C7C7C7;
    width: 100%;
    display: flex;
    gap: 21rem;
    margin-bottom: 2.7rem;
    padding-top: 2.3rem;
    @media screen and (max-width: 767px) {
        flex-direction: column;
        gap: 1rem;
	}
}

.year-year {
    font-family:  "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 5.6rem;
    letter-spacing: 0.01em;
    color: #000000;
    max-width: 8.5rem;
}

.year-text {
    font-family:  "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 3.8rem;
    letter-spacing: 0.01em;
    color: #000000;
    max-width: 86rem;
    @media screen and (max-width: 767px) {
        font-size: 1.6rem;
        line-height: 2.8rem;
	}
}


/* .year-text {
/* margin: 0; */
/* padding: 0; 
} */

.year-text ul {
/* list-style-type: none; */ 
padding-left: 2rem; 
margin: 0;
}

.year-text li {
position: relative; 
/* margin-bottom: 8px; */
/* word-break: break-word; */
/* line-height: 1.5; */
}

.year-text li::before {
content: "・"; 
position: absolute;
left: -2rem; 
}