@charset "UTF-8";

/*------------------------------------
  Tokens
------------------------------------*/
:root {

/*------------------------------------
  colors 
------------------------------------*/
--color-primary: #1c75e1;
--color-primary-light: #9fc8ff;
--color-primary-pale: #edf5ff;

--color-secondary: #00ab8f;
--color-accent: #c5000b;
--color-text: #18253D;
--color-text-sub: #5c5c5c;

--color-border: #d7e7ff;

--color-red: #c5000b;
--color-yellow: #f2be00;
--color-gray: #898989;
--color-blue: #0085cc;

/*------------------------------------
  Spacing Tokens (min) based on 1333
------------------------------------*/
--space-4:   min(calc(4 / 1333 * 100vw), 4px);
--space-5:   min(calc(5 / 1333 * 100vw), 5px);
--space-6:   min(calc(6 / 1333 * 100vw), 6px);
--space-7:   min(calc(7 / 1333 * 100vw), 7px);
--space-8:   min(calc(8 / 1333 * 100vw), 8px);
--space-10:  min(calc(10 / 1333 * 100vw), 10px);
--space-12:  min(calc(12 / 1333 * 100vw), 12px);
--space-13:  min(calc(13 / 1333 * 100vw), 13px);
--space-14:  min(calc(14 / 1333 * 100vw), 14px);
--space-15:  min(calc(15 / 1333 * 100vw), 15px);
--space-16:  min(calc(16 / 1333 * 100vw), 16px);
--space-17:  min(calc(17 / 1333 * 100vw), 17px);
--space-18:  min(calc(18 / 1333 * 100vw), 18px);
--space-20:  min(calc(20 / 1333 * 100vw), 20px);
--space-22:  min(calc(22 / 1333 * 100vw), 22px);
--space-23:  min(calc(23 / 1333 * 100vw), 23px);
--space-24:  min(calc(24 / 1333 * 100vw), 24px);
--space-25:  min(calc(25 / 1333 * 100vw), 25px);
--space-26:  min(calc(26 / 1333 * 100vw), 26px);
--space-27:  min(calc(27 / 1333 * 100vw), 27px);
--space-28:  min(calc(28 / 1333 * 100vw), 28px);
--space-29:  min(calc(29 / 1333 * 100vw), 29px);
--space-30:  min(calc(30 / 1333 * 100vw), 30px);
--space-32:  min(calc(32 / 1333 * 100vw), 32px);
--space-34:  min(calc(34 / 1333 * 100vw), 34px);
--space-35:  min(calc(35 / 1333 * 100vw), 35px);
--space-36:  min(calc(36 / 1333 * 100vw), 36px);
--space-38:  min(calc(38 / 1333 * 100vw), 38px);
--space-40:  min(calc(40 / 1333 * 100vw), 40px);
--space-42:  min(calc(42 / 1333 * 100vw), 42px);
--space-44:  min(calc(44 / 1333 * 100vw), 44px);
--space-45:  min(calc(45 / 1333 * 100vw), 45px);
--space-48:  min(calc(48 / 1333 * 100vw), 48px);
--space-50:  min(calc(50 / 1333 * 100vw), 50px);
--space-54:  min(calc(54 / 1333 * 100vw), 54px);
--space-55:  min(calc(55 / 1333 * 100vw), 55px);
--space-58:  min(calc(58 / 1333 * 100vw), 58px);
--space-60:  min(calc(60 / 1333 * 100vw), 60px);
--space-65:  min(calc(65 / 1333 * 100vw), 65px);
--space-70:  min(calc(70 / 1333 * 100vw), 70px);
--space-75:  min(calc(75 / 1333 * 100vw), 75px);
--space-80:  min(calc(80 / 1333 * 100vw), 80px);
--space-84:  min(calc(84 / 1333 * 100vw), 84px);
--space-85:  min(calc(85 / 1333 * 100vw), 85px);
--space-90:  min(calc(90 / 1333 * 100vw), 90px);
--space-92:  min(calc(92 / 1333 * 100vw), 92px);
--space-95:  min(calc(95 / 1333 * 100vw), 95px);
--space-100: min(calc(100 / 1333 * 100vw), 100px);
--space-105: min(calc(105 / 1333 * 100vw), 105px);
--space-110: min(calc(110 / 1333 * 100vw), 110px);
--space-120: min(calc(120 / 1333 * 100vw), 120px);
--space-130: min(calc(130 / 1333 * 100vw), 130px);
--space-140: min(calc(140 / 1333 * 100vw), 140px);
--space-150: min(calc(150 / 1333 * 100vw), 150px);
--space-160: min(calc(160 / 1333 * 100vw), 160px);
--space-170: min(calc(170 / 1333 * 100vw), 170px);
--space-180: min(calc(180 / 1333 * 100vw), 180px);
--space-200: min(calc(200 / 1333 * 100vw), 200px);
--space-230: min(calc(230 / 1333 * 100vw), 230px);
--space-300: min(calc(300 / 1333 * 100vw), 300px);
/*------------------------------------
  Size Tokens (min) based on 1333
------------------------------------*/
--size-4:   min(calc(4 / 1333 * 100vw), 4px);
--size-5:   min(calc(5 / 1333 * 100vw), 5px);
--size-6:   min(calc(6 / 1333 * 100vw), 6px);
--size-7:   min(calc(7 / 1333 * 100vw), 7px);
--size-8:   min(calc(8 / 1333 * 100vw), 8px);
--size-10:  min(calc(10 / 1333 * 100vw), 10px);
--size-12:  min(calc(12 / 1333 * 100vw), 12px);
--size-13:  min(calc(13 / 1333 * 100vw), 13px);
--size-14:  min(calc(14 / 1333 * 100vw), 14px);
--size-15:  min(calc(15 / 1333 * 100vw), 15px);
--size-16:  min(calc(16 / 1333 * 100vw), 16px);
--size-17:  min(calc(17 / 1333 * 100vw), 17px);
--size-18:  min(calc(18 / 1333 * 100vw), 18px);
--size-20:  min(calc(20 / 1333 * 100vw), 20px);
--size-22:  min(calc(22 / 1333 * 100vw), 22px);
--size-23:  min(calc(23 / 1333 * 100vw), 23px);
--size-24:  min(calc(24 / 1333 * 100vw), 24px);
--size-25:  min(calc(25 / 1333 * 100vw), 25px);
--size-26:  min(calc(26 / 1333 * 100vw), 26px);
--size-27:  min(calc(27 / 1333 * 100vw), 27px);
--size-28:  min(calc(28 / 1333 * 100vw), 28px);
--size-29:  min(calc(29 / 1333 * 100vw), 29px);
--size-30:  min(calc(30 / 1333 * 100vw), 30px);
--size-32:  min(calc(32 / 1333 * 100vw), 32px);
--size-34:  min(calc(34 / 1333 * 100vw), 34px);
--size-35:  min(calc(35 / 1333 * 100vw), 35px);
--size-36:  min(calc(36 / 1333 * 100vw), 36px);
--size-38:  min(calc(38 / 1333 * 100vw), 38px);
--size-40:  min(calc(40 / 1333 * 100vw), 40px);
--size-42:  min(calc(42 / 1333 * 100vw), 42px);
--size-44:  min(calc(44 / 1333 * 100vw), 44px);
--size-45:  min(calc(45 / 1333 * 100vw), 45px);
--size-48:  min(calc(48 / 1333 * 100vw), 48px);
--size-50:  min(calc(50 / 1333 * 100vw), 50px);
--size-54:  min(calc(54 / 1333 * 100vw), 54px);
--size-55:  min(calc(55 / 1333 * 100vw), 55px);
--size-58:  min(calc(58 / 1333 * 100vw), 58px);
--size-60:  min(calc(60 / 1333 * 100vw), 60px);
--size-65:  min(calc(65 / 1333 * 100vw), 65px);
--size-70:  min(calc(70 / 1333 * 100vw), 70px);
--size-75:  min(calc(75 / 1333 * 100vw), 75px);
--size-80:  min(calc(80 / 1333 * 100vw), 80px);
--size-84:  min(calc(84 / 1333 * 100vw), 84px);
--size-85:  min(calc(85 / 1333 * 100vw), 85px);
--size-90:  min(calc(90 / 1333 * 100vw), 90px);
--size-92:  min(calc(92 / 1333 * 100vw), 92px);
--size-95:  min(calc(95 / 1333 * 100vw), 95px);
--size-100: min(calc(100 / 1333 * 100vw), 100px);
--size-105: min(calc(105 / 1333 * 100vw), 105px);
--size-110: min(calc(110 / 1333 * 100vw), 110px);
--size-120: min(calc(120 / 1333 * 100vw), 120px);
--size-130: min(calc(130 / 1333 * 100vw), 130px);
--size-140: min(calc(140 / 1333 * 100vw), 140px);
--size-150: min(calc(150 / 1333 * 100vw), 150px);
--size-160: min(calc(160 / 1333 * 100vw), 160px);
--size-170: min(calc(170 / 1333 * 100vw), 170px);
--size-180: min(calc(180 / 1333 * 100vw), 180px);
--size-200: min(calc(200 / 1333 * 100vw), 200px);
--size-230: min(calc(230 / 1333 * 100vw), 230px);
--size-300: min(calc(300 / 1333 * 100vw), 300px);

/*------------------------------------
  Font Size Tokens (clamp) based on 1333
------------------------------------*/
--font-12: clamp(10px, calc(12 / 1333 * 100vw), 12px);
--font-13: clamp(11px, calc(13 / 1333 * 100vw), 13px);
--font-14: clamp(11px, calc(14 / 1333 * 100vw), 14px);
--font-15: clamp(12px, calc(15 / 1333 * 100vw), 15px);
--font-16: clamp(12px, calc(16 / 1333 * 100vw), 16px);
--font-17: clamp(13px, calc(17 / 1333 * 100vw), 17px);
--font-18: clamp(13px, calc(18 / 1333 * 100vw), 18px);
--font-20: clamp(14px, calc(20 / 1333 * 100vw), 20px);
--font-22: clamp(14px, calc(22 / 1333 * 100vw), 22px);
--font-24: clamp(15px, calc(24 / 1333 * 100vw), 24px);
--font-26: clamp(15px, calc(26 / 1333 * 100vw), 26px);
--font-28: clamp(16px, calc(28 / 1333 * 100vw), 28px);
--font-30: clamp(16px, calc(30 / 1333 * 100vw), 30px);
--font-32: clamp(17px, calc(32 / 1333 * 100vw), 32px);
--font-34: clamp(17px, calc(34 / 1333 * 100vw), 34px);
--font-35: clamp(17px, calc(35 / 1333 * 100vw), 35px);
--font-36: clamp(18px, calc(36 / 1333 * 100vw), 36px);
--font-40: clamp(19px, calc(40 / 1333 * 100vw), 40px);
--font-42: clamp(19px, calc(42 / 1333 * 100vw), 42px);
--font-44: clamp(19px, calc(44 / 1333 * 100vw), 44px);
--font-45: clamp(19px, calc(45 / 1333 * 100vw), 45px);
--font-48: clamp(20px, calc(48 / 1333 * 100vw), 48px);
--font-50: clamp(26px, calc(50 / 1333 * 100vw), 50px);

}
/*------------------------------------
  Tokens : Mobile (max-width: 768px)
------------------------------------*/
@media screen and (max-width: 768px) {
  :root {
    /*------------------------------------
      Spacing Tokens (min) based on 768
    ------------------------------------*/
    --space-4:   min(calc(4 / 768 * 100vw), 4px);
    --space-5:   min(calc(5 / 768 * 100vw), 5px);
    --space-6:   min(calc(6 / 768 * 100vw), 6px);
    --space-7:   min(calc(7 / 768 * 100vw), 7px);
    --space-8:   min(calc(8 / 768 * 100vw), 8px);
    --space-10:  min(calc(10 / 768 * 100vw), 10px);
    --space-12:  min(calc(12 / 768 * 100vw), 12px);
    --space-13:  min(calc(13 / 768 * 100vw), 13px);
    --space-14:  min(calc(14 / 768 * 100vw), 14px);
    --space-15:  min(calc(15 / 768 * 100vw), 15px);
    --space-16:  min(calc(16 / 768 * 100vw), 16px);
    --space-17:  min(calc(17 / 768 * 100vw), 17px);
    --space-18:  min(calc(18 / 768 * 100vw), 18px);
    --space-20:  min(calc(20 / 768 * 100vw), 20px);
    --space-22:  min(calc(22 / 768 * 100vw), 22px);
    --space-23:  min(calc(23 / 768 * 100vw), 23px);
    --space-24:  min(calc(24 / 768 * 100vw), 24px);
    --space-25:  min(calc(25 / 768 * 100vw), 25px);
    --space-26:  min(calc(26 / 768 * 100vw), 26px);
    --space-27:  min(calc(27 / 768 * 100vw), 27px);
    --space-28:  min(calc(28 / 768 * 100vw), 28px);
    --space-29:  min(calc(29 / 768 * 100vw), 29px);
    --space-30:  min(calc(30 / 768 * 100vw), 30px);
    --space-32:  min(calc(32 / 768 * 100vw), 32px);
    --space-34:  min(calc(34 / 768 * 100vw), 34px);
    --space-35:  min(calc(35 / 768 * 100vw), 35px);
    --space-36:  min(calc(36 / 768 * 100vw), 36px);
    --space-38:  min(calc(38 / 768 * 100vw), 38px);
    --space-40:  min(calc(40 / 768 * 100vw), 40px);
    --space-42:  min(calc(42 / 768 * 100vw), 42px);
    --space-44:  min(calc(44 / 768 * 100vw), 44px);
    --space-45:  min(calc(45 / 768 * 100vw), 45px);
    --space-48:  min(calc(48 / 768 * 100vw), 48px);
    --space-50:  min(calc(50 / 768 * 100vw), 50px);
    --space-54:  min(calc(54 / 768 * 100vw), 54px);
    --space-55:  min(calc(55 / 768 * 100vw), 55px);
    --space-58:  min(calc(58 / 768 * 100vw), 58px);
    --space-60:  min(calc(60 / 768 * 100vw), 60px);
    --space-65:  min(calc(65 / 768 * 100vw), 65px);
    --space-70:  min(calc(70 / 768 * 100vw), 70px);
    --space-75:  min(calc(75 / 768 * 100vw), 75px);
    --space-80:  min(calc(80 / 768 * 100vw), 80px);
    --space-84:  min(calc(84 / 768 * 100vw), 84px);
    --space-85:  min(calc(85 / 768 * 100vw), 85px);
    --space-90:  min(calc(90 / 768 * 100vw), 90px);
    --space-92:  min(calc(92 / 768 * 100vw), 92px);
    --space-95:  min(calc(95 / 768 * 100vw), 95px);
    --space-100: min(calc(100 / 768 * 100vw), 100px);
    --space-105: min(calc(105 / 768 * 100vw), 105px);
    --space-110: min(calc(110 / 768 * 100vw), 110px);
    --space-120: min(calc(120 / 768 * 100vw), 120px);
    --space-130: min(calc(130 / 768 * 100vw), 130px);
    --space-140: min(calc(140 / 768 * 100vw), 140px);
    --space-150: min(calc(150 / 768 * 100vw), 150px);
    --space-160: min(calc(160 / 768 * 100vw), 160px);
    --space-170: min(calc(170 / 768 * 100vw), 170px);
    --space-180: min(calc(180 / 768 * 100vw), 180px);
    --space-200: min(calc(200 / 768 * 100vw), 200px);
    --space-230: min(calc(230 / 768 * 100vw), 230px);
    --space-300: min(calc(300 / 768 * 100vw), 300px);

    /*------------------------------------
      Size Tokens (min) based on 768
    ------------------------------------*/
    --size-4:   min(calc(4 / 768 * 100vw), 4px);
    --size-5:   min(calc(5 / 768 * 100vw), 5px);
    --size-6:   min(calc(6 / 768 * 100vw), 6px);
    --size-7:   min(calc(7 / 768 * 100vw), 7px);
    --size-8:   min(calc(8 / 768 * 100vw), 8px);
    --size-10:  min(calc(10 / 768 * 100vw), 10px);
    --size-12:  min(calc(12 / 768 * 100vw), 12px);
    --size-13:  min(calc(13 / 768 * 100vw), 13px);
    --size-14:  min(calc(14 / 768 * 100vw), 14px);
    --size-15:  min(calc(15 / 768 * 100vw), 15px);
    --size-16:  min(calc(16 / 768 * 100vw), 16px);
    --size-17:  min(calc(17 / 768 * 100vw), 17px);
    --size-18:  min(calc(18 / 768 * 100vw), 18px);
    --size-20:  min(calc(20 / 768 * 100vw), 20px);
    --size-22:  min(calc(22 / 768 * 100vw), 22px);
    --size-23:  min(calc(23 / 768 * 100vw), 23px);
    --size-24:  min(calc(24 / 768 * 100vw), 24px);
    --size-25:  min(calc(25 / 768 * 100vw), 25px);
    --size-26:  min(calc(26 / 768 * 100vw), 26px);
    --size-27:  min(calc(27 / 768 * 100vw), 27px);
    --size-28:  min(calc(28 / 768 * 100vw), 28px);
    --size-29:  min(calc(29 / 768 * 100vw), 29px);
    --size-30:  min(calc(30 / 768 * 100vw), 30px);
    --size-32:  min(calc(32 / 768 * 100vw), 32px);
    --size-34:  min(calc(34 / 768 * 100vw), 34px);
    --size-35:  min(calc(35 / 768 * 100vw), 35px);
    --size-36:  min(calc(36 / 768 * 100vw), 36px);
    --size-38:  min(calc(38 / 768 * 100vw), 38px);
    --size-40:  min(calc(40 / 768 * 100vw), 40px);
    --size-42:  min(calc(42 / 768 * 100vw), 42px);
    --size-44:  min(calc(44 / 768 * 100vw), 44px);
    --size-45:  min(calc(45 / 768 * 100vw), 45px);
    --size-48:  min(calc(48 / 768 * 100vw), 48px);
    --size-50:  min(calc(50 / 768 * 100vw), 50px);
    --size-54:  min(calc(54 / 768 * 100vw), 54px);
    --size-55:  min(calc(55 / 768 * 100vw), 55px);
    --size-58:  min(calc(58 / 768 * 100vw), 58px);
    --size-60:  min(calc(60 / 768 * 100vw), 60px);
    --size-65:  min(calc(65 / 768 * 100vw), 65px);
    --size-70:  min(calc(70 / 768 * 100vw), 70px);
    --size-75:  min(calc(75 / 768 * 100vw), 75px);
    --size-80:  min(calc(80 / 768 * 100vw), 80px);
    --size-84:  min(calc(84 / 768 * 100vw), 84px);
    --size-85:  min(calc(85 / 768 * 100vw), 85px);
    --size-90:  min(calc(90 / 768 * 100vw), 90px);
    --size-92:  min(calc(92 / 768 * 100vw), 92px);
    --size-95:  min(calc(95 / 768 * 100vw), 95px);
    --size-100: min(calc(100 / 768 * 100vw), 100px);
    --size-105: min(calc(105 / 768 * 100vw), 105px);
    --size-110: min(calc(110 / 768 * 100vw), 110px);
    --size-120: min(calc(120 / 768 * 100vw), 120px);
    --size-130: min(calc(130 / 768 * 100vw), 130px);
    --size-140: min(calc(140 / 768 * 100vw), 140px);
    --size-150: min(calc(150 / 768 * 100vw), 150px);
    --size-160: min(calc(160 / 768 * 100vw), 160px);
    --size-170: min(calc(170 / 768 * 100vw), 170px);
    --size-180: min(calc(180 / 768 * 100vw), 180px);
    --size-200: min(calc(200 / 768 * 100vw), 200px);
    --size-230: min(calc(230 / 768 * 100vw), 230px);
    --size-300: min(calc(300 / 768 * 100vw), 300px);

    /*------------------------------------
      Font Size Tokens (clamp) based on 768
    ------------------------------------*/
    --font-12: clamp(10px, calc(12 / 768 * 100vw), 12px);
    --font-13: clamp(11px, calc(13 / 768 * 100vw), 13px);
    --font-14: clamp(11px, calc(14 / 768 * 100vw), 14px);
    --font-15: clamp(12px, calc(15 / 768 * 100vw), 15px);
    --font-16: clamp(12px, calc(16 / 768 * 100vw), 16px);
    --font-17: clamp(13px, calc(17 / 768 * 100vw), 17px);
    --font-18: clamp(13px, calc(18 / 768 * 100vw), 18px);
    --font-20: clamp(14px, calc(20 / 768 * 100vw), 20px);
    --font-22: clamp(14px, calc(22 / 768 * 100vw), 22px);
    --font-24: clamp(15px, calc(24 / 768 * 100vw), 24px);
    --font-26: clamp(15px, calc(26 / 768 * 100vw), 26px);
    --font-28: clamp(16px, calc(28 / 768 * 100vw), 28px);
    --font-30: clamp(16px, calc(30 / 768 * 100vw), 30px);
    --font-32: clamp(17px, calc(32 / 768 * 100vw), 32px);
    --font-34: clamp(17px, calc(34 / 768 * 100vw), 34px);
    --font-34: clamp(18px, calc(35 / 768 * 100vw), 35px);    
    --font-36: clamp(18px, calc(36 / 768 * 100vw), 36px);
    --font-40: clamp(19px, calc(40 / 768 * 100vw), 40px);
    --font-42: clamp(19px, calc(42 / 768 * 100vw), 42px);    
    --font-44: clamp(19px, calc(44 / 768 * 100vw), 44px);
    --font-45: clamp(19px, calc(45 / 768 * 100vw), 45px);    
    --font-48: clamp(20px, calc(48 / 768 * 100vw), 48px);
    --font-50: clamp(26px, calc(50 / 768 * 100vw), 50px);
  }
}


