@charset "UTF-8";

:root {
  --color-base: #ffffff;
  --color-main: #db4b58;
  --color-sub-red: #d84e6f;
  /* サブカラー */
  --color-sub-pink: #e78aa6;
  --color-sub-yellow: #f5c761;
  --color-sub-blue: #6a9bc0;
  --color-sub-green: #85b675;

  /* 文字色 */
  --color-text: #333333;
  --color-text-w: #ffffff;

  /* 背景色 */

  /* 装飾 */
  --circleSize: 67px;
  --circleSize-sm: calc(53 * 0.2667vw);

  /* ドロップシャドウ */

  /* ヘッダー */
  --header-height: 56px;
  --header-height-md: 70px;

  /* フッター */
  --footer-height: 100px;
  --footer-height-md: 250px;

  /* 文字サイズ */
  --px-to-rem_0: 0rem;         /* 0px */
  --px-to-rem_1: 0.0625rem;    /* 1px */
  --px-to-rem_2: 0.125rem;     /* 2px */
  --px-to-rem_3: 0.1875rem;    /* 3px */
  --px-to-rem_4: 0.25rem;      /* 4px */
  --px-to-rem_5: 0.3125rem;    /* 5px */
  --px-to-rem_6: 0.375rem;     /* 6px */
  --px-to-rem_7: 0.4375rem;    /* 7px */
  --px-to-rem_8: 0.5rem;       /* 8px */
  --px-to-rem_9: 0.5625rem;    /* 9px */
  --px-to-rem_10: 0.625rem;    /* 10px */
  --px-to-rem_11: 0.6875rem;    /* 11px */
  --px-to-rem_12: 0.75rem;     /* 12px */
  --px-to-rem_13: 0.8125rem;    /* 13px */
  --px-to-rem_14: 0.875rem;    /* 14px */
  --px-to-rem_15: 0.9375rem;    /* 15px */
  --px-to-rem_16: 1rem;        /* 16px */
  --px-to-rem_17: 1.0625rem;   /* 17px */
  --px-to-rem_18: 1.125rem;    /* 18px */
  --px-to-rem_19: 1.1875rem;   /* 19px */
  --px-to-rem_20: 1.25rem;     /* 20px */
  --px-to-rem_21: 1.3125rem;   /* 21px */
  --px-to-rem_22: 1.375rem;    /* 22px */
  --px-to-rem_23: 1.4375rem;   /* 23px */
  --px-to-rem_24: 1.5rem;      /* 24px */
  --px-to-rem_25: 1.5625rem;   /* 25px */
  --px-to-rem_26: 1.625rem;    /* 26px */
  --px-to-rem_27: 1.6875rem;   /* 27px */
  --px-to-rem_28: 1.75rem;     /* 28px */
  --px-to-rem_29: 1.8125rem;   /* 29px */
  --px-to-rem_30: 1.875rem;    /* 30px */
  --px-to-rem_31: 1.9375rem;   /* 31px */
  --px-to-rem_32: 2rem;        /* 32px */
  --px-to-rem_33: 2.0625rem;   /* 33px */
  --px-to-rem_34: 2.125rem;    /* 34px */
  --px-to-rem_35: 2.1875rem;   /* 35px */
  --px-to-rem_36: 2.25rem;     /* 36px */
  --px-to-rem_37: 2.3125rem;   /* 37px */
  --px-to-rem_38: 2.375rem;    /* 38px */
  --px-to-rem_39: 2.4375rem;   /* 39px */
  --px-to-rem_40: 2.5rem;      /* 40px */
  --px-to-rem_50: 3.125rem;    /* 50px */
  --px-to-rem_60: 3.75rem;     /* 60px */
  --px-to-rem_70: 4.375rem;    /* 70px */
  --px-to-rem_80: 5rem;        /* 80px */
  --px-to-rem_90: 5.625rem;    /* 90px */
  --px-to-rem_100: 6.25rem;    /* 100px */

  /* 文字サイズsp */
  /* 横幅375pxの時のサイズ */
  --px-to-vw_1: calc(1 * 0.2667vw);
  --px-to-vw_2: calc(2 * 0.2667vw);
  --px-to-vw_3: calc(3 * 0.2667vw);
  --px-to-vw_4: calc(4 * 0.2667vw);
  --px-to-vw_5: calc(5 * 0.2667vw);
  --px-to-vw_6: calc(6 * 0.2667vw);
  --px-to-vw_7: calc(7 * 0.2667vw);
  --px-to-vw_8: calc(8 * 0.2667vw);
  --px-to-vw_9: calc(9 * 0.2667vw);
  --px-to-vw_10: calc(10 * 0.2667vw);
  --px-to-vw_11: calc(11 * 0.2667vw);
  --px-to-vw_12: calc(12 * 0.2667vw);
  --px-to-vw_13: calc(13 * 0.2667vw);
  --px-to-vw_14: calc(14 * 0.2667vw);
  --px-to-vw_15: calc(15 * 0.2667vw);
  --px-to-vw_16: calc(16 * 0.2667vw);
  --px-to-vw_17: calc(17 * 0.2667vw);
  --px-to-vw_18: calc(18 * 0.2667vw);
  --px-to-vw_19: calc(19 * 0.2667vw);
  --px-to-vw_20: calc(20 * 0.2667vw);
  --px-to-vw_21: calc(21 * 0.2667vw);
  --px-to-vw_22: calc(22 * 0.2667vw);
  --px-to-vw_23: calc(23 * 0.2667vw);
  --px-to-vw_24: calc(24 * 0.2667vw);
  --px-to-vw_25: calc(25 * 0.2667vw);
  --px-to-vw_26: calc(26 * 0.2667vw);
  --px-to-vw_27: calc(27 * 0.2667vw);
  --px-to-vw_28: calc(28 * 0.2667vw);
  --px-to-vw_29: calc(29 * 0.2667vw);
  --px-to-vw_30: calc(30 * 0.2667vw);
  --px-to-vw_31: calc(31 * 0.2667vw);
  --px-to-vw_32: calc(32 * 0.2667vw);
  --px-to-vw_33: calc(33 * 0.2667vw);
  --px-to-vw_34: calc(34 * 0.2667vw);
  --px-to-vw_35: calc(35 * 0.2667vw);
  --px-to-vw_36: calc(36 * 0.2667vw);
  --px-to-vw_37: calc(37 * 0.2667vw);
  --px-to-vw_38: calc(38 * 0.2667vw);
  --px-to-vw_39: calc(39 * 0.2667vw);
  --px-to-vw_40: calc(40 * 0.2667vw);
  --px-to-vw_41: calc(41 * 0.2667vw);
  --px-to-vw_42: calc(42 * 0.2667vw);
  --px-to-vw_43: calc(43 * 0.2667vw);
  --px-to-vw_44: calc(44 * 0.2667vw);
  --px-to-vw_45: calc(45 * 0.2667vw);
  --px-to-vw_46: calc(46 * 0.2667vw);
  --px-to-vw_47: calc(47 * 0.2667vw);
  --px-to-vw_48: calc(48 * 0.2667vw);
  --px-to-vw_49: calc(49 * 0.2667vw);
  --px-to-vw_50: calc(50 * 0.2667vw);
  --px-to-vw_60: calc(60 * 0.2667vw);
  --px-to-vw_70: calc(70 * 0.2667vw);
  --px-to-vw_80: calc(80 * 0.2667vw);
  --px-to-vw_90: calc(90 * 0.2667vw);
  --px-to-vw_100: calc(100 * 0.2667vw);
}