body {
    background: #FAFAFA;
}

img {
    width: 100%;
}

.section-article-content {
    margin-top: .2rem;
    padding: 1.2rem .1rem;
}

.section-article-content h1 {
    font-size: .52rem;
    font-weight: 500;
    color: #071d1a;
    margin-bottom: .33rem;
    text-align: center;
    padding: 0 .5rem;
}

.article-date {
    font-size: .23rem;
    color: #afafaf;
    padding-bottom: .08rem;
    text-align: center;
}

.content-box {
    padding: .13rem .3rem .3rem;
}

.content-box .content {
    border-top: 1px solid #f5e6e6;
    padding-top: .45rem;
    color: #6d6d6d;
}

.content-box p {
    font-size: .29rem;
    line-height: .45rem;
    padding-bottom: .16rem;
    text-indent: 2ch;
}

.content img {
    margin-top: .4rem;
}

@media screen and (min-width:768px){
    .section-article-content {
        margin-top: 1.8rem;
    }
}