@charset "UTF-8";
:root {
  /* color */
  --bg-color: #fff;
  --bg-color-rgb: 225, 225, 225;
  --primary-color: #262626;
  --primary-color-rgb: 38, 38, 38;
  --secondary-color: #E01F06;
  --secondary-color-rgb: 224, 31, 6;
  --sub-color: #FFFCED;
  --sub-color-rgb: 255, 252, 237;


  /* メインコンテンツ基本幅 375~500px程度 */
  --base-w: 40%;

  /* フォントサイズ */
  --fs-s: clamp(1rem, calc(0.733rem + 0.556cqw), 1.4rem);
  --fs-m: clamp(1.2rem, calc(0.933rem + 0.556cqw), 1.6rem);
  --fs-l: clamp(1.4rem, calc(1rem + 0.833cqw), 2rem);
  --fs-xl: clamp(1.8rem, calc(1.4rem + 0.833cqw), 2.4rem);
  --fs-xxl: clamp(2.4rem, calc(1.6rem + 1.667cqw), 3.6rem);

    /* フォント */
  --font-base:"Noto Sans JP", sans-serif;
  --font-en:"Akshar", sans-serif;
  --font-jp:"Zen Kaku Gothic New", sans-serif;
}

/* フォントサイズ */
.fs-s {
  font-size: var(--fs-s);
}
.fs-m {
  font-size: var(--fs-m);
}
.fs-l {
  font-size: var(--fs-l);
}
.fs-xl {
  font-size: var(--fs-xl);
}
.fs-xxl {
  font-size: var(--fs-xxl);
}


/* //タブレット縦 / スマートフォン横 */
@media screen and (min-width: 480px) {
  :root {
  }
}

/* PC */
@media screen and (min-width: 768px) {
  :root {
  }
}