:root,
.editor-styles-wrapper {

  /* color 
  ------------------------------------------------------------------------*/ 
  --colorWhite    : #FFF;
  --white: #fff;
  --light-green: #657052;
  --white-line: rgba(255, 255, 255, 0.30);
  
  /* 下層共通背景 */
  --bg-contents-gradation-green: linear-gradient(0deg, #404C2E 0%, rgba(63, 76, 45, 0.00) 100%);


  
  /* font-family 
  ------------------------------------------------------------------------*/ 
  --familyNotoSans: "Noto Sans JP", sans-serif;
  --familyZenOldMincho: "Zen Old Mincho", serif;
  
  /* font-size
  1440pxを基準サイズとし、
  1440px～1920pxの間はclampで110%まで拡大する。

  デザインカンプ1000pxでは、
  @media (max-width:1000px)を使用して、個別調整する。
  ------------------------------------------------------------------------*/
  --fontSize11: clamp(0.6875rem, 0.48125rem + 0.2292vw, 0.75625rem);
	--fontSize12: clamp(0.75rem, 0.525rem + 0.25vw, 0.825rem);
	--fontSize13: clamp(0.8125rem, 0.56875rem + 0.2708vw, 0.89375rem);
	--fontSize14: clamp(0.875rem, 0.6125rem + 0.2917vw, 0.9625rem);
	--fontSize15: clamp(0.9375rem, 0.65625rem + 0.3125vw, 1.03125rem);
	--fontSize16: clamp(1rem, 0.7rem + 0.3333vw, 1.1rem);

  --12: clamp(0.75rem, 0.525rem + 0.25vw, 0.825rem);
  --13: clamp(0.813rem, 0.569rem + 0.27vw, 0.894rem);
  --14: clamp(0.875rem, 0.612rem + 0.29vw, 0.963rem);
  --15: clamp(0.938rem, 0.656rem + 0.31vw, 1.031rem);
  --16: clamp(1rem, 0.7rem + 0.33vw, 1.1rem);
  --18: clamp(1.125rem, 0.787rem + 0.38vw, 1.238rem);
  --19: clamp(1.188rem, 0.831rem + 0.4vw, 1.306rem);
  --24: clamp(1.5rem, 1.05rem + 0.5vw, 1.65rem);
  --26: clamp(1.625rem, 1.137rem + 0.54vw, 1.788rem);
  --28: clamp(1.75rem, 1.225rem + 0.58vw, 1.925rem);
  --32: 2rem;
	--42: 2.625rem;
	--48: 3rem;
  --40-160: clamp(2.5rem, -20rem + 25vw, 10rem);
  
  @media screen and (max-width: 1000px) {
    --12: 0.6875rem;
    --13: 0.75rem;
    --14: 0.8125rem;
    --15: 0.875rem;
    --16: 0.875rem;
    --18: 1rem;
    --19: 1.0625rem;
    --24: 1.375rem;
    --26: 1.375rem;
    --28: 1.5rem;
    --32: 1.875rem;
		--42: 2.5rem;
		--48: 2.75rem;
  }
  @media screen and (max-width: 767px) {
    --12: calc(11 / 390 * 100vw);
    --13: calc(12 / 390 * 100vw);
    --14: calc(13 / 390 * 100vw);
    --15: calc(14 / 390 * 100vw);
    --16: calc(14 / 390 * 100vw);
    --18: calc(16 / 390 * 100vw);
    --19: calc(17 / 390 * 100vw);
    --24: calc(22 / 390 * 100vw);
    --26: calc(22 / 390 * 100vw);
    --28: calc(24 / 390 * 100vw);
    --32: calc(30 / 390 * 100vw);
		--42: calc(32 / 390 * 100vw);
		--48: calc(36 / 390 * 100vw);
  }
  
  /* 余白:単語定義（Figma参照）*/ 
  /* 1440→1920で 80~160px */
  --padding-side: calc(160 / 1440 * 100%);
  --gradation-height: 20rem;
  --gradation-margin: 10rem;
  --section-margin: 15rem;
  
  @media screen and (max-width: 1000px) {
    --gradation-height: 15rem;
    --gradation-margin: 5rem;
    --section-margin: 10rem;
  }
  @media screen and (max-width: 767px) {
    --gradation-margin: 4rem;
    --section-margin: 32.825vw;
    --padding-side: 2.5rem;
  }
  
  /* ============================ */
  /* 以下、下層のみ追加分
    1440px, 390pxデザインカンプ間で計算 */
  /* ============================ */

  --11: 0.6875rem;
  --20: clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem);
  --22: clamp(1.25rem, 1.204rem + 0.19vw, 1.375rem);
  --52: clamp(2.25rem, 1.879rem + 1.52vw, 3.25rem);
  --38: clamp(2rem, 1.861rem + 0.57vw, 2.375rem);
  --42: clamp(2rem, 1.768rem + 0.95vw, 2.625rem);
  --44: clamp(2rem, 1.721rem + 1.14vw, 2.75rem);
  --48: clamp(2.25rem, 1.971rem + 1.14vw, 3rem);
  
  --padding40: 2.5rem;
  --margin64: 4rem;
  --margin80: 5rem;
  --margin128: 8rem;
  @media screen and (max-width: 767px) {
    --11: 0.625rem;
    --padding40: 1.5rem;
    --margin64: 3rem;
    --margin80: 2.5rem;
    --margin128: 4rem;
  }
}