.elementor-13 .elementor-element.elementor-element-06ae9b2{margin-top:-2%;margin-bottom:0%;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-f40db52{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3a77cc2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3a77cc2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS */<style>
/* =========================================================
   CUDIORA 日本語文字・可読性の共通補正

   目的
   ・英文の細く静かなデザインは維持する
   ・日本語本文だけを一段太くする
   ・薄すぎる文字色を濃くする
   ・スマートフォンでは文字を小さくしすぎない

   このCSSは、ページ内の既存コードより後ろに置きます。
========================================================= */


/* =========================================================
   1. 日本語本文の共通フォント設定
========================================================= */

.cd-about__copy-ja,
.cd-works__intro-copy,
.cd-works__description,
.cudiora-hero__statement {
  font-family:
    "Noto Sans JP",
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

  /* 通常の400では細いため、Medium相当へ変更 */
  font-weight: 500;

  /* 日本語は少し詰め、文章のまとまりを良くする */
  letter-spacing: 0.015em;

  /* 背景とのコントラストを確保 */
  opacity: 1;

  /* Windows環境での文字表示を安定させる */
  -webkit-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}


/* =========================================================
   2. 白背景に置かれる日本語本文
========================================================= */

.cd-works__intro-copy {
  color: #1b1b1b;
}

.cd-works__description {
  /* 従来の薄いグレーから、読みやすい濃さへ変更 */
  color: rgba(17, 17, 17, 0.78);
}


/* =========================================================
   3. 黒背景に置かれる日本語本文
========================================================= */

.cd-about__copy-ja {
  /* 純白より少し柔らかいが、十分に読める色 */
  color: rgba(244, 241, 235, 0.92);
}


/* =========================================================
   4. ヒーロー下部の日本語
========================================================= */

.cudiora-hero__statement {
  color: rgba(17, 17, 17, 0.84);
}


/* =========================================================
   5. PCでの本文サイズ
========================================================= */

.cd-about__copy-ja,
.cd-works__intro-copy {
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.95;
}

.cd-works__description {
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.9;
}

.cudiora-hero__statement {
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.85;
}


/* =========================================================
   6. 小さな日本語が入る可能性のある要素
========================================================= */

.cd-about__number,
.cd-works__intro-index,
.cd-works__category,
.cd-works__footer-label {
  font-weight: 500;
}


/* =========================================================
   7. iPad横向き・小型ノートPC
   1024px以下
========================================================= */

@media (max-width: 1024px) {

  .cd-about__copy-ja,
  .cd-works__intro-copy {
    font-size: 17px;
    line-height: 1.95;
  }

  .cd-works__description {
    font-size: 15px;
    line-height: 1.9;
  }

  .cudiora-hero__statement {
    font-size: 14px;
    line-height: 1.8;
  }
}


/* =========================================================
   8. iPad縦向き・iPad mini
   834px以下
========================================================= */

@media (max-width: 834px) {

  .cd-about__copy-ja,
  .cd-works__intro-copy {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.95;
  }

  .cd-works__description {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.9;
  }
}


/* =========================================================
   9. スマートフォン
   560px以下

   スマホでは15px以下にしない
========================================================= */

@media (max-width: 560px) {

  .cd-about__copy-ja,
  .cd-works__intro-copy {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: 0.01em;
  }

  .cd-works__description {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.85;
    color: rgba(17, 17, 17, 0.82);
  }

  .cudiora-hero__statement {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
  }
}


/* =========================================================
   10. Windowsで游ゴシックが細く表示される場合の補正

   CSSのtext-shadowを極めて薄く加え、
   文字の線が消えるのを防ぎます。
========================================================= */

@media screen and (-ms-high-contrast: active),
       screen and (-ms-high-contrast: none) {

  .cd-about__copy-ja,
  .cd-works__intro-copy,
  .cd-works__description,
  .cudiora-hero__statement {
    text-shadow: 0 0 0.01px currentColor;
  }
}


/* =========================================================
   CUDIORA 日本語文字 共通補正CSS

   目的
   ・日本語本文が細く、薄く見える問題をまとめて修正
   ・英文見出しの細さは維持
   ・PC、iPad、iPad mini、スマホに対応

   このCSSは、既存の各セクションCSSより後ろに置きます。
========================================================= */


/* =========================================================
   1. 日本語本文の基本設定
========================================================= */

.cudiora-hero__statement,
.cd-about__copy-ja,
.cd-works__intro-copy,
.cd-works__description,
.cd-thinking__copy,
.cd-process__copy,
.cd-services__copy,
.cd-contact__copy {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "YuGothic",
    Meiryo,
    sans-serif !important;

  /* 游ゴシック400の細さを避ける */
  font-weight: 500 !important;

  /* 日本語の文字間を広げすぎない */
  letter-spacing: 0.015em !important;

  /* 文字の透明度を解除 */
  opacity: 1 !important;

  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: auto;
}


/* =========================================================
   2. 白背景に置かれる日本語
========================================================= */

.cudiora-hero__statement,
.cd-works__intro-copy,
.cd-works__description,
.cd-thinking__copy,
.cd-process__copy,
.cd-services__copy,
.cd-contact__copy {
  color: #1a1a1a !important;
}


/* =========================================================
   3. 黒背景に置かれる日本語
========================================================= */

.cd-about__copy-ja {
  color: #f4f1eb !important;
}


/* =========================================================
   4. ヒーローの日本語ステートメント
========================================================= */

.cudiora-hero__statement {
  font-size: clamp(17px, 1.25vw, 20px) !important;
  font-weight: 600 !important;
  line-height: 1.9 !important;
}


/* =========================================================
   5. 日本語の主要本文
========================================================= */

.cd-about__copy-ja,
.cd-works__intro-copy,
.cd-thinking__copy,
.cd-process__copy,
.cd-services__copy,
.cd-contact__copy {
  font-size: clamp(17px, 1.2vw, 20px) !important;
  line-height: 1.95 !important;
}


/* =========================================================
   6. 作品説明などの補足本文
========================================================= */

.cd-works__description {
  font-size: clamp(15px, 1.05vw, 17px) !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;

  /* 補足文も薄くしすぎない */
  color: #333333 !important;
}


/* =========================================================
   7. 日本語の小見出し・短い強調文
========================================================= */

.cd-ja-heading,
.cd-ja-lead,
.cd-ja-subtitle {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "YuGothic",
    Meiryo,
    sans-serif !important;

  color: inherit;
  opacity: 1 !important;
}

.cd-ja-heading {
  font-weight: 700 !important;
}

.cd-ja-lead {
  font-weight: 600 !important;
}

.cd-ja-subtitle {
  font-weight: 600 !important;
}


/* =========================================================
   8. 日本語を含む可能性がある小さな文字
========================================================= */

.cd-about__number,
.cd-works__intro-index,
.cd-works__category,
.cd-works__footer-label {
  font-weight: 500 !important;
  opacity: 1 !important;
}


/* =========================================================
   9. iPad・iPad mini
   1024px以下
========================================================= */

@media (max-width: 1024px) {

  .cudiora-hero__statement {
    font-size: 18px !important;
    line-height: 1.9 !important;
  }

  .cd-about__copy-ja,
  .cd-works__intro-copy,
  .cd-thinking__copy,
  .cd-process__copy,
  .cd-services__copy,
  .cd-contact__copy {
    font-size: 17px !important;
    line-height: 1.95 !important;
  }

  .cd-works__description {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }
}


/* =========================================================
   10. スマートフォン
   560px以下
========================================================= */

@media (max-width: 560px) {

  .cudiora-hero__statement {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.85 !important;
  }

  .cd-about__copy-ja,
  .cd-works__intro-copy,
  .cd-thinking__copy,
  .cd-process__copy,
  .cd-services__copy,
  .cd-contact__copy {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
    letter-spacing: 0.01em !important;
  }

  .cd-works__description {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.85 !important;
    color: #303030 !important;
  }
}
/* ==================================================
   WORKS 日本語説明を強制的に読みやすくする
================================================== */

.cd-works__intro-copy,
.cd-works__description {

    color: #1a1a1a !important;

    font-weight: 500 !important;

    opacity: 1 !important;

    letter-spacing: 0.02em !important;

    line-height: 1.95 !important;
}
</style>/* End custom CSS */