/*------------------------------------
  Base
------------------------------------*/
body {
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  font-size: var(--font-16);
  color: var(--color-text);  
  line-height: 1.7;
}

a {
  transition : all 0.3s ease;
  text-decoration:none;  
}

a:hover {
  color: var(--color-primary);
}



img {
  max-width: 100%;
}



html {
  scroll-behavior:smooth;
}

body.is-locked {
  overflow: hidden;
}


























/*------------------------------------
	Value
------------------------------------*/
:root {
  --main-color: #C01B1B;
  --sec-color: #00ab8f;/*secondary-color*/
  --ac-color: #c5000b; /*accent-color*/
  --text-color: #5c5c5c;
  --yellow: #f2be00;
  --gray: #898989;     
  --blue: #4d81e9;     
  
  --min4: min(.33vw, 4px);/*/1200*/
  --min5: min(.42vw, 5px);
  --min6: min(.5vw, 6px);
  --min7: min(.58vw, 7px);  
  --min8: min(.67vw, 8px);
  --min10: min(.83vw, 10px);
  --min11: min(.92vw, 11px);  
  --min12: min(1vw, 12px);    
  --min13: min(1.1vw, 13px);  
  --min14: min(1.17vw, 14px);
  --min15: min(1.25vw, 15px);
  --min16: min(1.33vw, 16px);
  --min17: min(1.42vw, 17px);  
  --min18: min(1.5vw, 18px);
  --min20: min(1.67vw, 20px);
  --min22: min(1.83vw, 22px);
  --min23: min(1.9vw, 23px);  
  --min24: min(2vw, 24px);
  --min25: min(2.08vw, 25px);
  --min26: min(2.17vw, 26px);
  --min27: min(2.25vw, 27px);    
  --min28: min(2.33vw, 28px);
  --min29: min(2.42vw, 29px);
  --min30: min(2.5vw, 30px);
  --min32: min(2.67vw, 32px);
  --min34: min(2.83vw, 34px);  
  --min35: min(2.92vw, 35px);
  --min36: min(3vw, 36px);
  --min38: min(3.17vw, 38px);
  --min40: min(3.33vw, 40px);
  --min42: min(3.5vw, 42px);  
  --min44: min(3.67vw, 44px); 
  --min45: min(3.75vw, 45px);
  --min48: min(4vw, 48px);    
  --min50: min(4.17vw, 50px);
  --min54: min(4.5vw, 54px);
  --min55: min(4.58vw, 55px);
  --min60: min(5vw, 60px);
  --min65: min(5.42vw, 65px);
  --min70: min(5.83vw, 70px);
  --min75: min(6.25vw, 75px);  
  --min80: min(6.67vw, 80px);
  --min84: min(7vw, 84px);
  --min85: min(7.08vw, 85px);
  --min90: min(7.5vw, 90px);  
  --min92: min(7.67vw, 92px);
  --min95: min(7.92vw, 95px);
  --min100: min(8.33vw, 100px);
  --min105: min(8.75vw, 105px);
  --min110: min(9.17vw, 110px);
  --min120: min(10vw, 120px);
  --min130: min(10.83vw, 130px);
  --min140: min(11.67vw, 140px);
  --min150: min(12.5vw, 150px);
  --min160: min(13.33vw, 160px);
  --min170: min(14.17vw, 170px);  
  --min180: min(15vw, 180px);
  --min200: min(16.67vw, 200px);
  --min230: min(19.17vw, 230px);  
  --min300: min(25vw, 300px);
  
}
  
  @media screen and (max-width: 768px) {
    :root {
      --min4: min(0.52vw, 4px);
      --min5: min(0.65vw, 5px);
      --min6: min(0.78vw, 6px);
      --min7: min(0.9vw, 7px);
      --min8: min(1.04vw, 8px);
      --min10: min(1.30vw, 10px);
      --min11: min(1.4vw, 11px);  
      --min12: min(1.56vw, 12px);    
      --min13: min(1.7vw, 13px);
      --min14: min(1.82vw, 14px);
      --min15: min(1.95vw, 15px);
      --min16: min(2.08vw, 16px);
      --min17: min(2.21vw, 17px);  
      --min18: min(2.34vw, 18px);
      --min20: min(2.60vw, 20px);
      --min22: min(2.86vw, 22px);
      --min23: min(3vw, 23px);
      --min24: min(3.125vw, 24px);
      --min25: min(3.26vw, 25px);
      --min26: min(3.4vw, 26px);
      --min27: min(3.5vw, 27px);   
      --min28: min(3.65vw, 28px);
      --min29: min(3.77vw, 29px);
      --min30: min(3.91vw, 30px);
      --min32: min(4.17vw, 32px);
      --min34: min(4.43vw, 34px);  
      --min35: min(4.56vw, 35px);
      --min36: min(4.69vw, 36px);
      --min38: min(4.95vw, 38px);
      --min40: min(5.21vw, 40px);
      --min42: min(5.47vw, 42px);  
      
      --min44: min(5.7vw, 44px);      
      --min45: min(5.9vw, 45px);
      --min48: min(6.25vw, 48px);    
      --min50: min(6.51vw, 50px);
      --min54: min(7vw, 54px);
      --min55: min(7.16vw, 55px);
      --min60: min(7.81vw, 60px);
      --min65: min(8.46vw, 65px);
      --min70: min(9.11vw, 70px);
      --min75: min(9.76vw, 75px);  
      --min80: min(10.42vw, 80px);
      --min84: min(10.93vw, 84px);
      --min85: min(11.07vw, 85px);
      --min90: min(11.7vw, 90px);
      --min92: min(11.98vw, 92px);
      --min95: min(12.37vw, 95px);
      --min100: min(13.02vw, 100px);
      --min105: min(13.7vw, 105px);
      --min110: min(14.32vw, 110px);
      --min120: min(15.63vw, 120px);
      --min130: min(16.93vw, 130px);
      --min140: min(18.23vw, 140px);
      --min150: min(19.53vw, 150px);
      --min160: min(20.83vw, 160px);
      --min170: min(22.13vw, 170px);
      --min180: min(23.44vw, 180px);
      --min200: min(26.04vw, 200px);
      --min230: min(29.94vw, 230px);  
      --min300: min(39vw, 300px);  
    }
  }  







.pc-none { display: none;}
.sp-none { display: block;}







@media screen and (max-width: 768px) {
.pc-none { display: block;}
.sp-none { display: none;}

}