/* ==========================================================================
   トップページ 個別調整  2026-09-16
   - 「選ばれる5つの理由」：和文の文字サイズを「5」（Cormorant 9rem）の
     見た目の高さに揃える（layout.css の共有ルールは触らず上書き）
   ========================================================================== */
.sec-03 .sec-03__tit-jp {
  font-size: 6.4rem;
}
@media screen and (max-width: 1300px) {
  .sec-03 .sec-03__tit-jp {
    font-size: 4.923vw;
  }
}

/* 「選ばれる5つの理由」スマホ版：05 だけに指定されていた文字サイズ・行間を 01〜05 で統一し、
   PC 版（.dd-text.f_gothic）と同じゴシックに揃える */
@media screen and (max-width: 767px) {
  .sec-03 .sec-03__box li dl dd {
    font-family:
      "Yu Gothic",
      "游ゴシック体",
      "游ゴシック",
      -apple-system,
      BlinkMacSystemFont,
      "Helvetica Neue",
      "メイリオ",
      sans-serif;
    font-size: 3.8647vw;
    line-height: 2;
  }
}

/* ==========================================================================
   背景の WebGL 演出（js/bg-fx.js）2026-09-16
   既存の背景PNG（非配置要素の背景）の上、テキスト・ボタンの下にキャンバスを重ねる
   ========================================================================== */
.has-bg-fx .mv-inner .inner-box,
.has-bg-fx .sec-03 {
  position: relative;
}
.bg-fx__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.has-bg-fx .mv-inner .inner-box .mv-box,
.has-bg-fx .sec-03 .sec-03__inner {
  position: relative;
  z-index: 2;
}

/* 「こんなお悩みありませんか？」：各項目をお悩み別ページへリンク（2026-09-16） */
.sec-02 .sec-02__inner li a {
  display: block;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}
.sec-02 .sec-02__inner li a:hover {
  opacity: 0.8;
}

/* 患者様の声：6件（3列×2段）にしたため、段の間に余白を入れる（2026-09-16） */
.sec-08 .sec-08__inner .column_three {
  row-gap: 40px;
}

/* 折り返しの調整（2026-09-16）：行頭の「ー」「、」を防ぎ、見出しの孤立語を減らす */
main { line-break: strict; }
main { word-break: normal; overflow-wrap: anywhere; }

/* スマホ：FV の光の粒を画面の端まで描く（inner-box は左右に余白があるため、キャンバスだけ画面幅に広げる）2026-09-16 */
@media screen and (max-width: 767px) {
  .has-bg-fx .mv-inner .inner-box {
    overflow: visible;
  }
  .has-bg-fx .mv-inner .inner-box .bg-fx__canvas {
    left: calc(50% - 50vw);
    width: 100vw;
    max-width: none; /* basic.css の canvas{max-width:100%} を打ち消す */
  }
}

/* SP：OFFICIAL SNS の英字見出しが「L」で折り返していたため縮小（AUN⑤ #1、2026-09-19） */
@media screen and (max-width: 767px) {
  .sec-14 .sec-14__inner .sec-10__tit-en {
    font-size: 18.5vw;
    line-height: 16vw;
    overflow-wrap: normal; /* 単語の途中で折り返さず「OFFICIAL」「SNS」の2行にする */
  }
}