body {
    background: #FAFAFA;
}

img {
    width: 100%;
}

.article-detail-section {
    margin-top: .8rem;
    padding: 1.2rem .1rem;
}

.article-detail-section h1 {
    font-size: .52rem;
    font-weight: 500;
    color: #4b516c;
    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: #363c4d;
}

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

.content img {
    margin: .2rem 0;
}

.content .bold-txt {
    font-weight: 500;
    color: #000;
    font-size: .29rem;
    line-height: .55rem;
    padding-top: .16rem;
}

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