@charset "UTF-8";

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

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


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

/* ★色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
:root { 
    --base-color: #3E3A39;/*テキストカラーはこれ*/
    --main-color: #1C7EB8;/*★メインカラーはこれ*/
    --sub-color: #14538F ;/*★サブカラーはこれ*/
    --sub2-color: #0087D0;/*★サブカラー②はこれ*/
	--gradient-color: linear-gradient(90deg, #1C7EB8, #1C7EB8, #14538F);/*★グラデ：メイン（2回入れる）とサブのカラーをここに入れる*/
    --link-color: #3E3A39;
	--link-main-color: #FFF56A; 
    --linkhover-color: #999;
    --back-color: #1C7EB820;/*★背景カラーはメインカラーの透過10％で */
    --back-subcolor: #14538F20;/*★背景カラーはサブカラーの透過20％で */
    --back-sub2color: #0087D020;/*★背景カラーはサブカラー②の透過20％で */
    --border-color: #ccc;
    --white-color: #fff;
    --gray-color: #7d7d7d;	
    --gray-thin-color: #f4f4f4;/*背景など用の薄いグレー#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 * 70) / 100);/*男子。440にかける数字を割合の数字にする（30のところを変更）*/
  stroke: var(--main-color);
}
.data_jyoshi_svg .box .percent .line {
  stroke-dashoffset: calc(440 - (440 * 15) / 100);/*女子。440にかける数字を割合の数字にする（70のところを変更）*/
  stroke: var(--main-color);
}
.data_promotion .box .percent .line {
  stroke-dashoffset: calc(440 - (440 * 75) / 100);/*440にかける数字を割合の数字にする（75のところを変更）*/
  stroke: var(--main-color);
}