.articleSection {
    padding: 32px 16px;
}

.articleSection .content--subTitleBox {
    margin-top: 16px
}

.articleSection .content--subTitle {
    font-size: 2rem;
    font-weight: bold;
    color: var(--primary-bland-color);
    border-left: 2px solid var(--primary-bland-color);
    padding-left: 8px;
}

.articleSection .content--textBox {
    margin-top: 16px;
}

.articleSection .content--text {
    font-size: 1.6rem;
}

.articleSection .content--imgBox {
    width: 100%;
    margin-top: 16px;
}

.articleSection .content--img {
    width: 100%;
}

@media screen and (max-width: 599px) {
    /* 599pxまでの幅の場合に適応される */
    .articleSection {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}