p {
    margin: 0;
}
/* .circle-symbol {
    font-family:'Noto Sans CJK JP','游ゴシック','Osaka','Noto Sans CJK JP' !important;
    font-size: 100%;
} */
 .errata-content .circle{
    display: inline-flex;
    width: 0.7rem;
    height: 0.7rem; 
    border-radius: 50%; 
    border-width: 1px; 
    border-color: black; 
    border-style: solid; 
    margin-right: -2px;
}

.errata-content .white_circle{
    background-color: white;
}

.errata-content .black_circle{
    background-color: black;
}
 .errata-content{
    text-align: center;
 }
.errata-view{
    text-align: center;
    /* position: absolute; */
    color: black;
    margin: 0 auto;
}
.to-blue-band-link{
    font-size: 18px;
    list-style: disc;
    text-decoration: none !important;
}
.to-blue-band-link-button{
    color: #0054aa;
    text-align: center;
    margin: 0.5em;
    list-style-type: disc;
}
.errata-top-title{
    font-size: 30px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 0;
}
.errata-second-title{
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.for-pc {
    display: block;
    margin-bottom: 15vh;
}
.for-sp {
    display: none;
}
.errata-card-title{
    background: var(--unnamed-color-004b9e) 0% 0% no-repeat padding-box;
    background: #004B9E 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 75px;
    width: 844.13px;
    color: white;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}


.errata-card-title p {
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    margin-left: 5%;
}
.errata-list-card{
    width: 844.13px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.list-card-name{
    align-items: flex-end;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}
.list-card-date{
    font-size: 14px;
    float: right;
}
.errata-table{
    display: grid;
    width: 100%;
    font-size: 14px;
}
.errata-table .tr {
    display: flex;
    width: 100%;
}
.errata-table .th{
    border: 2px solid black;
    border-right: 0px;
    padding: 5px;
    text-align: center;
    background-color:#999999 ;
    color:white;
    }
.errata-table .td{
    border: 2px solid black;
    border-top: 0px;
    border-right: 0px;
    padding: 5px;
}
.errata-table-last {
    margin-bottom: 70px;
}
.first-row, .errata-page {
    text-align: center;
    width: 5%;
}
.second-row, .errata-content {
    width: 24%;
}
.third-row, .errata-correct {
    width: 35%;
}
.fourth-row, .errata-error {
    width: 36%;
    border-right: 2px solid black !important;
}
.underline{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-skip-ink: none;
}
.square-number{
border: solid #000000 1px;
width: auto;
padding: 0 0.25em;
display: inline-block;
text-align: center;
}




@media screen and (max-width: 1024px) {
    .for-pc {
        display: none;
    }
    .for-sp {
        display: block;
    }
    .errata-top-title {
        font-size: 20px;
        margin-top: 20px;
    }
    .errata-second-title{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .to-blue-band-link {
        font-size: 13px;
        list-style: disc;
        text-decoration: none !important;
    }
    .errata-card-title{
        background: var(--unnamed-color-004b9e) 0% 0% no-repeat padding-box;
        background: #004B9E 0% 0% no-repeat padding-box;
        opacity: 1;
        height: 50px;
        width: auto;
        color: white;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }
    .errata-card-title p {
        font-size: 15px;
    }
    .errata-list-card {
        width: 90%;
        margin-bottom: 20px;
    }
    .list-card-name {
        width: 100%;
        font-size: 15px;
    }
    .list-card-date {
        font-size: 11px;
    }
    .errata-table{
        display: flex;
        width: 100%;
        margin-bottom: -2px;
        font-size: 12px;
        font-size: 14px;
    }
    .errata-table .tr {
        display: grid;
        width: 85%;
        height: 100%;
    }
    .errata-table .tr-th {
        width: 15%;
    }
    .errata-table .th{
        border: 1px solid black;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .errata-table .td{
        border: 1px solid black;
        border-bottom: none;
        border-left: none;
    }
    .first-row, .second-row, .third-row, .fourth-row {
        width: 100%;
        border-left: 2px solid black !important;
    }
    .first-row, .errata-page {
        text-align: left;
        border-top: 2px solid black !important;
    }
    .errata-page, .errata-content, .errata-correct, .errata-error {
        width: 100%;
        text-align-last: left;
        border-right: 2px solid black !important;
    }
    .errata-table-bottom .fourth-row, .errata-table-bottom .errata-error{
        border-bottom: 2px solid black !important;
    }
    .fourth-row {
        border-right: 1px solid black !important;
    }
    .errata-table-last {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 599px) {
    .for-pc {
        display: none;
    }
    .for-sp {
        display: block;
    }
    .errata-top-title {
        font-size: 17px;
    }
    .errata-second-title{
        font-size: 12px;
    }
    .to-blue-band-link {
        font-size: 13px;
        list-style: disc;
        text-decoration: none !important;
    }
    .errata-card-title{
        background: var(--unnamed-color-004b9e) 0% 0% no-repeat padding-box;
        background: #004B9E 0% 0% no-repeat padding-box;
        opacity: 1;
        height: 50px;
        width: auto;
        color: white;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }
    .errata-card-title p {
        font-size: 15px;
    }
    .errata-list-card {
        width: 90%;
        margin-bottom: 20px;
    }
    .list-card-name {
        width: 100%;
        font-size: 15px;
    }
    .list-card-date {
        font-size: 11px;
    }
}

