@charset "UTF-8";

.mv-news, .news-detail_mv { background: var(--stone); text-align: center; padding: 52px 32px 44px; }
.mv-news_en, .news-detail_mv-en { font-size: .78rem; letter-spacing: .14em; color: var(--green-800); font-weight: 700; text-transform: uppercase; margin: 0; }
.mv-news_ttl, .news-detail_mv-ttl { font-size: 1.6rem; margin: .4rem 0 0; }

.news-list-section { max-width: 900px; margin: 0 auto; padding: 48px 32px 72px; }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.news-card_link { display: block; }
.news-card_pic { aspect-ratio: 16 / 10; background: var(--stone); border-radius: 10px; overflow: hidden; margin-bottom: .7rem; }
.news-card_pic img { width: 100%; height: 100%; object-fit: cover; }
.news-card_title { font-size: .86rem; font-weight: 700; margin: 0 0 .35rem; line-height: 1.6; }
.news-card_date { font-size: .76rem; color: var(--ink-soft); margin: 0; }
.news-empty { text-align: center; color: var(--ink-soft); padding: 2rem 0; }

@media (max-width: 900px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .news-grid { grid-template-columns: 1fr; } }

.news-detail_body { max-width: 760px; margin: 0 auto; padding: 48px 32px; }
.news-detail_heading { margin: 0 0 1.6rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.news-detail_title { font-size: 1.2rem; margin: 0 0 .6rem; }
.news-detail_date { font-size: .8rem; color: var(--ink-soft); margin: 0; }
.news-detail_content p { font-size: .9rem; color: var(--ink-soft); line-height: 1.9; margin: 0 0 1rem; }

.news-linked-jobs { text-align: center; padding: 0 32px 56px; display: flex; flex-direction: column; gap: .8rem; align-items: center; }
.news-linked-jobs_ttl { font-size: 1rem; margin: 0 0 .4rem; }
.news-linked-jobs_btn {
	display: inline-block; padding: .8rem 2.2rem; border-radius: 100px;
	background: var(--green-600); color: #fff; font-size: .86rem; font-weight: 700;
}
.news-linked-jobs_btn:hover { background: var(--green-800); }