/* Safari on macOS のPCだけ（UAクラス＋幅で絞る） */
@media (min-width: 769px) {
  html.is-safari-mac {

    /* Safari側の文字組みクセを先にならす */
    body {
      font-variant-east-asian: proportional-width;
      font-feature-settings: "palt" 1;
      font-kerning: normal;
      font-synthesis-weight: none;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      line-break: strict;
    }

    /* まずは“段落”を総リセット（効いてるかの判定用） */
    main p {
      text-align: left !important;
      text-align-last: auto !important;
      letter-spacing: 0 !important;
      word-spacing: 0 !important;
      white-space: normal !important;

    }

    /* 強調の赤文字等に letter-spacing が仕込まれていても潰す */
    main p :where(span, em, strong) {
      letter-spacing: 0 !important;
      word-spacing: 0 !important;
    }
  }
}

/* /css/safari-desktop.css */
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
  @supports (-webkit-appearance: none) and (font: -apple-system-body) {
    /* 見出しの折り返しを綺麗に */
    h1, h2, h3 { text-wrap: balance; }

    /* 本文の不自然な均等割りを抑える例（必要に応じて調整） */
    .page-index main p {
      text-align: left !important;
      letter-spacing: normal !important;
    }
  }
}

/* Safari on macOS（PC幅のみ）— 日本語の両端揃えをやめる */
@media (min-width: 769px){
  html.is-safari-mac .strengths .strengths-title,
  html.is-safari-mac .strengths .strengths-lead,
  html.is-safari-mac .business .business-lead{
    text-align: start !important;      /* ← justify をやめる */
    text-align-last: auto !important;
    text-justify: auto !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    text-wrap: normal !important;       /* balance が悪さする場合の保険 */
  }
}

/* ===== Safari Mac専用 修正 ===== */
html.is-safari-mac .strengths .strengths-title,
html.is-safari-mac .strengths .strengths-lead {
  text-align: left !important;   /* ← start じゃなく left に */
  text-wrap: normal !important;  /* ← balance を殺す */
  max-width: 62ch !important;    /* ← ちょっと余裕を持たせる */
}

/* Safari(Mac)だけ：両端揃え＆balanceを殺す＋少し広めの行幅に */
html.is-safari-mac .strengths .strengths-title,
html.is-safari-mac .strengths .strengths-lead{
  text-align: left !important;        /* ← 両端揃え/ start をやめる */
  text-align-last: auto !important;   /* ← 最終行の左寄せ指定も無効化 */
  text-wrap: normal !important;       /* ← balance を無効化 */
  max-width: 62ch !important;         /* ← 行幅を少し広げて改行を減らす */
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  letter-spacing: normal !important;
}

/* Safari/Mac だけ強制上書き（インラインより強い） */
html.is-safari-mac body.page-index .strengths .strengths-title,
html.is-safari-mac body.page-index .strengths .strengths-lead{
  text-align: left !important;
  text-align-last: auto !important;
  text-wrap: normal !important;
  max-width: 62ch !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}


/* --- Safari (Mac) only: kill weird justify gaps on strengths --- */
html.is-safari-mac body.page-index .strengths .strengths-title,
html.is-safari-mac body.page-index .strengths .strengths-lead{
  text-align: left !important;
  text-align-last: auto !important;
  text-justify: auto !important;
  text-wrap: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

html.is-safari-mac .about-hero__layers,
html.is-safari-mac .brandline img { display:none !important; }