/* カスタマイズ用CSS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500&display=swap');
/* ベース背景・フォント */
  body {
      background-color: #FAF7F4;
      font-family: 'Noto Serif JP', 'Georgia', serif;
  }

  /* ヒーローブロック全体 */
  .ec-eyecatchRole {
      background-color: #FAF7F4;
  }

  /* 画像エリア */
  .ec-eyecatchRole__image img {
      border-radius: 4px;
      box-shadow: 0 4px 20px rgba(180, 140, 120, 0.15);
  }

  /* テキストエリア */
  .ec-eyecatchRole__intro {
      background-color: #FFFBF8;
      padding: 2em;
  }

  /* 英語サブタイトル */
  .ec-eyecatchRole__introEnTitle {
      color: #C9956C;
      font-size: 0.85em;
      letter-spacing: 0.2em;
      text-transform: uppercase;
  }

  /* メインタイトル */
  .ec-eyecatchRole__introTitle {
      color: #3D2B1F;
      font-size: 1.4em;
      line-height: 1.8;
      border-bottom: 1px solid #E8D5C4;
      padding-bottom: 0.8em;
      margin-bottom: 0.8em;
  }

  /* 本文 */
  .ec-eyecatchRole__introDescription {
      color: #5C4033;
      line-height: 2;
      font-size: 0.95em;
  }

  /* ボタン */
  .ec-blockBtn--top {
      background-color: #C9956C !important;
      border-color: #C9956C !important;
      color: #fff !important;
      letter-spacing: 0.1em;
      border-radius: 2px;
  }
  .ec-blockBtn--top:hover {
      background-color: #A8745A !important;
      border-color: #A8745A !important;
  }

  /* アイキャッチ2：左右反転 */
  .ec-eyecatchRole--reverse {
      flex-direction: row-reverse;
  }