:root {
  /* 見出しテキストカラー */
  --color-theme-type: #4B6938;

  /* 見出しテキスト背景線カラー */
  --color-theme-line: #D3D4E8;

  /* 背景カラー */
  --color-theme-base: #F0F1F4;

  /* 背景上テキストカラー */
  --color-theme-overlay-text: var(--color-text);

  /* PC背景オーバーレイカラー */
  --color-theme-bg-overlay: #ABD392;

  /* PC背景オーバーレイ透明度 */
  --color-theme-bg-overlay-opacity: 0.8;

  /* ヘッダー透明度 */
  --header-opacity: 0;

  /* 例）英語フォント（サンセリフの書体）を別のGoogleフォントなどに変更する場合の指定 */
  --font-sans-serif-en: "Bebas Neue", sans-serif;
}

.speak-grey{
  background-color: #F0F1F4;
}


  .section-bothside {
    --gutter: calc(10 / var(--rem));
    margin: 0 var(--gutter);
  }