@charset "UTF-8";

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

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


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

/* ★色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
:root { 
 --base-color: #231815;/*テキストカラーはこれ*/
 --main-color: #bfdeae;/*メインカラーはこれ*/
 --sub-color: #318347;/*サブカラーはこれ*/
 --accent-color: #fff33f;
	--gradient-color: linear-gradient(180deg, #bfdeae, #dfefd6);/*グラデ：メイン40%とサブのカラー（2回入れる）をここに入れる*/
 --gradient-color2:linear-gradient(180deg, #006934, #318347);
 --link-color: #666;
	--link-main-color: #bfdeae; 
 --linkhover-color: #999;
 --back-color: #bfdeae66;/*背景カラーはメインカラーの透過40％で */
 --back-subcolor: #31834740;/*★背景カラーはサブカラーの透過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);
}

/* reCAPTCHAバッジを非表示にする */
body .grecaptcha-badge {
    visibility: hidden !important;
}


.reCAPTCHA-txt{
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
}

.reCAPTCHA-txt a{	
	text-decoration:underline;

}