/* ページ全体の本文幅 */
.allpage {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 40px 60px;
}

/* スマートフォン */
@media (max-width: 768px) {
    .allpage {
        padding: 20px;
    }
}

/* 本文 */
.about-text .normal-chara,
.about-list .normal-chara {
    font-weight: normal;
    line-height: 1.8;
}
.about-title {
    margin-bottom: 1.5rem;
}


/* 段落間の余白 */
.about-text p {
    margin-bottom: 1.5rem;
}


/* 手順リスト */
.about-list {
    list-style: none;
    counter-reset: step;
    padding: 0;
}

/* 各項目 */
.about-list li {
    counter-increment: step;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #dddddd;
}

/* 最後の線は消す */
.about-list li:last-child {
    border-bottom: none;
}

/* 番号の丸 */
.about-list li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: -0.2rem;

    width: 2rem;
    height: 2rem;

    border-radius: 50%;
    background: #005bb5;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: bold;
}

/* タイトル */
.step-title {
    margin-left: 2.5rem;
    font-size: 1.1rem;
    font-weight: bold;
}

/* 説明文 */
.step-body {
    margin-top: 0.6rem;
}

.step-body .normal-chara {
    margin: 0;
    margin-left: 0.4rem;
    line-height: 1.8;
    font-weight: normal;
}

/* リンク */
.text-link {
    color: #0066cc;
    text-decoration: underline;
}

.text-link:hover {
    color: #00448d;
}

/* マーカー */
.marker {
    background: linear-gradient(transparent 65%, #bcc6fd 65%);
    font-weight: 600;
}