@charset "utf-8";

/* ===================================================================
リセット
=================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote,
th,td{margin:0;padding:0}
html{overflow-y:scroll}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ol,ul{list-style:none}fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
caption{text-align:left_side_menu}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal}
a:active,a:focus{outline:0}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* =====汎用クラス===== */
/*html{font-size:62.5%;} /* ベースの文字サイズを 10px 相当に指定*/

body{background: #fff;
	font-size:16px;
	font-family: Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}
a:link{
	/*color:green;*/
	text-decoration:none;
}
a:visited{
	/*color:green;*/
	text-decoration:none;
}
a:hover{
	/*color:green;*/
	text-decoration:underline;
}

strong{
	font-weight:bold
}

img{
	max-width:100%;
}
#content{line-height: 1.5em;}

/* ======================================================
ヘッダー
========================================================= */

header{
	width:100%;
	margin-top:10px;}
header h1{
	border-bottom:solid 1px #006600;margin:auto;
	text-align:center;}	
img#title{
	background:white;
	position:relative;
	z-index:0;}
nav#category_pass{
	display:none;
	height: 25px;
	line-height:1rem;
	background-color:#006600;
	padding:5px 20px;
	color:white;
	font-size:13px;}		
nav#category_pass a:link, nav#category_pass a:visited, nav#category_pass a:hover{
	color:white;} 
nav#category_pass a:link{
	text-decoration-line:underline;}	
nav#category_pass li.arrowR:after{
	content:"＞";margin-left:10px}	
nav#category_pass li{
	display:inline;
	list-style: none;}
nav#category_pass li.right{
	float:right;}
nav#category_pass li.right img{
	margin:0 5px;}


/* ハンバーガーボタンとメニュー */
#navToggle {
	display: block;
	position:absolute;
	right:15px;
	top:20px;
	width:30px;
	height:25px;
	cursor:pointer;
	z-index:10;}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/	
#navToggle span {
	display:block;
	position:absolute;
	width:100%;
	border-bottom:solid 2px #999;
	}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

nav#hamMenu{
	position:fixed;
	right:-350px;/*通常時はビュー外*/
    top:60px; 
	height: calc(100% - 60px); /* 修正: 高さを調整 */
	overflow: hidden; /* 修正: 全体のオーバーフローを隠す */
	display: flex; /* 修正: 内部の要素を整理 */
	flex-direction: column; /* 修正: 縦方向のレイアウト */
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left;
	z-index:8;}
nav#hamMenu ul.toggle{
	background-color:white;
	width:350px;
	float:right;
	right:0px;
	font-size:0.9rem;
	overflow-y: auto; 
	-webkit-overflow-scrolling: touch;
	height:100%;}
nav#hamMenu li{
	background:white;display: block;}
nav#hamMenu li.kugiri2{
	border-bottom:dotted 1px #CCCCCC;}
nav#hamMenu a.toggle{
	display: block;
	text-decoration:none;
	color :#333;
	line-height:2.5em;
	margin-left:1.5em;}
nav#hamMenu a.toggle::after{
	font-family:"Font Awesome 5 Free";
	content:'\f105';
	position:absolute;
	right:10px;
	font-weight: bold;
	color:#228B22;}
nav#hamMenu span.midashi.toggle{
	display:block;
	background:#E5E5E5;
	color:#333333;
	padding-left:0.5em}
nav#hamMenu li.onmouse:hover{
	background:#C2C2C2;}
nav#hamMenu li.space2{border:solid 5px #E5E5E5}	
nav#hamMenu li.btn{display:none}


/* Click Toggle(Button) */
.openNav nav#hamMenu ul.toggle{overflow-y: auto; }/* 修正: `scroll` ではなく `auto` に統一 */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),.openNav #navToggle span:nth-child(3) {
	position:absolute;
	top	: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);}

.openNav nav#hamMenu {
	-moz-transform: translateX(-210px);
	-webkit-transform: translateX(-210px);
	transform: translateX(-210px);}

.modal {
      background-color: rgba(194, 194, 194, 0.7);
      width: 100%;
      height: 100%;
      left: 0;
      opacity: .1;
      position: fixed;
      top: 60px;
      z-index:5;
      visibility: hidden;}
 
.modal.openNav {
      opacity: 1;
      visibility: visible;}

.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}


/* ======================================================
コンテンツ　フレックスボックスの設定 　PCでは2カラム、640ｐｘ以下では１カラム
========================================================= */
#container{
	/*display: -webkit-flex;*/
	display:flex;
	flex-direction:column-reverse;width: 100%;max-width: 1190px;}
#sub{width:100%;
	margin:15px 0px 0px;
	background-color:#dddddd;
	border-bottom:solid 1px #5B5B5B;}
#main{margin:10px 20px;}


/* ======================================================
左ナビゲーション
========================================================= */
#left_side_menu {width:95%; margin:10px auto;}
#left_side_menu li span.midashi{margin-top:2px;}
#left_side_menu li span.midashi.q3{margin-top:6px;}
#left_side_menu li span.midashi.ict{margin-top:6px;}

/* --- メニュー項目 --- */
#left_side_menu li a.home, #left_side_menu a.item , #left_side_menu a.news, #left_side_menu a.schedule{
	position:relative;	
	display: block;
	background-color: #ffffff; /* 項目の背景色  #f5f5f5*/
	border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
	text-decoration: none; /* テキストの下線（なし） */}

/* --- 大見出し　位置　---*/
#left_side_menu li a{display:block;padding: 6px; font-size:15px}	
#left_side_menu li span.midashi{display:block;padding: 3px 6px; font-size:15px}	

/* --- 中見出し　位置　---*/
#left_side_menu li a.item{padding: 6px 5px 6px 22px;font-size:15px}

/* --- 縦ライン 左側ライン--- */
#left_side_menu li a.home, #left_side_menu li span, #left_side_menu a.item, #left_side_menu a.news, #left_side_menu a.schedule {
	border-left:solid 5px;
	height: -webkit-calc(100% - 0.1em);
	height: calc(100% - 0.1em);
	border-radius: 2px;}

/* --- 縦ライン 左側ラインの色指定--- */	
#left_side_menu li a.home{border-left-color:#006600;} /*トップ　緑 #006600*/
#left_side_menu li span.q1, #left_side_menu li.q1 a.item{border-left-color:#b8860b;} /*１級 ゴールド */
#left_side_menu li span.q2, #left_side_menu li.q2 a.item{border-left-color:#000099;}  /*2級 紺*/
#left_side_menu li span.q3, #left_side_menu li.q3 a.item{border-left-color:#a82330;}  /*3級　エンジ*/
#left_side_menu li span.ict, #left_side_menu li.ict a.item{border-left-color:#669922;} /*支援員　黄緑*/
#left_side_menu li span.ictSP, #left_side_menu li.ictSP a.item{border-left-color:#FF8C00;} /*支援員　オレンジ  　e45616*/
#left_side_menu li span.goukaku, #left_side_menu li.goukaku a.item{border-left-color:#5C5C5C;} /*合格者一覧*/
#left_side_menu li a.news, #left_side_menu li a.schedule{border-left-color:darkorchid;} /*紫*/
#left_side_menu li span.elc, #left_side_menu li.elc a.item{border-left-color:#008156;}  /*支援員養成講座　エメラルドグリーンっぽい*/


/* --- 見出し---箱 */
#left_side_menu li span.midashi {display:block;font-weight:bold;border-bottom: 1px #c0c0c0 dotted;}
#left_side_menu li span.q1{background-color:#b8860b}
#left_side_menu li span.q2{background-color:#000099}
#left_side_menu li span.q3{background-color:#a82330}
#left_side_menu li span.ict{background-color:#669922}
#left_side_menu li span.ictSP{background-color:#FF8C00}
/*　#left_side_menu li span.ictSP{background-color:#F2B33D}　*/

#left_side_menu li span.goukaku{background-color:#5C5C5C}
#left_side_menu li span.elc{background-color:#008156}

/* ---トップ、新着、年間スケジュールの箱の下側スペース--- */	
#left_side_menu li a.home, #left_side_menu li a.news{margin-bottom:2px}

/* ---カテゴリ間スペース--- */	
#left_side_menu li.space, #left_side_menu li.space2{
	border:dotted 1px #9B9B9B;margin:10px 0;}

