/* newsページ専用スタイル - news.css */

/* newsページのメインセクション */
.news-page {
  padding-top: calc(200px + var(--spacing-xxl));
  background-color: var(--color-white);
}

/* タブレット以下のサイズでの余白調整 */
@media (max-width: 768px) {
  .news-page {
    padding-top: calc(100px + var(--spacing-xxl));
  }
  
  .news-main-title {
    font-size: var(--font-size-xxl);
  }
  
  .news-sub-title {
    font-size: var(--font-size-sm);
  }
}

/* newsページ専用のタイトルスタイル */
.news-page .news-header {
  text-align: left;
}