/* ================================
   PC専用の文字・レイアウト調整
   ================================ */
@media (min-width:1024px){

  /* ベース文字サイズを上げる */
  html { font-size: 19px !important; }
  body { line-height: 1.9 !important; }

  /* 本文テキストをさらに拡大 */
  p, li, .j-text, .j-blog, .j-sect .j-text {
    font-size: 1.15em !important;   /* ← 1.15倍に強制 */
  }

  /* 見出しをもう少し大きく */
  h1 {
    font-size: clamp(38px, 3.5vw, 54px) !important;
    line-height: 1.22 !important;
  }
  h2 {
    font-size: clamp(28px, 2.8vw, 38px) !important;
    line-height: 1.34 !important;
  }
  h3 {
    font-size: clamp(22px, 2.2vw, 28px) !important;
    line-height: 1.4 !important;
  }

  /* 横幅をさらに狭めて読みやすく */
  #content, #contentarea, .content, .j-content, .main, .container, .mod_article,
  .j-sect .j-text, .j-text, .j-blog {
    max-width: 58ch !important;   /* 60ch→58chにして1行を短めに */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* セクションの余白 */
  .j-sect { padding-top: 70px; padding-bottom: 70px; }
  .j-sect:last-of-type { padding-bottom: 30px; }

  /* 画像の暴れ防止 */
  img, .j-image img, .j-gallery img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  /* 最上段の2カラム調整 */
  .j-sect:first-of-type{
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    align-items: center !important;
    gap: 40px !important;
  }
  .j-sect:first-of-type .j-text{
    font-size: 1.2em !important;  /* 導入文さらにUP */
  }
}