/* ---コミュ研修ボタン--- */		
#left_side_menu li.btn{padding:3px;text-decoration: none;border-radius: 5px;margin-top:7px;margin-bottom:7px;}
#left_side_menu a.jnk4, #left_side_menu a.ntt{color:white;font-weight:bold;}    
#left_side_menu li.btn img{padding-left:10px}    
#left_side_menu li.btn.jnk4{background-color:#8bc24c;}
#left_side_menu li.btn.ntt{background-color:#f29c2b;}	
#left_side_menu li.btn.itcemail{background-color:#696969;padding:6px 0 0} /*　202203　未使用にメール問い合わせからウェブフォームへ */
#left_side_menu li img.itcemail{padding:5px 10px}  /*202203　メール問い合わせからウェブフォームへ */
#left_side_menu li.btn.toiawase{background-color:#696969;padding:6px}
#left_side_menu a.toiawase{color:#fff;font-weight:bold;}    
#left_side_menu li a.toiawase:hover {text-decoration: none;background-color: transparent;}

/* ---臨時　制度変更のお知らせ--- */	
#left_side_menu a.notice{color:#cc1338;font-weight:bold;}    
#left_side_menu li.btn.notice{background-color:#f594a7}

/*--ICT支援に養成講座--*/
#left_side_menu a.elc{color:#fff;font-weight:bold;}    
#left_side_menu li.btn.elc{background:linear-gradient(#008156, #49b302);background:-moz-linear-gradient(#008156, #49b302); background:-webkit-linear-gradient(#008156, #49b302);border-bottom:solid 2px #5f5f5f;box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);}
#left_side_menu li a.elc:hover {text-decoration: none;background-color: transparent;}
#left_side_menu li.btn.elc a{padding:10px 3px 10px 6px}

/* --- 見出し---箱 old色
#left_side_menu li span.midashi {display:block;font-weight:bold;border-bottom: 1px #c0c0c0 dotted;}
#left_side_menu li span.q1{background-color:#e5d4b1}
#left_side_menu li span.q2{background-color:#c2e3f9}
#left_side_menu li span.q3{background-color:#ffcccc}
#left_side_menu li span.ict{background-color:#e5efce}
#left_side_menu li span.ictSP{background-color:#ffe8cc}
#left_side_menu li span.goukaku{background-color:#CFCFCF}*/




/* --- ポイント時の設定 --- */
#left_side_menu li a:hover {
	background-color: #f5f5f5; /*背景色グレー*/
	font-weight:bold;
	}
/*#left_side_menu li a.jnk4:hover {background-color:#669933;text-decoration:none;color:#003300}
#left_side_menu li a.ntt:hover {background-color:#CC6633;text-decoration:none;color:#663333}*/	
#left_side_menu li a.jnk4:hover {background-color:#8bc24c;text-decoration:none;color:#003300}
#left_side_menu li a.ntt:hover {background-color:#f29c2b;text-decoration:none;color:#663333}
#left_side_menu li a.notice:hover {background-color:#f594a7;text-decoration:none;}


/* --- 文字色 --- old 
#left_side_menu li a.home{color:#006600;}
#left_side_menu span.q1, #left_side_menu li.q1 a{color:#b8860b;}
#left_side_menu span.q2, #left_side_menu li.q2 a{color:#3333CC;}
#left_side_menu span.q3, #left_side_menu li.q3 a{color:#a82330;}
#left_side_menu span.ict, #left_side_menu li.ict a{color:#669922;}
#left_side_menu span.ictSP, #left_side_menu li.ictSP a{color:#e45616;}
#left_side_menu span.goukaku, #left_side_menu li.goukaku a{color:#525252;}
#left_side_menu li a.news, #left_side_menu li a.schedule{color:blueviolet;}*/

/* --- 文字色 --- */

#left_side_menu span.q1, #left_side_menu span.q2, #left_side_menu span.q3, #left_side_menu span.ict, #left_side_menu span.ictSP, #left_side_menu span.goukaku,#left_side_menu span.elc
{color:white}

#left_side_menu li a.home{color:#006600;}
#left_side_menu li.q1 a{color:#b8860b;}
#left_side_menu li.q2 a{color:#3333CC;}
#left_side_menu li.q3 a{color:#a82330;}
#left_side_menu li.ict a{color:#669922;}
#left_side_menu li.ictSP a{color:#FF8C00;}
#left_side_menu li.goukaku a{color:#525252;}
#left_side_menu li a.schedule, #left_side_menu li a.news{color:blueviolet;}
#left_side_menu li.elc a{color:#008156;}

/* 見ているメニュー*/
/*　bodyにクラス指定をし、#left_side_menu のクラスを指定する */

/*トップページ*/
body.top #left_side_menu li a.home {background: #EEFFEE; color:#006600;font-weight:bold;}
body.q1_youkou #left_side_menu li.q1 a.item {background-color:#cc9933;color:white;font-weight:bold;}

