/*スペース--------------------------------*/
@media screen and (min-width: 981px) {
  :root {
  --section-margin:12rem;
  --section-margin11:11rem;
  --section-margin10:10rem;
  --section-margin9:9rem;
  --section-margin8:8rem;
  --section-margin7:7rem;
  --section-margin6:6rem;
  --section-margin5:5.0rem;
  --section-margin4:4rem;
  --section-margin3:3rem;
  --section-margin2:2rem;
  --section-margin1:1rem;
  --page-max-width: 1440px;
  --page-min-width: 1024px;
  --page-padding:10%;
  --page-width:100%;
  }
}
  @media screen and (max-width: 980px) {
    :root {
    --section-margin:6rem;
    --section-margin11:5.5rem;
    --section-margin10:5rem;
    --section-margin9:4.5rem;
    --section-margin8:4rem;
    --section-margin7:3.5rem;
    --section-margin6:3rem;
    --section-margin5:2.4rem;
    --section-margin4:2rem;
    --section-margin3:1.5rem;
    --section-margin2:1rem;
    --section-margin1:0.5rem;
    --page-max-width: 100%;
    --page-min-width: 100%;
    --page-padding:4%;
    --page-width:100%;
    
    }
}
/*font--------------------------------*/
:root {
--font-en: "Montserrat", sans-seri;
--font-jp: "Noto Sans JP", sans-serif;
--font-number: "Roboto", sans-serif;
}
/*カラー--------------------------------*/
:root {
--basic-color: #000;
--primary-color: #FE0000;
--title-color: #000;
--sub-title-color: #FF2B07;
--mos-green-color: #B6C9C3;
--gray-color: #EBEBEB

}

/*フォントサイズ--------------------------------*/

@media screen and (min-width: 769px) {
  :root {
  --font-xxx: 5.6rem;
  --font-xx: 4.8rem;
  --font-x: 2.6rem;
  --font-l: 2.2rem;
  --font-m: 2.0rem;
  --font-s: 1.6rem;
  --font-xs: 1.2rem;
  --font-number-size: 24rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
  --font-xxx: 32px;
  --font-xx: 24px;
  --font-x: 20px;
  --font-l: 16px;
  --font-m: 14px;
  --font-s: 12px;
  --font-xs: 10px;
  --font-number-size: 64px;
  }
}



/*letter-spacing & line-height--------------------------------*/
:root{
  /* letter-spacing */
  --letter-spacing-l: 0.1em;
  --letter-spacing-m: 0.05em;
  --letter-spacing-s: 0.02em;
  --letter-spacing-xs: 0.01em;
  
  /* line-height */
  --line-height-xl: 2.4;
  --line-height-l: 2.0;
  --line-height-m: 2.0;
  --line-height-s: 1.4;
  --line-height-xs: 1.2;
}

/*box関係*/
:root{
  --box-wrap-width: 94%;
}