:root {
  --blue: #44B5C6;

  /*==================================
    font size
    PC : 1920px
    SP : 390px（Design 1170px ÷ 3）
    Variable Name = PC Font Size
  ==================================*/

    --f24: clamp(14px, calc(11.45px + 0.65vw), 24px);
    --f26: clamp(16px, calc(13.45px + 0.65vw), 26px);
    --f28: clamp(18px, calc(15.45px + 0.65vw), 28px);
    --f30: clamp(19px, calc(16.20px + 0.72vw), 30px);
    --f32: clamp(20px, calc(16.94px + 0.78vw), 32px);
    --f34: clamp(22px, calc(18.94px + 0.78vw), 34px);
    --f35: clamp(23px, calc(19.94px + 0.78vw), 35px);
    --f36: clamp(24px, calc(20.94px + 0.78vw), 36px);
    --f40: clamp(25px, calc(21.18px + 0.98vw), 40px);
    --f48: clamp(30px, calc(25.41px + 1.18vw), 48px);
    --f56: clamp(35px, calc(29.65px + 1.37vw), 56px);
    --f60: clamp(38px, calc(32.39px + 1.44vw), 60px);
    --f64: clamp(40px, calc(33.88px + 1.57vw), 64px);
    --f70: clamp(44px, calc(37.37px + 1.70vw), 70px);
    --f72: clamp(45px, calc(38.12px + 1.76vw), 72px);
    --f80: clamp(50px, calc(42.35px + 1.96vw), 80px);
    --f130: clamp(65px, calc(48.43px + 4.25vw), 130px);
    --f140: clamp(70px, calc(52.15px + 4.58vw), 140px);
    --f150: clamp(75px, calc(55.88px + 4.90vw), 150px);
    --f160: clamp(80px, calc(59.59px + 5.23vw), 160px);

    /*==================================
    Space
    PC : 1920px
    SP : 390px（Design 1170px ÷ 3）
    Variable Name = PC Space Size
    ==================================*/
    --space8: clamp(4px, calc(2.98px + 0.26vw), 8px);
    --space16: clamp(8px, calc(5.96px + 0.52vw), 16px);
    --space20: clamp(10px, calc(7.45px + 0.65vw), 20px);
    --space24: clamp(12px, calc(8.94px + 0.78vw), 24px);
    --space30: clamp(15px, calc(11.18px + 0.98vw), 30px);
    --space32: clamp(16px, calc(11.92px + 1.05vw), 32px);
    --space40: clamp(20px, calc(14.90px + 1.31vw), 40px);
    --space48: clamp(24px, calc(17.88px + 1.57vw), 48px);
    --space50: clamp(25px, calc(18.63px + 1.63vw), 50px);
    --space60: clamp(30px, calc(22.35px + 1.96vw), 60px);
    --space64: clamp(32px, calc(23.84px + 2.09vw), 64px);
    --space80: clamp(40px, calc(29.80px + 2.61vw), 80px);
    --space96: clamp(48px, calc(35.76px + 3.14vw), 96px);
    --space100: clamp(50px, calc(37.25px + 3.27vw), 100px);
    --space120: clamp(60px, calc(44.70px + 3.92vw), 120px);
    --space125: clamp(62.5px, calc(46.56px + 4.08vw), 125px);
    --space130: clamp(65px, calc(48.43px + 4.25vw), 130px);
    --space140: clamp(70px, calc(52.15px + 4.58vw), 140px);
    --space200: clamp(100px, calc(74.51px + 6.54vw), 200px);
}

.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}
.pt120{padding-top: 120px;}
.pt200{padding-top: 200px;}

@media screen and (max-width:960px){
  .pt60{padding-top: 30px;}
  .pt80{padding-top: 40px;}
  .pt120{padding-top: 60px;}
  .pt200{padding-top: 100px;}
}

@media screen and (max-width:640px){
  .pt60{padding-top: 20px;}
  .pt80{padding-top: 25px;}
  .pt120{padding-top: 35px;}
  .pt200{padding-top: 55px;}
}


