@charset "utf-8";
.article{
    padding: 0 var(--space-large);
}

.article__date{
    margin: 0 0 3px;
    font-size: .875rem;
    padding-left: 2px;
}

.article__date--new{
    color: var(--color-attention);
    font-weight: var(--font-bold);
    letter-spacing: .06em;
    margin-right: 10px;
}

.article__date time{
    color: var(--color-teritiarytext);
}

.article__ttl{
    font-size: 1.188rem;
    font-weight: var(--font-medium);
    line-height: 1.6;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--color-border);
}

.article__main-img{
    margin: 34px auto 27px;
    max-height: 325px;
}

.article__freespace{
    font-size: .938rem;
    line-height: 1.8;
    margin: 27px 0 60px;
}

.article__freespace a{
    text-decoration: underline;
    color: #0000FF;
}

.content__btn--center{
    margin: 80px 0 0;
}

.article__btn{
    width: 80%;
    max-width: 250px;
    margin: 60px auto 0;
}

@media (430px < width) {
    .article__main-img{
        max-height: calc(var(--width-wrapper) - (var(--space-large) * 2));
    }
}