@charset "UTF-8";

/* Theme Name採用サイトテンプレート*/

/*以下の部分はサイトごとに変更する*/


/*★googleフォント（必要な場合）*/
@@@{
  font-family: 'Noto Sans JP', sans-serif;
}

/* ★色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
:root { 
    --base-color: #231815;/*テキストカラーはこれ*/
    --main-color: #5185c5;/*★メインカラーはこれ*/
    --sub-color: #5fb7e1;/*★サブカラーはこれ*/
	--gradient-color: linear-gradient(90deg, #eef3f9, #d3e1f1, #d3e1f1);/*★グラデ：メイン10%とメイン25%（2回入れる）をここに入れる*/
    --link-color: #666;
	--link-main-color: #5185c5; 
    --linkhover-color: #999;
    --back-color: #5185c540;/*★背景カラーはメインカラーの透過25％で */
    --back-color-10: #5185c51A;/*★背景カラーはメインカラーの透過25％で */
    --back-subcolor: #5fb7e140;/*★背景カラーはサブカラーの透過25％で */
    --border-color: #ccc;
    --white-color: #fff;
    --gray-color: #717071;	
    --gray-thin-color: #f9f9f9;/*背景など用の薄いグレー#e4e6e7 */
		/* フォントされる場合は、ここを変更してください IE非対応 */
	--font-jp_plain:'Noto Sans JP', "游ゴシック", sans-serif;
	--font-jp:  'Noto Sans JP', "游ゴシック", sans-serif;
	--font-jp_b: 'Noto Sans JP', "游ゴシック",  sans-serif;
	--font-en_plain:'Albert Sans';
	--font-en: 'Albert Sans', sans-serif;
	--font-en_plain:'Overpass';
	--font-en: 'Overpass', sans-serif;;
	--font-en_cs: 'Whisper', cursive;
}

/*★TOPページの割合の部分*/
.data_danshi_svg .box .percent .line {
  stroke-dashoffset: calc(440 - (440 * 30) / 100);/*男子。440にかける数字を割合の数字にする（30のところを変更）*/
  stroke: var(--base-color);
}
.data_jyoshi_svg .box .percent .line {
  stroke-dashoffset: calc(440 - (440 * 60) / 100);/*女子。440にかける数字を割合の数字にする（70のところを変更）*/
  stroke: var(--base-color);
}
.data_stepup .box .percent .line {
  stroke-dashoffset: calc(440 - (440 * 100) / 100);/*440にかける数字を割合の数字にする（100のところを変更）*/
  stroke: var(--base-color);
}