@charset "utf-8";

@media screen and (max-width: 640px) {

/*============================
#newsList
============================*/

#newsList { padding-bottom: 6rem; }
#newsList .head { margin-top: var(--space-xl); }
#newsList .head .en { font-size: clamp(3rem, 2rem + 6vw, 4.5rem); }
#newsList .head .title { margin-top: 1.25rem; letter-spacing: .1em; }
#newsList .list { margin-top: 3rem; }
#newsList .list .link { grid-template-columns: auto minmax(0, 1fr) 1rem; gap: .5rem var(--space-sm); padding: 1.25rem .25rem; }
#newsList .list .date { grid-row: 1; grid-column: 1; font-size: var(--fs-sm); }
#newsList .list .cat { grid-row: 1; grid-column: 2; }
#newsList .list .headline { grid-row: 2; grid-column: 1 / 3; font-size: var(--fs-md); }
#newsList .list .arrow { grid-row: 1 / 3; grid-column: 3; }

/*============================
#newsArticle
============================*/

#newsArticle { padding-bottom: 6rem; }
#newsArticle .md_breadcrumb .current { max-width: 12em; }
#newsArticle .article { margin-top: 3.5rem; }
#newsArticle .head { padding-bottom: var(--space-lg); }
#newsArticle .body { margin-top: var(--space-xl); }
#newsArticle .text, #newsArticle .item, #newsArticle .desc { font-size: var(--fs-md); }
#newsArticle .heading { margin-top: 2.5rem; font-size: var(--fs-lg); }
#newsArticle .row { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
#newsArticle .md_pager { margin-top: 4rem; }

}