/*2級見ているページメニュー項目の背景色と白抜き文字に指定*/
body.q2_youkou #left_side_menu li.q2 a.youkou, 
body.q2_step #left_side_menu li.q2 a.q2_step,
body.q2_kakomon #left_side_menu li.q2 a.kakomon,
body.schedule_2c #left_side_menu li.q2 a.sche,
body.q2_faq #left_side_menu li.q2 a.faq_q2
	{background-color:#467deb;color:white;font-weight:bold;}

/*3級見ているページメニュー項目の背景色と白抜き文字に指定*/
body.q3_youkou #left_side_menu li.q3 a.youkou, 
body.q3_kakomon #left_side_menu li.q3 a.kakomon,
body.q3_step #left_side_menu li.q3 a.q3_step,
body.schedule_3c #left_side_menu li.q3 a.sche
	{background-color:#d85057;color:white;font-weight:bold;}

/*Ict 見ているページメニュー項目の背景色と白抜き文字に指定*/
body.ict_youkou #left_side_menu li.ict a.youkou,  
body.ict_faq #left_side_menu li.ict a.faq,
body.ict_step #left_side_menu li.ict a.ict_step,
body.schedule_ict #left_side_menu li.ict a.sche
	{background-color:#90ba52;color:white;font-weight:bold;}


/*Ict上級 見ているページメニュー項目の背景色と白抜き文字に指定*/
body.ictSP_youkou #left_side_menu li.ictSP a.youkou,  
body.ictSP_faq #left_side_menu li.ictSP a.faqSP,
body.ictSP_step #left_side_menu li.ictSP a.ictSP_step,
body.schedule_ictSP #left_side_menu li.ictSP a.sche
	{background-color:#F2B33D;color:white;font-weight:bold;}
	/*#ff9933*/


/*合格者 見ているページメニュー項目の背景色と白抜き文字に指定*/ 
body.q1_goukaku #left_side_menu a.item.q1, 
body.q2_goukaku #left_side_menu a.item.q2, 
body.q3_goukaku #left_side_menu a.item.q3, 
body.ict_goukaku #left_side_menu a.item.ict, 
body.ictSP_goukaku #left_side_menu a.item.ictSP
	{background-color:#848484;color:white;font-weight:bold;}


/*支援員養成講座 見ているページメニュー項目の背景色と白抜き文字に指定*/ 
body.elc_youkou #left_side_menu li.elc a.youkou,
body.elc_faq #left_side_menu li.elc a.faq_elc{background-color: #329a77;color:white;font-weight:bold}

body.top .top >a { background:#CF9; }


/* ======================================================
本文　汎用
========================================================= */
#content{margin:15px 10px 0 10px}
#content p{margin:10px 10px 20px 10px;}
#content img.kentei{display:block;margin:10px auto 20px auto}

span.txt.red{color:#FF0033}
span.txt.blue{color:#3333CC}
span.txt.green{color:#006600}
span.txt.brown{color:#a82330}/*2級過去問にも茶色使用*/
span.note{font-size:88%;}

body.ict_faq a, body.ict_youkou a, body.ict_step a{color:green;}　/*リンク文字色　ICT*/
body.q3_youkou a, body.q3_step a{color:#a82330;}
body.q2_step a{color:#3333CC;}
body.q2_youkou span a:visited, body.q2_step a:visited{color:#3333CC;}

.msgbox{padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #ffefc2;
	border-radius:5px;
}

/* ======================================================
本文見出し
========================================================= */
#main h2{position: relative;font-size:113%;padding:5px;text-align:center;color:#fff;font-weight:bold;}

#main h2.top{background-color:#006600;border-radius: 40px;}
#main h2.q1{background-color:#cc9933;border-radius: 40px;}
#main h2.q2{background-color:#467deb;border-radius: 40px;}
#main h2.q3{background-color:#d85057;border-radius: 40px;}	
#main h2.ict{background-color:#90ba52;border-radius: 40px;} 
#main h2.ictSP{background-color:#F2B33D;border-radius: 40px;} 
#main h2.goukaku,
#main h2.faq{background-color:#848484;border-radius: 40px;} 
#main h2.elc{background-color:#008156;border-radius: 40px;} 

#main h2::before{font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 50%;
	left: 20px;
	content : '\f111';/*●マーク*/
	color: white;
	font-size:106%;
	margin-top:-10px;
	}

#main h2::after{font-family:  "Font Awesome 5 Free";
	position: absolute;
	top: 50%;
	right: 15px;
	content : '\f111';/*●マーク*/
	color: white;
	font-size:106%;
	margin-top:-10px;
	font-weight:bold;}

#main h3{
	font-size:106%;
	padding:7px 20px 7px 10px;
	text-align:left;
	color:#333;
	font-weight:bold;
	border-left: solid 5px;}

#main h3.top, #main h3.notice{border-left-color:#006600;background-color:#EEFFEE;}
#main h3.q1{border-left-color:#cc9933;background-color:#e5d4b1;}
#main h3.q2{border-left-color:#5c8bea;background-color:#c5e5fc;}
#main h3.q3{border-left-color:#cc6666;background-color:#ffcccc;}
#main h3.ict{border-left-color:#90ba52;background-color:#e5efce;}
#main h3.ictSP{border-left-color:#F2B33D;background-color:#ffe8cc;}
#main h3.elc{border:solid 1px #008156; border-left:solid 8px #008156;color:#008156}

#notice_waku h3{border-left-color:#dc143c;}

h4{border-bottom: solid 2px}
h4.q3{color:#d85057;margin:1em 0.5em;font-weight:bold}
h4.q2{color:#3333CC;margin:1em 0.5em;font-weight:bold}
h4.q1{color:#cc9933;;margin:1em 0.5em;font-weight:bold}


#main h4.top{
	font-size:103%;
	background-color:#EEFFEE;
	width:100%;
	font-weight:bold;
	color:#030303;
	border-bottom: solid 2px #006600;
	}
	
#main h4.goukaku{padding:5px 0}/*合格者２級*/

#main h4.step{
	font-size:100%;
	padding:3px 10px;
	text-align:left;
	font-weight:bold;
	background-color: #f5f5f5; /*背景色グレー*/
	}
#main h4.q2{
	color:#3333CC;/*
	;*/
	}
#main h4.ict{
	color:#669922;
	}

	
#main h5{font-size:94%;	font-weight:bold;
  	background: linear-gradient(transparent 70%, #E2E2E2 70%);
  	display: inline-block;
  	margin-left:10px;padding-top:5px;color:#bb2000;}/*100%*/

#content ul{margin-left:1em}	

/* ======================================================
緊急お知らせ
========================================================= */
#emg{margin-top:7px; margin-bottom:20px;border:solid 2px red;padding:15px;}
#emg-info{margin-top:7px; margin-bottom:20px;border:solid 2px green;padding:15px;}

#emg p.emg_title{font-size:113%;color:red; font-weight:bold;line-height: 1.4em;}
/*#emg ul{margin:10px 10px 10px 25px}*/
#emg ol{margin:5px 0px}
#emg li.spacelarge{line-height:2em}
#emg li.suuji{list-style-type: decimal;}
#emg li.nakaguro{list-style-type: disc;}
#emg .relase_date{text-align:right}
#emg p{line-height:1.5em; margin-bottom:10px}
#emg hr.emg-kugiri{border-bottom:grey solid 1px}
table.em{margin:20px 10px}
table.em tr{border:solid 1px grey}
table.em td{padding:5px 7px;}
table.em td:not(.place) {white-space:nowrap}
table.em td:nth-child(3) {padding:5px 0px;}
table.em th{background:#ddd;padding:6px 15px; text-align:center}
table.em td.q2{background:#c2e3f9}
table.em td.q3{background:#ffcccc}
table.em td.ict{background:#e5efce}
table.em td:nth-child(2) , table.em td:nth-child(4) , table.em td:nth-child(5)  {text-align:right}
#emg p.subtitle{font-weight:bold; font-size:105%}

#emg table.em2 th:nth-child(2), #emg table.em2 th:nth-child(3){border-left:grey dotted 1px}
#emg table.em2 td:nth-child(2), #emg table.em2 td:nth-child(3){border-left:grey dotted 1px}
#emg table.em2 td{white-space:nowrap;text-align:center}

.cbts_notice{border-radius:5px;padding:5px 10px; margin-bottom:5px}
.cbts_notice ul li:first-child{background-color:lavenderblush;}
.cbts_notice ul li{padding:5px 3px 3px}
a.cbts_notice_link:link{color:firebrick} 
a.cbts_notice_link:visited{color:firebrick !important} 

#emg a:link

/*↓2020年チラシリンクのみに利用*/
#emg ul.flyer{display:flex;justify-content:center}
#emg ul.flyer li{display:flex;align-items:center;margin:10px 30px}
#emg ul.flyer li:first-child a:link, #emg li:first-child a:visited{color:#1D2088;}
#emg ul.flyer li:last-child a:link, #emg li:last-child a:visited{color:green}

/* 概要ページ掲載用 */
.announce a:link, .announce a:visited{color:red}

/* ======================================================
掲示
========================================================= */
body.top #notice_hako{box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);margin-left:10px}
body.notice_detail #notice_hako{margin:10px 10px 0 25px}
#main h2.notice{border-color: #dc143c;border-style:solid none;color:#dc143c;font-size:126%;}
#main h2.notice a, body.notice_detail p.goto_top a{color:#dc143c}
body.notice_detail h3{background-color:#fef1f4;margin-top:10px;border-left-color:#dc143c !important}
body.notice_detail h4.price_title{color:#dc143c;margin-left:20px}
div.notice_content{margin-bottom:20px;border-bottom:solid 2px #D50000;padding:10px 3px;}

/*--要点掲示用　リストタイプ */
div.notice_content ol.point{
	padding:0 0.5em;
	counter-reset:number;
	}
div.notice_content ol.point li{
	position:relative;
	font-weight:bold;
	font-size:110%;
	color:#3E2723;
	padding: 0.3em 0.5em 0.3em 35px;	
	}
div.notice_content ol.point li:before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
    display:inline-block;
	background: #dc143c;
	color: white;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
    top: 50%;
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);}
/*--検定試験タイプ分けラベル---*/
span.square{
	width:20px;height:20px;
	border-radius: 5px;
	margin:5px 5px 5px 0;padding:2px 5px;
  	font-size:88%;
	font-weight:bold;}	
span.square.ICT{background: #e5efce;}
span.square.ICT_SP{background:#ffe8cc}
span.square.q3{background: #ffcccc;}
span.square.q2{background: #c2e3f9;}
span.ICT{color:#669922;}
span.ICT_SP{color:#FF8C00;}
span.q3{color:#a82330;}
span.q2{color:#3333CC;}

div.notice_content p.goto_detail{text-align:right;padding-right:10px}
div.notice_content i.goto, div.notice_content a{font-size:100%;color:#dc143c;}
body.notice_detail p.point{padding:15px;line-height:1.7em}
body.notice_detail p.goto_top{clear:both;text-align:center;}

/*--新受験料--*/
dl.price{display: -webkit-flex;
	display: flex;flex-wrap:wrap;
	margin-left:20px;margin-bottom:20px;width:500px}
dl.price dt{width:55%;border-bottom:dotted 1px #dc143c;padding:5px 0}
dl.price dd{width:45%;border-bottom:dotted 1px #dc143c;padding:5px 0}

/*--上級支援員要件リスト--*/
ol.qualification{list-style:decimal;margin:0 20px 0 45px}
ol.qualification li{color:#dc143c;line-height:1.4em}

.dl_flyer{background-color:#fef1f4;border-radius:5px;width:90%;margin:auto;border:solid 1px #dc143c;margin-bottom:10px}
.dl_flyer ul{display:flex;justify-content:center}
.dl_flyer li{font-size:90%;display:flex;align-items:center;padding:10px;}

/* ======================================================
ご案内ちらしダウンロード掲示
========================================================= */

p.info{font-size:107%;font-weight:bold;text-align:left;color:#333;background: linear-gradient(transparent 70%, #009900 70%);}
div.info{display:flex;}
div.info-box, div.info-box-new{display:flex;flex-direction:column;background-color: #f1f1f1;margin:0 10px;padding:10px 0 3px;text-align:center;flex:1;position:relative}
.info-title{flex-grow:1;margin:1em 0.5em 0}
.pdf-image{margin-top:7px;max-width:70%;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);}
p.dl-botton{background-color:#008f21; margin:7px auto;padding:8px;border-radius:15px;line-height: 1.2em;}
p.dl-botton a{color:#fff;text-decoration: none;}
p.dl-botton a:hover{color:yellow}
.fileinfo{font-size:85%}
.info-box-new::before{position:absolute;
    content: "New!";
	font-size:75%;
    background-color:#ff6565;color:white;
	top:0;left:0;padding:2px 5px ;
}


/* ======================================================
トップ　認定レベル
========================================================= */
div.about{margin:auto}
div.level_guide{margin-left:10px}
div.level_guide ul{margin-left:10px}
div.level_guide li{margin-left:20px;list-style-type: disc}		
div.level_guide span.mark{color:#006600}


/* ======================================================
タブ切り替え（トップ）
========================================================= */

/*タブ切り替え全体のスタイル*/
.tabs {margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width:50%;
  height: 36px;
  border-radius:10px 10px 0 0;
  background-color: #EDEDED;
  line-height: 45px;
  font-size: 98%;
  text-align: center;
  color: #565656;
  display: inline-block;
  float:left;
  vertical-align:middle;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
/*タブのスタイル 色　トップ */
.top label.tab_item{border-bottom: 3px solid #006600;}

.tab_item:hover {
  opacity: 0.8;
}

/*ラジオボタンを全て消す*/
input[name=tab_item] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 15px 10px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#aboutITCE:checked ~ #aboutITCE_content,
#aboutICT:checked ~ #aboutICT_content {
  display: block;
}


/*選択されているタブのスタイルを変える*/
.top .tabs input:checked + .tab_item {
  background-color: #006600;
  color: #fff;
}

.top p.about a{color:#006600}

/* ======================================================
実施要項
========================================================= */
/*--1級--*/
ul.q1_youkou_name{font-size:94%;padding-left:1em;margin-bottom:1.5em}
ul.q1_youkou_name li{list-style-type: disc}
ul.q1_youkou_process{font-size:94%;;padding-left:1em}
.q1_youkou div.toiawase{margin-left:1em; color:#cc9933}
.q1_youkou div.toiawase a:visited{color:#cc9933}

/*---2級、支援員　共通---*/
img.link{margin-left:5px}
p.place, span.place{font-size:92%}

/*---2級、3級、支援員　共通申込ボタン---*/
div.signup{margin:20px auto;text-align:center;width:400px;padding:10px;border-radius:5px;
font-size:125%;color:#262626}
.ict_youkou div.signup{background-color:#90ba52}
.q3_youkou div.signup{background-color:#d85057}	
.q2_youkou div.signup{background-color:#467deb}	
div.signup a{display:block;text-decoration:none;font-weight:bold;color :white !important}
div.nonsignup{margin:10px auto;text-align:center;width:400px;padding:10px;border-radius:5px;
font-size:125%;color:#262626;background-color:#dddddd}
div.signup span.note{
	font-size:75%;line-height: 0.8em;
}

.signup_2c{display:none}
.button_a{background-color:#46baeb;font-size:125%;margin:10px 15px;padding:10px;border-radius:5px;text-align: center;}
.button_b{background-color:#467deb;font-size:125%;margin:10px 15px;padding:10px;border-radius:5px;text-align: center;}
.button_a a,.button_b a{font-weight: bold;color:white;}
.q2_youkou div.nonsignup{width:auto;}

/*--参考書籍-- 2023まで使用
div.refer{margin-top:20px}
div.refer p{margin-bottom:10px !important}
div.refer ul{display:table;margin-left:20px}
div.refer ul.mondaisyu li{float:left; padding:10px;}
div.refer ul.mondaisyu li:last-child{text-align:center;border-radius:5px;background-color:#ffcccc;}
div.refer ul.mondaisyu li:last-child a{display:block;font-size:100%;color:#cc6666}
*/


	
/*--バウチャー--*/
#voucher{margin-top:20px}
#voucher > ol{list-style-type:decimal !important;margin-left:45px}


div.btn_flow{margin-top:20px;text-align:center}
.btn_flow li{display:inline-block;margin:5px 10px;padding:15px 10px;font-size:116%;width:40%;text-align:center;border-radius: 5px; font-weight:bold}
.ict_youkou .btn_flow li{background-color:#e5efce;}
.ict_youkou .btn_flow li:hover{background-color: #90ba52;color:white}/*#669922*/

.ictSP_youkou .btn_flow li{background-color:#F2B33D;}
.ictSP_youkou .btn_flow li a:hover{background-color: #ffe8cc;color:white !important}
.ict_youkou .btn_flow a:hover, .ictSP_youkou .btn_flow a:hover, .q2_youkou .btn_flow a:hover, .q3_youkou .btn_flow a:hover{color:white}

.q2_youkou .btn_flow li{background-color:#467deb;}
.q2_youkou .btn_flow li:hover{background-color: #000099;color:white}
.q3_youkou .btn_flow li{background-color:#cc6666;}
.q3_youkou .btn_flow li:hover{background-color: #a82330;color:white}

.btn_flow li.unopen, .btn_flow li.unopen:hover{background-color:grey;color:black;font-weight:normal}

/*--2級、3級、支援員　共通実施要項の表--*/
table.youkou {display:table;width:100%;margin:auto;box-sizing: border-box;border-collapse:collapse;font-size:90%}
table.youkou thead th{color: white;	padding:5px;border: solid 1px #B0B0B0;font-size:100%}
body.q2_youkou table.youkou thead th{background:#00d;}
body.q3_youkou table.youkou thead th{background:#a82330;}
body.ict_youkou table.youkou thead th{background:#669922;}
body.ictSP_youkou table.youkou thead th{background:#FF8C00;}
table.youkou thead td{text-align:center;font-weight:bold;}
body.ict_youkou table.youkou thead td{background-color:#e5efce;color:#669922}
body.q2_youkou table.youkou thead td{background-color:#c2e3f9;color:#000099}
table.youkou thead td:first-child{width:10%} /*--2次試験のみのとき--*/
table.youkou thead td.term0{border-left:solid 1px #B0B0B0;}
table.youkou thead td.term2{border-left:solid 1px #dddddd;border-right:solid 1px #B0B0B0;}
table.youkou tbody tr{border: solid 1px #B0B0B0;}
table.youkou tbody th{background-color: #dddddd;font-weight: bold;text-align: center;padding:5px;white-space:nowrap;}
table.youkou tbody td{padding:5px 10px;}
table.youkou tbody td.term1{width:45%;}
table.youkou tbody td.term2{width:45%;}
table.youkou tbody td.col-purple{color:#912299;font-weight:bold}
table.youkou tbody td.col-pink{color:#DF2299;font-weight:bold}
table.youkou tbody td.term3{width:45%;}
.term1, .term2{vertical-align: top;}
.term1 > p{line-height: 1.1;margin:0 !important}


table.youkou tbody td.center{text-align:center}

table.youkou tbody td span.time{padding-left:3em}
table.youkou tbody td.term1{border-right:solid 1px #dddddd}
	
/*--ICT--*/
body.ict_youkou p.goto_entry{font-size:119% !important}
body.ict_youkou a:hover, body.ict_youkou a:link, body.ict_youkou a:visited{color:#669922}

body.ict_youkou img.ICT_book{float:left;margin-left:10px}
body.ict_youkou ul.ICT_book{margin-left:150px}
body.ict_youkou ul.ICT_book li{list-style-type:disc;}
body.ict_youkou img.ICT_book{float:left;margin:0 10px}

/*--ICT　と　ICT FAQ 共通--*/
body.ict_youkou strong, body.ict_faq strong{font-weight:bold; color:green;}
body.ict_youkou i.fa-caret-right, body.ict_faq i.fa-caret-right{color:green;margin:0 5px;}

/*--2級　オンラインテストの要件--*/
.online2c{margin-left:2em;border:solid 1px grey;margin:1em;font-size:96%}
.online2c td{border:solid 1px grey;margin:1em;padding:0.3em 0.5em}

/*--2級　後半試験の概要と予行演習--*/
.q2_gogo_gaiyou > li{margin-bottom: 0.5em;font-weight: bold;font-size:96%}
.q2_gogo_gaiyou > li > ul {font-size:94%;font-weight: normal;margin-left:2em !important}
.q2_gogo_gaiyou > li > span {font-size:94%;font-weight: normal;margin-left:2em}
button.signup_pre{border:none;padding:0.5em 1em;border-radius: 4px;background-color:#46baeb;margin:1em 0.5em}
button.signup_pre a{color:white; text-decoration: none;}
button.nonsignup_pre{border:none;padding:0.5em 1em;border-radius: 4px;background-color:#dddddd;margin:1em 0.5em}

/* ======================================================
ICT支援員養成講座　コース概要
========================================================= */

/*--ICT支援員養成講座　本文　--*/
body.elc_youkou a:hover, body.elc_youkou a:link, body.elc_youkou a:visited{color:#008156}


.elc_midashi{border-top:solid 3px #008156;border-bottom:solid 3px #008156;padding:1em;
	display:flex;flex-direction:column;align-items: center;row-gap:10px;}

.course_title{color:#333;border-left-width: 0 !important;border-radius:0.25rem ;
	padding:15px 20px !important;display: flex;
	flex-wrap: wrap;align-items: center; }
.course_title > br{display:none}	
.course_title.elcA{background-color:#f9a935;}	
.course_title.elcB{background-color:#449612;color:white !important}	
.course_title.elcC{background-color:#8bc34a;color:white !important}	
.course_title:first-letter {font-size: 1.3em; }
.bg-light{background-color: snow;}
.badge{border-radius:0.25rem;padding:0.25em 0.4em;font-size:75%;color:#333;white-space: nowrap;} 
	
/* コース概要テーブル */
.course_table{width:98%;table-layout: auto;max-width:98%;border-collapse: collapse;}
.course_table th {padding: 10px; text-align: left;
		vertical-align: middle; border: 1px solid gray;
		color: black;}
.course_table td {padding:10px; text-align: left;
	   border:1px solid gray;}
.course_table{border-collapse: collapse;margin: 1em 0.5em;}
.course_table th{width:15%;text-align:center;white-space: nowrap;}
.course_table td{text-align:left;}    
.course_A{border:1px solid #f9a935}  
.course_A th{background-color: #ffefd5;color:#ee944d;border: 1px solid #f9a935;}
.course_A td{border: 1px solid #f9a935;}
.course_BC{border:1px solid #449612}  
.course_BC th{background-color: #d9eab2;color:#449612;border: 1px solid #449612;}
.course_BC td{border: 1px solid #449612;}
.course_alert{margin-top:8px;border:#d6d8db 1px solid;border-radius: 0.25rem;padding:0.25em 0.5em;margin:1em 0.5em}
.course_A .course_alert{background-color:#ffefd5;}
.course_BC .course_alert{background-color:#d9eab2;}

 @media screen and (max-width: 480px) {
.course_table, .course_table tbody, .course_table tr, .course_table th, .course_table td {
	display: block;width: 100%;	}
h3.course_title{font-size:100% !important;}	
.course_title > br{display:inline}		
.course_A, .course_BC{border:none}
.course_table th {font-weight: bold;border-bottom: none;text-align: left;width: 100%;}
.course_table td {border-top: none;padding-top: 0.4em;background-color: #ffffff;}
  
/* 複数 th, td セットが連続する場合の調整 */
.course_table tr + tr {margin-top: 0.5em;}
  
/* .course_alert の余白調整 */
.course_alert {margin-left: 0;margin-right: 0;}
}

/* ======================================================
支援員養成講座　ページ下の受講申込みボタンの下部分
========================================================= */
body.elc_youkou p span.leaflet{color:#008156}
body.elc_youkou p span.leaflet a:link{color:#008156}


div.signup a{display:block;text-decoration:none;font-weight:bold;color :white !important}
.elc_youkou div.signup{
	width: auto !important; 
	margin:10px 10px 20px 10px;text-align:center;
	background-color:#007bff;
	padding:0.5rem 1rem;
	font-size:1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
	display:inline-block;
	transition: background-color 0.3s ease-in-out;}
.elc_youkou div.signup:hover {
	background-color:#0069d9;border-color:#0062cc;
}
  

/* ======================================================
ICT FAQ
========================================================= */
.update{text-align:right; font-size:94%;margin-bottom:10px;}
ol.faq, ul.faq{padding:0 15px;}
ol.faq > li{text-indent:-1.3em;padding-left:1.5em}
ul.faq > li{text-indent:-0.7em;padding-left:1.5em}
ul.satellite{padding:0 15px 0 35px}
ul.satellite li{list-style-type:disc}
.sample{font-size:94%}
.sample hr{border:dotted 1px silver; }
.sample ol{list-style-type: decimal}
.sample table.mondai td.box{white-space:nowrap;vertical-align:top;padding-left:15px}
.sample table.mondai input{width:20px;}
.sample ol{padding-left:30px}
table.typeX{border: solid 1px red;}
table.mondai img{max-width:450px;}



/* ======================================================
FAQ
========================================================= */

#main h4.accordion{
	font-size:103%;
	padding:7px 20px 7px 10px;
	text-align:left;
	color:#333;
	font-weight:bold;
	border-left:none;
	border-bottom: none;
	margin:0
}

h4.accordion.q2{background-color:#c5e5fc;}
h4.accordion.ict{background-color:#e5efce;}
h4.accordion.ictSP{background-color:#ffe8cc;}
h4.accordion.elc{background-color:#e1f0e1;}

.accordion {
	cursor: pointer;
	background: #ededed;
	display: flex;
	align-items: center;
	position: relative; /* 相対配置を適用 */
	padding-right: 20px; /* 右側にアイコンのための余白を確保 */
}

.arrow_icon {
	position: absolute;
	right: 10px; /* 右端から 10px 内側に配置 */
	font-size: 16px;
	padding-left:20px;
}

.faq_title {
	flex-grow: 1; /* 残りのスペースをすべて埋める */
	padding-right: 20px; /* アイコンの左側に 10px の余白を追加 */
}

.faq_panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	margin-bottom:5px;
	}
.faq_panel.open {
	overflow: hidden; /* アニメーション中に不要なレイアウト変更を防ぐ */
}

.faq_panel p{margin-bottom:10px !important;}

.faq_link{  display: grid;
	grid-template-columns: repeat(2, minmax(200px, 260px)); /* 2列レイアウト */
	gap: 10px;
	justify-content: center; 
	width: auto;
	margin: auto;}	
div.button_faq{margin:0px auto;text-align:center;padding:10px;border-radius:5px;font-size:125%;color:white;width:100%;}

div.button_faq a:link, div.button_faq a:visited{color:white;text-decoration: none;}	
.button_faq.ict{background-color:#90ba52}
.button_faq.ictSP{background-color:#F2B33D}
.button_faq.q2{background-color:#467deb}
.button_faq.q3{background-color:#d85057}
.button_faq.elc{background-color:#329a77}

.button_faq.ict:hover{background-color: #338B22;}
.button_faq.ictSP:hover{background-color: #F67300;}
.button_faq.q2:hover{background-color: #2661D1;}
.button_faq.q3:hover{background-color: #c72f30;}
.button_faq.elc:hover{background-color:#008156;} 
.button_faq{flex-basis: 220px;flex-grow: 1;}

.button_nonacitve{margin:0px auto;text-align:center;padding:10px;border-radius:5px;
	font-size:125%;color:#262626;background-color:#dddddd;width:400px}

.button_toiawase{margin:20px auto;text-align:center;max-width:400px;padding:20px;border-radius:5px;font-size:125%;}
.button_toiawase{background-color:#696969}	
.button_toiawase a{display:block;text-decoration:none;font-weight:bold;color :white !important}	
.button_toiawase:hover{display:block;background-color:#339933}	
p.toiawase{text-align:center;}
p.toiawase a:link, p.toiawase a:visited{color:blue;text-decoration: underline;}
/* ======================================================
申込手順
========================================================= */
/*** 申込の流れ　見出し***/
ol.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;}
ol.step li{
  display:table-cell;
  position:relative;
  padding-left:1.5em;
  font-weight: bold;
  line-height:2.4em}

/*--色---*/
body.q2_step ol.step li{background: #c2e3f9; color: #00d;width:calc(100%/3);}
body.q3_step ol.step li{background: #ffcccc; color: #a82330;width:calc(100%/2);width:50%}
body.ict_step ol.step li{background: #e5efce;  color: #669922;width:calc(100%/3);}
body.ictSP_step ol.step li{background: #ffe8cc;color: #F2B33D;width:calc(100%/2);width:50%}
body.q2_step ol.step li a{background: #c2e3f9;  color: #00d;}
body.q3_step ol.step li a{background: #ffcccc;  color: #a82330;}
body.ict_step ol.step li a{color: #669922; display:block;}
body.ictSP_step ol.step li a{color:#FF8C00; display:block;}

ol.step li:last-child:before, ol.step li:last-child:after{display:none;}
ol.step li:before,
ol.step li:after{content: "";position: absolute; width: 0; height: 0; margin: auto;}
ol.step li:before{border-color: transparent transparent transparent #fff;}
ol.step li:before{top:-0.8em;right:-0.8em;border-style: solid;border-width: 2em 0 2em 1em;z-index: 1;}
ol.step li:after{top:-0.8em;right:-0.55em;border-style: solid;border-width: 2em 0 2em 1em;z-index: 1;}

body.q2_step ol.step li:after{border-color: transparent transparent transparent #c2e3f9;}
body.q3_step ol.step li:after{border-color: transparent transparent transparent #ffcccc;}
body.ict_step ol.step li:after{border-color: transparent transparent transparent #e5efce;}
body.ictSP_step ol.step li:after{border-color: transparent transparent transparent #ffe8cc;}

body.q2_step ol.step li.is-current{background:#00d; font-weight: bold;color:white;}
body.q2_step ol.step li.is-current:after{border-color: transparent transparent transparent #00d;}
body.q3_step ol.step li.is-current{background: #a82330; font-weight: bold;color:white;}
body.q3_step ol.step li.is-current:after{border-color: transparent transparent transparent #a82330;}

body.ict_step ol.step li.is-current{background: #90ba52; font-weight: bold;color:white;}
body.ict_step ol.step li.is-current:after{border-color: transparent transparent transparent #90ba52;}
body.ictSP_step ol.step li.is-current{background:#F2B33D; font-weight: bold;color:white;}
body.ictSP_step ol.step li.is-current:after{border-color: transparent transparent transparent #F2B33D;}


div.btn_application{text-align:center;}
a.btn_application{
	margin:auto;
    position: relative;
    display: inline-block;
    font-size:24px;
    line-height:1.4em;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    background: #E5E5E5;  }

a.btn_application.q2{color:#3333CC;}
a.btn_application.q2:hover{background: #467deb;color:white;}
a.btn_application.ict{color:#669922;}
a.btn_application.ict:hover{background: #90ba52;color:white;}
a.btn_application.ictSP{color:#F2B33D;}
a.btn_application.ictSP:hover{background: #ffe8cc;color:white;}

/*-- 申込フロー -- */
div.flow{
	margin-top:15px;
}
div.flow dl{
 	display:-webkit-box;
  	display:flex;
}
div.flow dt{display:-webkit-box;
  	display:flex;
	padding:5px 8px;width:30%;font-weight:bold;font-size:94%;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
div.flow dd{background-color:#F0F0F0;padding:5px 8px;width:70%;font-size:92%;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}/*#f5f5f5*/

/*フローボックス内の背景色*/
/*div.step dt{background-color:#e5efce}*/

div.label_1{background:linear-gradient(90deg,#ca3cd4,#dd82e3);width:30%;text-align:left;padding-left:5px;font-size:75%;color:white;}
div.label_2{background:linear-gradient(90deg,#3c46d4,#747be0);width:30%;text-align:left;padding-left:5px;font-size:75%;color:white;}
div.label_3{background:linear-gradient(90deg,#32b528,#61da58);width:30%;text-align:left;padding-left:5px;font-size:75%;color:white;}

div.arrow_hosoku{margin:10px 0;display:-webkit-flex;display:flex}
div.arrow_down{display: -webkit-flex;display:flex;width:30%;-webkit-box-align: center;align-items:center;justify-content: center;}
div.hosoku{width:65%;padding:5px 10px;margin:10px 0px 10px 15px;
    color: #525252;
    background: #fff5f5;
    border-left:solid 4px tomato;
    /*box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);*/
	font-size:90%;
	line-height:1.4em;
}

div.hosoku p.photo_midashi{color:tomato;font-weight:bold;margin:10px 0 5px 0px !important}

ul.photo_hako{display:flex;display:-webkit-flex;padding:10px 5px;flex:0 1 100%}

ul.photo_hako li.kao{padding:0;width:30%;align-self:flex-start;}
ul.photo_hako li.photo_q{width:70%;padding-left:2em}
ul.photo_hako li.photo_q ol{list-style:decimal}

.linkbadsample{list-style:none;margin-top:10px;font-size:105%;line-height:1.5em;margin-left:-20px}
.linkbadsample a{color:red;text-decoration:none;border-bottom:2px dotted;}
ul.steplink{display:flex;justify-content:space-between;padding:0 10px;margin-top:10px}
ul.steplink li{font-size:96%;}
ul.steplink i.fa-angle-double-left{padding-right:0.3em}
ul.steplink i.fa-angle-double-right{padding-left:0.3em}
body.ict_step ul.steplink li a{color:#669922}
body.q3_step ul.steplink li a{color:#a82330}

.policy{border:solid 1px #a82330;padding:5px 10px;font-size:88%;color:#a82330;}
div.email{background-color:#F9F9F9;padding:10px;font-size:90%;margin:15px 0 15px 15px}

/*--旧ステップ用---*/
div.note{background-color:#F9F9F9;padding:10px;font-size:94%;margin:15px}
ol.photo{list-style-type:decimal;margin-left:30px}
div.note ul{display:table}
div.note li.photo{display:table-cell}
div.note li.photo:first-child{width:170px;text-align:center;}	
div.note li.photo:last-child{vertical-align:top}	




/* ======================================================
合格者一覧
========================================================= */
#main h3.accordion_goukaku{
	border-radius:10px 10px 0 0;
	margin-bottom:10px;}
	
#main h3.accordion_goukaku.itce2{background-color:#99CCFF;border-left:none}/*折りたたみ（色）　２級*/
#main h3.accordion_goukaku.itce3{background-color:#ddaaaa;border-left:none}/*折りたたみ（色）　３級*/
#main h3.accordion_goukaku.ict{background-color:#e5efce;border-left:none}/*折りたたみ（色）　３級*/


#main h3.accordion_goukaku::after{
	font-family:"Font Awesome 5 Free";
	position: absolute;
	right: 50px;
	content : '\f107';
	color: #808080;
	font-size:130%;
	margin-top:0px;
}

#main h3.arrow2::after{
	font-family:"Font Awesome 5 Free";
	position: absolute;
	right: 50px;
	content : '\f106';
	color: #808080;
	margin-top:0px;
}



table.goukaku{font-size:88%;
border-collapse: separate;
border-spacing: 2px 2px;
width:100%;
margin:auto;
}

table.goukaku th{border-bottom:solid 1px grey;
padding:5px 10px;
white-space: nowrap;
}

body.q1_goukaku table.goukaku th{background-color:#e5d4b1;}/*項目行色　１級*/
body.q1_goukaku table.goukaku th.jun1{background-color:#EEEEEE;}/*項目行色　準１級*/
body.q2_goukaku table.goukaku th{background-color:#EEEEEE;}/*項目行色　2級*/
body.q2_goukaku table.goukaku th.jun2{background-color:#deb887;}/*項目行色　準2級*/
body.q3_goukaku table.goukaku th, body.ict_goukaku table.goukaku th{background-color:#EEEEEE;}
body.ictSP_goukaku table.goukaku.ictSP th{background-color:#ffe8cc;}/*項目行色　支援員上級*/
body.ictSP_goukaku table.goukaku.ict th{background-color:#EEEEEE;}/*項目行色　旧支援員上級*/


table.goukaku td{border-bottom:solid grey 1px;padding:5px;}
table.goukaku th.name{width:100px;}
table.goukaku th.address{width:160px;}
table.goukaku th.job{width:150px;}
table.goukaku th.date{width:90px;}
body.q1_goukaku table.goukaku td:last-child{text-align: center;}
body.ictSP_goukaku table.goukaku.ictSP td:last-child{text-align: center;}
body.ictSP_goukaku table.goukaku.ict td:last-child{text-align: center;}

.hako{display:none;margin-bottom:20px;border-bottom:dashed 1px #C5C5C5;}
.open{display:block}

p.goukaku{
text-align:right;
font-size:88%;
}

p.goukaku_note{
	font-size:88%;text-align:left;margin-bottom:10px !important;
}



/* ======================================================
2級過去問
========================================================= */

#main p.note{font-size:80%;text-align:center;margin-top:5px;}
#tab_menu{width:100%}

/*-- タブ切り替え --*/
ul.style01 {display:table;text-align:center; border-bottom:2px solid #3333CC;margin:15px 0px 0;width:100%}
ul.style01 li {display:table-cell;
	/*width:50%;*/padding :5px; vertical-align:top;
	border:1px solid #c0c0c0; text-align:center;border-radius:10px 10px 0 0;
	background:#EDEDED;
	font-size:94%;font-weight:bold;}
ul.style01 li.selected {
	border:1px solid #3333CC; 
	background: -moz-linear-gradient(to bottom, #B6D1ED, #3333CC 30%, #3333CC);
	background: -webkit-gradient(to bottom, #B6D1ED, #3333CC 30%, #3333CC);
	background: linear-gradient(to bottom, #B6D1ED, #3333CC 30%, #3333CC);} 
ul.style01 li.selected a {color: white;text-decoration:none;}
ul.style01 li a {color: #000099;}


/*-- 年度　切り替え -- */
div.nendo{margin: 0 auto;}
div.panel {margin:0 auto;}
ul.style02{margin:0 auto;padding:0 15px;}
ul.style02 li{position:relative;display:block;float:left;width:auto;border-bottom:solid 1px silver;margin-bottom:-1px;z-index:1;}
ul.style02 li a {display:block;font-size:88%;text-decoration:none;margin:5px 8px;padding:3px 10px 2px;}
ul.style02 li a:hover {background-color:#E5E5E5;color:#3333CC;}
div.panel:after{position:relative;content:"";display:block;clear:both;border:solid 1px #3333CC;z-index:2;}


ul.style02 li a::before{
	font-family:"Font Awesome 5 Free";
	content : '\f061';
	font-size:0.7em;margin-right:3px;font-weight:bold;}
	
/*-- 10年分の年別クリック　見ている年度分の矢印マーク---*/
body.year ul.style02 li a.year::before, 
body.y33 ul.style02 li a.y33::before, 
body.y32 ul.style02 li a.y32::before, 
body.y31 ul.style02 li a.y31::before, 	
body.y29 ul.style02 li a.y29::before, 
body.y28 ul.style02 li a.y28::before, 
body.y27 ul.style02 li a.y27::before,
body.y26 ul.style02 li a.y26::before, 
body.y25 ul.style02 li a.y25::before, 
body.y24 ul.style02 li a.y24::before,
body.y23 ul.style02 li a.y23::before, 
body.y22 ul.style02 li a.y22::before, 
body.y21 ul.style02 li a.y21::before,
body.y20 ul.style02 li a.y20::before
{font-family:"Font Awesome 5 Free";
	content : '\f063';
	font-size:0.7em;margin-right:3px;font-weight:bold;}

.panel {display:none;}
.show {display:block;}


/*ul.style02 li a.active:before{
	transform: rotate(90deg);color:white;}


/*-- 見ている年 --*/
body.y24 ul.style02 a.y24,
body.y33 ul.style02 a.y23,
body.y32 ul.style02 a.y22,
body.y31 ul.style02 a.y31,
body.y29 ul.style02 a.y29,
body.y28 ul.style02 a.y28,
body.y27 ul.style02 a.y27,
body.y26 ul.style02 a.y26,
body.y25 ul.style02 a.y25,
body.y24 ul.style02 a.y24,
body.y23 ul.style02 a.y23,
body.y22 ul.style02 a.y22,
body.y21 ul.style02 a.y21,
body.y20 ul.style02 a.y20{background:#467deb;color:white;}


/*-- 問題内容 --*/
/*table.mondai{
	border:solid 1px blue;margin-bottom:20px;
}*/
#content#kakomon{margin:0}
div.mondai{background-color:#eeeeee; max-width:100%; padding:5px}
div.mondai blockquote{margin:0 10px;font-size:88%;color:#0000aa}
table.mondai td{padding:5px ;line-height:1.5em;}
.mondai tr td:first-child{padding-left:5px;}
/*.mondai td:not(:first-child){white-space:nowrap;}*/
.mondai tbody tr td:first-child+td{vertical-align:top}
table.typeX{border: solid 1px red;}
table.mondai img{max-width:450px;}
hr{margin:20px 0}

/*--小論文--*/
.gogo .typeA, div.gogo .typeB, .gogo .typeC, .gogo .typeE{width:95%;max-width:100%;margin-left:15px;}
.gogo .typeA tr:first-child{background-color:#ccaacc}
.gogo .typeA tr:last-child{background-color:#eeccee;height:6em;}
.gogo .typeA td, .gogo.typeB td, .gogo .typeC tr:first-child td{padding:5px;vertical-align:top}
.gogo .typeB td:first-child, .gogo .typeC tr:first-child td{white-space:nowrap}
.gogo .typeB td:last-child{background-color:#eeeeff;height:3em;padding:5px 10px}
.gogo .typeC td, .gogo.typeD td{padding:3px 5px}
.gogo .typeC tr:nth-child(2) td, .gogo .typeC tr:nth-child(5) td{background-color:#9999ee}
.gogo .typeC tr:nth-child(3) td, .gogo .typeC tr:nth-child(6) td{background-color:#eeeeff}
.gogo .typeC tr:nth-child(4) > td:first-child, .gogo .typeC tr:nth-child(7) > td:first-child{white-space:nowrap;font-size:94%}
div.gogo .typeC tr:nth-child(4) > td:last-child, .gogo.typeC tr:nth-child(7) > td:last-child{background-color:#eeeeaa}
hr.typeCD{border:dashed 1px grey;}	
.gogo .typeD{border-collapse:separate;border-spacing:5px 0}
.gogo .typeD tr:first-child > td:nth-child(2){background-color:#66cc66;width:35%}
.gogo .typeD tr:first-child > td:nth-child(3){background-color:#9999ee}
.gogo .typeD tr:nth-child(2) > td:nth-child(1){background-color:#aaeeaa;vertical-align:top}
.gogo .typeD tr:nth-child(2) > td:nth-child(2){background-color:#eeeeff;vertical-align:top}
.gogo .typeD tr:nth-child(3) > td:nth-child(1){text-align:right}
.gogo .typeD tr:nth-child(3) > td:nth-child(2){background-color:#eeeeaa}
div.waku{background-color:#ffff99;height:50px;width:75%;margin-left:25px}

b.background{color:#0000aa}
b.mondai{color:#009900;position:relative}
b.mondai::after{content:"";width:300%;border-top:dashed 2px #009900;position:absolute;top:0.6em;left:65px;
}
b.Q_Num{color:#0000aa}
b.note{color:#aa0000}
span.txt{color:#990000}
div.gogo > ol{padding:0 15px 5px 35px}
div.gogo > ol li{list-style-type:decimal}

/* ======================================================
３級問題集
========================================================= */

.books-content-signup{display: flex;align-items: center;margin:1em}
.kome{display:flex;align-items: center;padding-left:1em;color:#990000}

p.books-title{margin:0 !important;font-size:114%; padding-top:10px;font-weight:bold}
.books-credit{font-size:95%; margin:0 1em 1em 1em;width:75%}

.books-msg{color:#990000;padding:10px;font-weight:bold}

.books-menu{margin:1em}
.books-menu{display:flex;flex-wrap: wrap;width:100%;align-items: stretch;
}
.books-menu dt{width:35px;font-weight: bold;margin-bottom:0.5em}
.books-menu dd{width:calc(100% - 35px);margin-bottom:0.5em}
/* ======================================================
フッター
========================================================= */
/*footer{margin:5px;}*/
footer div.copyright{padding:10px 15px;background:#dddddd;}
footer p{color: #666666; font-size: 88%;}

/* ======================================================
　以下　画面幅による設定
========================================================= */
/* ########### 400px以下 ########### */
@media (max-width: 400px) {
header h1{text-align:left;}
#navToggle {top:12px !important}
nav#hamMenu{top:38px !important}
.modal {top:38px !important}

img#title{padding-top:15px;padding-bottom:3px}
#main{margin-left:10px;margin-right:10px}
#content{margin-left:0px;margin-right:0px}
#main h3.arrow2::after, #main h3.accordion_goukaku::after{right: 20px;}
ol.step li{padding-left:1.3em;font-size:86%}
div.info{flex-direction: column;}
.pdf-image{max-width: 100%;}
p.dl-botton{margin:5px 15px}

.button_toiawase{max-width:300px;}

}

/* ########### 480px以下 ########### */
@media (max-width: 480px) {
#navToggle {top:18px !important}
nav#hamMenu{top:58px !important}
.modal {top: 58px !important}


header h1{text-align:left;padding-bottom:5px;max-height:45px !important}
img#title{max-height:45px;padding-top:4px;padding-left:10px;max-width:80%}
#main{margin-left:5px;margin-right:5px}
ul.style01 li{font-size:75%;}
ul.style02 li{font-size:94%}
ul.style02 li a{margin:5px;padding:3px 7px}
#main h2{font-size:100%}
#main h3{font-size:94%}
#main h4{font-size:94%}
.tab_item{font-size:88%}
#content ul{margin-left:10px}
.q2_gogo_gaiyou > li > ul {margin-left:4px !important}


/*#emg table td:nth-child(2),#emg table td:nth-child(4) {flex-basis:35%; -ms-flex-preferred-size: 35%;}
#emg table td:nth-child(5) {padding-top:0}*/


body.notice_detail #notice_hako{margin:5px 0 5px 3px;}
.notice_content p{font-size:94%}
dl.price{font-size:88%;width:100%}
dl.price dt{width:55%}
dl.price dd{width:45%}
table.goukaku{font-size:81%}

div.note ul{display:block; }
div.note li.photo{display:list-item;}
div.note li.photo:first-child{width:100%}	
div.note li.photo:last-child{padding:10px 0px}

a.btn_application{font-size:20px}

table.youkou{border:solid 1px #dddddd}
table.youkou thead th{display:block;border:none}
table.youkou thead td{display:none}
table.youkou tbody th{display:block;border:none}
table.youkou tbody tr{border:none;}
table.youkou tbody tr{display:flex;flex-direction:column}
body.q2_youkou table.youkou tbody td.term1:before{content:"1次：";}
body.q2_youkou table.youkou tbody td.term2:before{content:"2次："}
body.ict_youkou table.youkou tbody td.term1:before{content:"前期："}
body.ict_youkou table.youkou tbody td.term2:before{content:"後期："}
.q2_youkou div.nonsignup{width:90%;font-size:110%}

/*--↓2級前期または後期の中止の場合 中止termの表示変更設定--*/
table.youkou tbody td.none{display:none}
body.q2_youkou table.youkou tbody td.term3{color:#333;font-weight:normal}
table.youkou tbody td.center{text-align:left}
/*--↑前期または後期の中止の場合 term3またはterm4の表示変更設定--*/


table.youkou tbody td.term1, table.youkou tbody td.term3, table.youkou tbody td.term4{width:98%;border:none;padding:10px 5px}

table.youkou tbody td{padding:5px 8px;line-height:1.4em}
table.youkou tbody td span.time{padding-left:0em !important}

table.youkou tbody td.term2{width:98%;padding:10px 5px 10px;border-top:dotted 1px #ddd}

div.nonsignup{width:90%;font-size:95%}

.books-credit{width:100%;margin-top:0.5em}
.books-title{font-size:100%}
.books-content-signup{text-align:center}
.books-menu{margin:1em 0;font-size:90%}
.books-content-signup{flex-direction: column;}
.kome{display:flex;flex-direction: row;}

div.info{flex-direction: column;}

/*--2級要項のみ 未使用 --- */

div.zaitaku{flex-direction:column;}
.zaitaku1, .zaitaku2{
	flex-basis: 90%;
	padding:1em}
.zaitaku1{border-right:none;border-bottom:dotted 1px grey}

/* ご案内ちらしダウンロード掲示--*/
.info-box, .info-box-new{margin:0 5px 10px !important;}


.faq_link {
	grid-template-columns: 1fr;
	margin:0 2em
  }

}



/* ########### 680px以下 ########### */
@media (max-width: 680px) {
#main h2.q1, #main h2.q2, #main h2.q3, #main h2.ict, #main h2.ictSP,#main h2.goukaku, #main h2.elc{padding-left:40px;padding-right:40px}
img#title{max-width:80%;}
#navToggle {top:25px;}
nav#hamMenu{top:68px;}
.modal {top: 69px;}


#left_side_menu li.btn.itcemail{padding:6px;}
#left_side_menu li img.itcemail{margin-left:20px; vertical-align:middle}


li.toggle_bottom{display:none}
dl.price{font-size:88%;width:90%}
div.notice_content ol.point li, div.notice_content ol.point li span.square{
	font-size:100%}
body.notice_detail #notice_hako{margin:5px}
#emg ul.flyer{margin:0;flex-direction:column;width:100%}
#emg ul.flyer li{margin:5px 5px 10px}
.dl_flyer{width:90%;}
.dl_flyer li{flex-direction:column}
div.arrow_hosoku{flex-direction:column-reverse;-webkit-box-direction:reverse}	
div.hosoku{margin-left:1em; margin-right:0.5em;width:90%}
div.signup{width:80%;}
p.dl-botton{margin:15px auto}




}


	

/* ########### 950px以下 ########### */
@media (max-width: 950px) {

#emg table{width:100%;margin:10px auto}
#emg table th{display:none}
#emg table tr{display:-webkit-box; display:-ms-flexbox; display:flex;
-ms-flex-wrap: wrap; flex-wrap:wrap;border-top:none}
#emg table td:first-child{flex-basis:100%; -ms-flex-preferred-size: 100%;}

#emg table td.duration:before{content:"申込:";font-weight:bold;font-size:95%}
#emg table td.date:before{content:"実施日:";font-weight:bold;font-size:95%}
#emg table td.place:before{content:"会場:";font-weight:bold;font-size:95%}
table.em td{font-size:100%;}
.pdf-image{max-width: 80%;}
p.dl-botton{margin:15px auto}
}


/* ########### 681px以上 ########### */
@media (min-width: 681px) {	
header h1{text-align:center;height:auto}
img#title{padding:5px 5px 0;max-height:60px}

/*-- カテゴリパスを表示、ハンバーガー非表示-- */
nav#category_pass{display:block;}
#navToggle{display:none;}
#hamMenu{display:none;}


#main h2{text-align:center;}	
#container{flex-direction:row !important}
#sub{width:200px;margin:20px 20px;padding:0px 10px 10px;border-radius:10px;border-bottom:none;}
#main{margin:20px 15px 20px 0; flex:1;}
#content img.kentei{width:592px;}

/* --- ナビゲーションバー --- */
#left_side_menu {width:180px; /* ナビゲーションの幅 */
	padding:5px;}
#left_side_menu	a.news, #left_side_menu	a.schedule, li.space2{
	display:none;}


}

@media screen and (min-width: 1000px) {
	.faq_link {
	  grid-template-columns: repeat(3, minmax(200px, 1fr)); /* 3列 */
	}
  
	.faq_link > :nth-child(4),
	.faq_link > :nth-child(5) {
	  grid-column: span 1; /* 明示的に分けたい場合 */
	}
  }

	
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
#category_pass > ul, #container	{width:1190px;margin:auto} /* 全体の横幅を固定 */
#footer-inner > .copyright{display:block;text-align:center}
#main h3.arrow2::after, #main h3.accordion_goukaku::after{display:none}
div.signup{width:50%}


}

@media print {
	#sub{display:none}
	.accordion {
	  display: block !important;
	  cursor: default;
	}
  
	.arrow_icon {
	  display: none !important; /* アイコンは消す */
	}
  
	.faq_panel {
	  display: block !important;
	  max-height: none !important;
	  overflow: visible !important;
	  height: auto !important;
	}
  }