.list-box {
    font-size: 1.4rem;
    padding: 20px 5.1282051282vw;
    width: 100%;
}

@media screen and (min-width: 960px) {
    .list-box {
        font-size: 1.6rem;
        padding: 30px;
    }
}

.list-box.-mb {
    margin-bottom: 20px;
}

@media screen and (min-width: 960px) {
    .list-box.-mb {
        margin-bottom: 40px;
    }
}

.list-box>.idSamples {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.list-box>.idSamples>.sample {
    flex: 0 1 30%;
}

@media screen and (min-width: 960px) {
    .list-box>.idSamples>.sample {
        flex: 0 1 25%;
    }
}

.list-box>.idSamples>.sample>img {
    width: 100%;
}

.list-box>.list {
    padding: 0 20px;
}

.list-box>.list.-scroll {
    height: 240px;
    overflow-y: scroll;
}

.list-box>.list>.text,
.list-box>.text {
    line-height: 1.5;
    list-style-type: disc;
    margin-bottom: 1em;
}

.list-box>.list>.text.-asterisk {
    list-style-type: none;
    position: relative;
}

.list-box>.list>.text.-asterisk::before {
    content: "※";
    left: -1.7em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.list-box>.list>.text.-link {
    padding-left: 20px;
}

.list-box>.list>.text.-number,
.list-box>.text.-number {
    list-style: none;
    position: relative;
}

.list-box>.list>.text.-number::before,
.list-box>.text.-number::before {
    content: counter(list-count) ".";
    counter-increment: list-count;
    font-weight: 700;
    left: -1em;
    position: absolute;
    top: 0;
}