:root {

/* Color */

  --color-main: #000000;
  --color-invert:#ffffff;
  --color-accent: #98ab2a;
    --color-accent-002: #22464e;

  --color-trans: #00000063;
   --color-gray: #f8f8f8;
  --color-gray-color: #f5f8e6;
   --color-button: #85858528;
      --color-button-invert: #ffffff87;

      --color-button-before: #000000;




/* Font */
  /* PC */
--fs-xxs: 10px;
--fs-xs: 12px;
--fs-s: 13px;
--fs-m: 16px;
--fs-l: 20px;
--fs-xl: 30px;
--fs-2xl: 46px;
--fs-3xl: 62px;
--fs-4xl: 78px;


  /* Line Height */
  --lh-xs: 1;
  --lh-s: 1.2;
  --lh-sm: 1.4;
  --lh-m: 1.8;
  --lh-l: 2.2;
  --lh-xl: 2.8;
  
/* Space */
  --space-xxxs: 0px;
  --space-xxs: 3px;
  --space-xs-xxs: 8px;
  --space-xs: 15px;
  --space-s-xs: 18px;
  --space-s: 22px;
  --space-m: 80px;
  --space-l: 60px;
  --space-xl: 80px;
  --space-xxl: 110px;

/* Border */
--border-m:0.5px;
--border-l:1px;

/* Radius */
--radius-m:4px;
}

@media (max-width: 1032px) {
  :root {
    --fs-xxs: 11px;
    --fs-xs: 12px;
    --fs-s: 13px;
    --fs-m: 15px;
    --fs-l: 18px;
    --fs-xl: 28px;
    --fs-2xl: 40px;
    --fs-3xl: 52px;
    --fs-4xl: 64px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --fs-xxs: 10px;
    --fs-xs: 11px;
    --fs-s: 12px;
    --fs-m: 12px;
    --fs-l: 13px;
    --fs-xl: 24px;
    --fs-2xl: 32px;
    --fs-3xl: 40px;
    --fs-4xl: 48px;
  }
}


@font-face{
  font-family:"Parastoo";
  src:url("fonts/Parastoo-VariableFont_wght.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
  size-adjust: 135%;
}

@font-face{
  font-family:"NotoSerif";
  src:url("fonts/NotoSerifJP-VariableFont_wght.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
}

@font-face{
  font-family:"NotoSans";
  src:url("fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
}

@font-face{
  font-family:"Urbanist";
  src:url("fonts/Urbanist-VariableFont_wght.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
    size-adjust: 110%;

}


@font-face{
  font-family:"SS4";
  src:url("fonts/SourceSerif4-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  size-adjust: 105%;

}


*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}




body{
  font-family:
    "Urbanist",
    "NotoSans",
    "Yu Gothic",
    sans-serif;
  font-weight: 300;
  font-style:normal;
  font-kerning: normal;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  color:var(--color-main);
  /* 標準カーソルを消す */
  cursor:none;
  font-size: var(--fs-xs);
  text-align:justify;
  overflow-wrap:break-word;
  word-break:break-word;
  background-color: var(--color-invert);
   line-height: 2;

  
}





h1, h2, h3, h4, h5, h6{
     line-height: 1.5;
  font-weight:200;

  margin:0;
    text-align:left;

}



a{
  color:inherit;
  text-decoration:none;
  font-weight: inherit;

}




button{
  border:none;
  background:none;
  font:inherit;
}



html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.hidden {
  display: none;
}

a,
button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
}