@charset "utf-8";

/*------------------------------------
	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);  
    }
  }  



.mt10 { margin-top: var(--min10)!important; }
.mt15 { margin-top: var(--min15)!important; }
.mt20 { margin-top: var(--min20)!important; }
.mt30 { margin-top: var(--min30)!important; }
.mt40 { margin-top: var(--min40)!important; }
.mt50 { margin-top: var(--min50)!important; }
.mt60 { margin-top: var(--min60)!important; }
.mt70 { margin-top: var(--min70)!important; }
.mt80 { margin-top: var(--min80)!important; }
.mt85 { margin-top: var(--min85)!important; }
.mt90 { margin-top: var(--min90)!important; }
.mt100 { margin-top: var(--min100)!important; }
.mt120 { margin-top: var(--min120)!important; }
.mt130 { margin-top: var(--min130)!important; }

.mb10 { margin-bottom: var(--min10)!important; }
.mb15 { margin-bottom: var(--min15)!important; }
.mb20 { margin-bottom: var(--min20)!important; }
.mb30 { margin-bottom: var(--min30)!important; }
.mb40 { margin-bottom: var(--min40)!important; }
.mb50 { margin-bottom: var(--min50)!important; }
.mb60 { margin-bottom: var(--min60)!important; }
.mb70 { margin-bottom: var(--min70)!important; }
.mb80 { margin-bottom: var(--min80)!important; }
.mb85 { margin-bottom: var(--min85)!important; }
.mb90 { margin-bottom: var(--min90);!important }
.mb100 { margin-bottom: var(--min100)!important; }
.mb120 { margin-bottom: var(--min120)!important; }
.mb130 { margin-bottom: var(--min130)!important; }


.pt100 { padding-top: var(--min100)!important; }

.pb100 { padding-bottom: var(--min100)!important; }




.f13 { font-size: var(--min13);}
.f14 { font-size: var(--min14);}
.f15 { font-size: var(--min15);}
.f16 { font-size: var(--min16);}

.f20 { font-size: var(--min20);}

.f40 { font-size: var(--min40);}

.center { text-align: center;}
.right { text-align: right;}

.bold { font-weight: bold;}



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



.indent {
  padding-left :1em;
  text-indent: -1em;
}

.list-indent li {
  padding-left: 1em;
  text-indent: -1em;
}


.orange { color: var(--main-color);}
.green { color: var(--sec-color);}
.red { color: var(--ac-color);}
.blue { color: var(--blue);}


.bg-orange { background: #fef0e5;}
.bg-green { background: #e5f6f4;}
.bg-gray { background: #f8f8f8;}

.border-top{ border-top: 1px solid var(--main-color);}

.left { text-align: left;}
.right { text-align: right;}

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



}