.inner {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 24px;
}

.notes {
    margin: 40px auto;
    text-align: left;
}
.notes h2 {
    font-size: 100%;
    font-weight: bold;
}
.notes ul {
    border: #000 solid 1px;
    border-width: 1px 0 1px 0;
    padding: 16px 0;
    list-style: none;
}
.notes ul li {
    position: relative;
    padding-left: 24px;
}
.notes ul li::before {
    position: absolute;
    content: "窶ｻ";
    left: 0;
}

.cards {
    margin: 40px auto;
    border: #000 solid 2px;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
}
.cards h2 {
    font-size: 130%;
    font-weight: bold;
}
.cards > p {
    color: #565454;
    font-weight: 500;
}