@charset "UTF-8";
/*=====================================================================
　変数
=====================================================================*/
:root{
    /* 文字
    ----------------------*/
    --text-set: "Noto Sans", sans-serif;
    --text-size: 18px;
    --text-weight_r: 400;
    --text-weight_bo: 700; /* bold */
    --text-weight_bl: 900; /* black */
    --text-style: normal;
    
    /* 色
    -----------------------*/
	--text-color: #333;
	--bg-color: #F6F6F6;
    
    --primary-color: #00A9E3;
    --secondary-color: #fff;
    --third-color: #b1b1b1;
    
    
    /* margin,paddingまとめて
    ----------------------*/
    --space-10: 10px;
    --space-15: 15px;
    --space-20: 20px;
    --space-30: 30px;
    --space-40: 40px;
    --space-50: 50px;
    --space-60: 60px;
    --space-70: 70px;
    --space-80: 80px;
    --space-90: 90px;
    --space-100: 100px;
    --space-150: 150px;
    
    /* コンテンツ幅
    ----------------------*/
    /* 画面幅から左右20pxずつ引く */
    /* max-width: 100%;　と　margin: 0 auto;を忘れずに */
    --inner-w: calc(100vw - 40px);
	
}

/*=====================================================================
　1000px以下
=====================================================================*/
@media screen and (max-width: 1000px) {
    :root{
        
}

/*=====================================================================
　850px以下
=====================================================================*/
@media screen and (max-width: 850px) {
    :root{
        /* 文字
        ----------------------*/
        --text-size: 16px;
    }
}

/*=====================================================================
　580px以下
=====================================================================*/
@media screen and (max-width: 580px) {
    :root{
        /* 文字
        ----------------------*/
        --text-size: 14.5px;
    }
}