@charset "UTF-8";

/*=====================================================================
　変数
=====================================================================*/
:root{
    /* 文字設定
    -----------------------------------*/
    --font-style: "Zen Maru Gothic", serif;/* Zen Maru Gothic */
    --ttl_font-style: "Solway", serif;/* Solway */
    
    /* 文字サイズ */
    --font-size: 16px;
    
    /* 色設定
    -----------------------------------*/
    /* 背景色 */
    --bg-color: #FEF4F4;
    
    /* 全体 */
    --primary-color: #333;/* 文字色 */
    --secondary-color: #fff;
    
    --gradation-color: linear-gradient(170deg, #a6d1f0 0%, #d3cce6 40%, #f7beb9 100%, #d3cce6 50%, #a6d1f0 50%);
    
    
    
    /* コンテンツ幅
    -----------------------------------*/
    --inner-1000: 1000px;
    --inner-1200: 1200px;
    --inner-1400: 1400px;
    --inner-1600: 1600px;
}


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

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

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