@charset "utf-8";
/* ******************************************************************
 *	File name		: page.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   about
---------------------------------------------------------------------- */

#bdid_about #program_outline{
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

#bdid_about #about_message{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	}
	#bdid_about #about_message #program_leader{
		width:250px;
		text-align:center;
		}
		#bdid_about #about_message #program_leader img{
			max-width:250px;
		}
		#bdid_about #about_message #program_leader p{
			width:100%;
			margin:7px 0;
			font-weight:bold;
			font-size:0.9rem;
			text-align:center;
	}
	#bdid_about #about_message #message_txt{
		width:calc(100% - 280px);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_about #about_message #program_leader{
		width:100%;
		margin:0 0 15px;
	}
	#bdid_about #about_message #message_txt{
		width:100%;
	}
}

/* ----------------------------------------------------------------------
   curriculum
---------------------------------------------------------------------- */

#bdid_subject section table{
	font-size:0.77rem;
	}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(1){width:180px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(2){}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(3){width:200px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(4){width:250px}

	#bdid_subject section table thead tr:nth-child(2) th{
		width:50px;
	}

	#bdid_subject section table tbody th{
		padding:5px;
	}

	#bdid_subject section table td:nth-child(2),
	#bdid_subject section table td:nth-child(3),
	#bdid_subject section table td:nth-child(4){
		padding:5px 0px 5px 0px;
		text-align:center;
	}
	#bdid_subject section table th+td{
		padding:5px 10px 5px 10px !important;
		text-align:left !important;
	}
	#bdid_subject section table th+td+td+td+td{
		padding:5px;
		text-align:center;
}
/*
#bdid_subject section table{
	font-size:0.80rem;
	}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(1){width:180px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(2){}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(3){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(4){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(5){width:150px}

	#bdid_subject section table thead tr:nth-child(2) th{
		width:50px;
	}

	#bdid_subject section table tbody th{
		padding:5px;
	}

	#bdid_subject section table td:nth-child(2),
	#bdid_subject section table td:nth-child(3),
	#bdid_subject section table td:nth-child(4){
		padding:5px 0px 5px 0px;
		text-align:center;
	}
	#bdid_subject section table th+td{
		padding:5px 10px 5px 10px !important;
		text-align:left !important;
	}
	#bdid_subject section table th+td+td+td+td{
		padding:5px 0px 5px 0px;
		text-align:center;
}
*/
/* --- responsive --- */
@media screen and (max-width:1300px){
	#bdid_subject section table{
		font-size:0.77rem;
	}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(1){width:170px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(2){}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(3){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(4){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(5){width:100px}
}
@media screen and (max-width:767px){
	#bdid_subject section table{
		font-size:0.6rem;
	}
	#bdid_subject section table tbody tr th,
	#bdid_subject section table tbody tr td{
		vertical-align:text-top;
	}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(1){width:140px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(2){}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(3){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(4){width:150px}
	#bdid_subject section table thead tr:nth-child(1) th:nth-child(5){width:150px}
}



/* ----------------------------------------------------------------------
   syllabus
---------------------------------------------------------------------- */

#bdid_syllabus{}
#bdid_syllabus .category_list{
	list-style:none;
	margin:0 0 15px;
	padding:10px 10px 3px;
	background:rgba(11,169,95,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_syllabus .category_list li{
		display:inline-block;
		position:relative;
		margin:0 20px 7px 0;
		font-weight:bold;
	}
	#bdid_syllabus .category_list li span{
		display:inline-block;
		min-width:80px;
		margin:0 7px 0 0;
		padding:2px 7px;
		font-weight:bold;
		text-align:center;
		background:rgba(11,169,95,1);
		color:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}
#bdid_syllabus #main_contents h4{
	margin-top:25px;
}

#bdid_syllabus #koushi_list{
	width:100%;
	border:none;
	}
	#bdid_syllabus #koushi_list td,
	#bdid_syllabus #koushi_list th{
		padding:5px 0px;
		border:none;
		background:none;
	}
	#bdid_syllabus #koushi_list th{
		width:130px;
		text-align:left;
		vertical-align:text-top;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_syllabus .category_list li{
		display:block;
		margin:0 0px 7px 0;
	}
	#bdid_syllabus #koushi_list th,
	#bdid_syllabus #koushi_list td{
		display:block;
		width:100%;
		padding:0px 0px;
	}
	#bdid_syllabus #koushi_list th{
		font-size:0.87rem;
	}
	#bdid_syllabus #koushi_list td{
		font-size:0.77rem;
		margin-bottom:15px;
	}
}

/* ----------------------------------------------------------------------
   application
---------------------------------------------------------------------- */

#bdid_application section #sankaku_table{
	width:700px;
	max-width:100%;
	margin:0 auto;
	}
	#bdid_application section #sankaku_table table{
		font-size:0.80rem;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_application section #sankaku_table table{
		font-size:0.74rem;
	}
}

/* ----------------------------------------------------------------------
   staff
---------------------------------------------------------------------- */

#bdid_staff #main_contents dl{
	margin:0 0 0 20px;
	font-size:1.0rem;
	}
	#bdid_staff #main_contents dl:after{
		content:" ";
		display:block;
		clear:both;
	}
	#bdid_staff #main_contents dl dt{
		clear:both;
		float:left;
		display:block;
		width:130px;
		margin-bottom:10px;
		padding:5px 10px;
		background:#0BA95F;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		text-align:center;
		color:#FFFFFF;
	}
	#bdid_staff #main_contents dl dd{
		float:right;
		width:calc(100% - 150px);
		margin-bottom:10px;
		padding:5px 0px 0px;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#bdid_staff #main_contents dl{
		margin:0 0 0 0px;
		font-size:0.87rem;
	}
}
@media screen and (max-width:500px){
	#bdid_staff #main_contents dl{
		font-size:0.77rem;
	}
	#bdid_staff #main_contents dl dt{
		float:none;
		display:block;
		width:130px;
		margin-bottom:0px;
		padding:5px 10px;
		font-size:0.87rem;
		background:#0BA95F;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		text-align:center;
		color:#FFFFFF;
	}
	#bdid_staff #main_contents dl dd{
		float:none;
		width:100%;
		margin-bottom:10px;
		padding:5px 0px 0px;
	}
}

/* ----------------------------------------------------------------------
   student
---------------------------------------------------------------------- */

#student_table{
	margin:0 0 5px;
}
#student_table thead tr:nth-child(2) th{
	background:rgba(0,0,0,0.2);
}
#student_table td{
	text-align:right;
}
#student_table td.snkou_title{
	text-align:center;
}
#student_table tbody th{
	background:rgba(11,169,95,0.3);
}
#student_table tr.subtotal td{
	background:rgba(11,169,95,0.1);
	}
	#student_table tr.subtotal td:nth-child(1){
		padding:0 0 0 15px;
		text-align:center;
		letter-spacing:15px;
}
#student_table tr.goukei td{
	background:rgba(11,169,95,0.8);
	color:#FFF;
	}
	#student_table tr.goukei td:nth-child(1){
		padding:0 0 0 25px;
		text-align:center;
		letter-spacing:25px;
}


/* ----------------------------------------------------------------------
   links
---------------------------------------------------------------------- */

#bdid_links #main_contents ul{
	list-style:none;
}
#bdid_links #main_contents ul li{
	margin:0px;
	padding:3px 0;
	border-bottom:1px dotted rgba(11,169,95,0.5);
}
#bdid_links #main_contents ul li a{
	display:block;
	position:relative;
	padding:10px 5px 10px 25px;
	color:rgba(11,169,95,1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#bdid_links #main_contents ul li a::before{
		content:" ";
		position:absolute;
		top:calc(50% - 5px);
		left:7px;
		border: 6px solid transparent;
		border-left:10px solid rgba(11,169,95,1);
	}
	#bdid_links #main_contents ul li a::after{
		display:inline-block;
		content:" ";
		width:10px;
		height:9px;
		margin:-1px 0 0px 5px;
		background:url(../../image/base/blank.png);
	}
	#bdid_links #main_contents ul li a:hover{
		background: rgba(11,169,95,0.1);
	}

/* ----------------------------------------------------------------------
   contact
---------------------------------------------------------------------- */

#bdid_contact #contact_add address #zip{
	padding:10px 20px;
	background: rgba(11,169,95,0.1);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */

#news{
	position:relative;
	width:100%;
	margin:0 0 50px;
	}
	#news #news_menu{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		align-items:center;
		position:relative;
		height:24px;
		margin:0 0 15px;
	}
	#news #news_menu h2{
		position:relative;
		width:290px;
		padding:0 0 0 25px;
		font-weight:normal;
		font-size:1.5rem;
		text-align:left;
		color:#0BA95F;
		line-height:1;
		}
		#news #news_menu h2::before{
			content:" ";
			position:absolute;
			top:-22px;
			left:0px;
			width:67px;
			height:67px;
			background:#CEEEDF;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
			z-index:-1;
	}
	#news #news_menu ul{
		display:block;
		position:relative;
		width:calc(100% - 290px);
		height:24px;
		margin:0px !important;
		padding:0px !important;
		list-style:none;
		}
		#news #news_menu ul li{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:2px;
			width:60px;
			height:20px;
			font-size:0.8rem;
			text-align:center;
			color:#FFF;
			background:#9E9E9F;
			list-style:none;
			line-height:1.1;
			cursor:pointer;
			transition-duration:0.5s;
			}
			#news #news_menu ul li#nm_all{left:0px;}
			#news #news_menu ul li#nm_news{left:61px;}
			#news #news_menu ul li#nm_event{left:122px;}
			#news #news_menu ul li#nm_achieve{left:183px;}
			#news #news_menu ul li#nm_recruit{left:244px;}

			#news #news_menu ul li.active{
				top:0px;
				height:24px;
			}

			#news #news_menu ul li#nm_all.active,
			#news #news_menu ul li#nm_all:hover{
				background:#000;
			}
			#news #news_menu ul li#nm_news.active,
			#news #news_menu ul li#nm_news:hover{
				background:#0BA95F;
			}
			#news #news_menu ul li#nm_event.active,
			#news #news_menu ul li#nm_event:hover{
				background:#A1D7DD;
			}
			#news #news_menu ul li#nm_achieve.active,
			#news #news_menu ul li#nm_achieve:hover{
				background:#C3D72B;
			}
			#news #news_menu ul li#nm_recruit.active,
			#news #news_menu ul li#nm_recruit:hover{
				background:#E60027;
			}


/* --- responsive --- */
@media screen and (max-width:767px){
	#news{
		margin:0 0 30px;
		}
		#news #news_menu{
			flex-wrap:wrap;
			height:auto;
			margin:0 0 15px;
		}
		#news #news_menu h2{
			width:100%;
			margin:0 0 15px;
		}
		#news #news_menu ul{
			width:100%;
			height:24px;
			}
			#news #news_menu ul li{
				width:20%;
				}
				#news #news_menu ul li#nm_all{left:0px;}
				#news #news_menu ul li#nm_news{left:20%;}
				#news #news_menu ul li#nm_event{left:40%;}
				#news #news_menu ul li#nm_achieve{left:60%;}
				#news #news_menu ul li#nm_recruit{left:80%;}
}


/* news_list */
#news #news_list{
	position:relative;
	width:100%;
	margin:0 0 10px;
	list-style:none;
	}
	#news #news_list li{
		position:relative;
		width:100%;
		margin:0 0 0px;
		padding:7px 0 7px 170px;
		font-size:0.87rem;
		color:#000;
		border-bottom:1px solid rgba(11,169,95,0.4);
		line-height:1.4;
		list-style:none;
		}
		#news #news_list li::after{
			content:" ";
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:absolute;
			top:7px;
			left:93px;
			width:60px;
			height:18px;
			font-size:0.7rem;
			text-align:center;
			color:#FFF;
			background:#9E9E9F;
			line-height:18px;
			transition-duration:0.5s;
			z-index:1;
			}
			#news #news_list li.news::after{
				content:"NEWS";
				background:#0BA95F;
			}
			#news #news_list li.event::after{
				content:"EVENT";
				background:#A1D7DD;
			}
			#news #news_list li.achieve::after{
				content:"成果";
				background:#C3D72B;
			}
			#news #news_list li.recruit::after{
				content:"募集";
				background:#E60027;
		}

		#news #news_list li span.date{
			position:absolute;
			top:7px;
			left:10px;
			width:80px;
			font-weight:bold;
			font-size:0.84rem;
			text-align:left;
			transition-duration:0.5s;
			color:#0BA95F;
		}
		#news #news_list li a{
			display:-webkit-flex;
			display:flex;
			-webkit-box-pack:justify;
			-ms-flex-pack:justify;
			justify-content:flex-end;
			align-items:end;
			flex-wrap:wrap;
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			padding:10px;
			z-index:100;
			text-indent:-9999px;
			text-decoration:none;
			transition-duration:0.5s;
			color:#FFF;
			overflow:hidden;
			}
			#news #news_list li a::before{
				content:"Detail";
				position:absolute;
				right:-100px;
				bottom:-100px;
				width:100px;
				height:100px;
				padding:20px 0 0 25px;
				text-indent:0px;
				background:rgba(11,169,95,0.7);
				color:#FFF;
				transition-duration:0.5s;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
				z-index:-1;
			}
			#news #news_list li a:hover::before{
				right:-25px;
				bottom:-55px;
			}
			#news #news_list li a:hover{
				background:rgba(0,0,0,0.1);
	}
	#news #news_list li br.interrupt{
		display:block;
}

/* end */
#news #news_list li.end{
	background:rgba(0,0,0,0.1);
	}
	#news #news_list li.end a{
		display:none;
}


/* news_list 
#news #news_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	flex-wrap:wrap;
	position:relative;
	width:102%;
	min-height:220px;
	margin:0 0 0 -1%;
	list-style:none;
	}
	#news #news_list li{
		position:relative;
		width:32%;
		margin:0 0.5% 10px;
		padding:209px 10px 10px;
		font-size:0.87rem;
		color:#000;
		background:rgba(255,255,255,0.85);
		border:1px solid rgba(11,169,95,0.4);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		line-height:1.4;
		list-style:none;
		}
		#news #news_list li::before{
			content:" ";
			position:absolute;
			top:10px;
			left:10px;
			width:calc(100% - 20px);
			height:165px;
			background:url(../../image/news/noimg.png) no-repeat center center #CCD9CC;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			overflow:hidden;
			transition-duration:0.5s;
			border:1px solid #CCD9CC;
			}
			#news #news_list li.recruit::before{
				background:url(../../image/news/recruit.jpg) no-repeat center center #CCD9CC;
				background-size:cover;
		}
		#news #news_list li .news_photo{
			position:absolute;
			top:10px;
			left:10px;
			width:calc(100% - 20px);
			height:165px;
			background:#CCD9CC;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			overflow:hidden;
			transition-duration:0.5s;
			border:1px solid #CCD9CC;
		}
		#news #news_list li::after{
				content:" ";
				display:-webkit-flex;
				display:flex;
				justify-content:center;
				align-items:center;
				position:absolute;
				top:183px;
				right:10px;
				width:60px;
				height:18px;
				font-size:0.7rem;
				text-align:center;
				color:#FFF;
				background:#9E9E9F;
				line-height:18px;
				transition-duration:0.5s;
				z-index:1;
			}
			#news #news_list li.news::after{
				content:"NEWS";
				background:#0BA95F;
			}
			#news #news_list li.event::after{
				content:"EVENT";
				background:#A1D7DD;
			}
			#news #news_list li.achieve::after{
				content:"成果";
				background:#C3D72B;
			}
			#news #news_list li.recruit::after{
				content:"募集";
				background:#E60027;
		}

		#news #news_list li span.date{
			position:absolute;
			top:183px;
			left:10px;
			height:18px;
			width:calc(100% - 20px);
			font-weight:bold;
			font-size:0.84rem;
			text-align:left;
			transition-duration:0.5s;
			color:#0BA95F;
		}
		#news #news_list li a{
			display:-webkit-flex;
			display:flex;
			-webkit-box-pack:justify;
			-ms-flex-pack:justify;
			justify-content:flex-end;
			align-items:end;
			flex-wrap:wrap;
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			padding:10px;
			z-index:100;
			text-indent:-9999px;
			text-decoration:none;
			transition-duration:0.5s;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			color:#FFF;
			overflow:hidden;
			}
			#news #news_list li a::before{
				content:"Detail";
				position:absolute;
				right:-100px;
				bottom:-100px;
				width:100px;
				height:100px;
				padding:15px 0 0 20px;
				text-indent:0px;
				background:rgba(11,169,95,0.7);
				color:#FFF;
				transition-duration:0.5s;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
				z-index:-1;
			}
			#news #news_list li a:hover::before{
				right:-25px;
				bottom:-55px;
			}
			#news #news_list li a:hover{
				background:rgba(0,0,0,0.1);
	}
	#news #news_list li br.interrupt{
		display:block;
}
*/
/* --- responsive --- */
@media screen and (max-width:767px){
	#news #news_list li{
		padding:30px 10px 7px 10px;
		font-size:0.77rem;
	}
}

#news_more{
	position:relative;
	width:100%;
	text-align:right;
	}
	#news_more a{
		position:relative;
		display:inline-block;
		padding-left:20px;
		text-decoration:none;
		color:#000;
		}
		#news_more a:hover{
			text-decoration:underline;
		}
		#news_more a::before,
		#news_more a::after{
			content:" ";
			position:absolute;
		}
		#news_more a::before{
			top:calc(50% - 8px);
			left:0px;
			width:16px;
			height:16px;
			background:#0BA95F;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
		}
		#news_more a::after{
			content:" ";
			position:absolute;
			top:calc(50% - 5px);
			left:6px;
			border:5px solid transparent;
			border-left: 6px solid rgba(255,255,255,1);
	}


/* -----------------------------------------------------------------
   event
----------------------------------------------------------------- */

.event_detail{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 auto 25px;
}
.event_detail .event_text{
	width:calc(100% - 220px);
}
.event_detail .event_photo{
	width:200px;
	font-size:0.87rem;
	text-align:center;
}
.event_detail .event_poster{
	width:202px;
	font-size:0.87rem;
	text-align:center;
	}
	.event_detail .event_poster img{
		border:1px solid #999;
	}
	.event_detail .event_poster a{
		display:block;
		transition-duration:0.5s;
	}
	.event_detail .event_poster a:hover{
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	.event_detail .event_text{
		width:100%;
	}
	.event_detail .event_photo{
		margin:0 auto;
	}
	.event_detail .event_poster{
		margin:0 auto;
	}
}

/* -----------------------------------------------------------------
   achievement
----------------------------------------------------------------- */

#main_contents .achievement_box{
	position:relative;
	margin:30px 0 0;
}

#main_contents .achievement_box h4{
	display:block;
	position:relative;
	width:100%;
	margin:0 0 10px;
	padding:7px 50px 7px 20px;
	font-weight:bold;
	font-size:1.2rem;
	text-align:left;
	background:#23B16F;
	line-height:1.45;
	letter-spacing:3px;
	color:#FFF;
	border:1px solid #146941;
	transition-duration:0.5s;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
}

#main_contents .achievement_box h4:hover{
		border:1px solid #FFE100;
	}
	#main_contents .achievement_box h4:hover.re_active,
	#main_contents .achievement_box h4.re_active{
		border:10px solid #146941;
	}
	#main_contents .achievement_box h4::before,
	#main_contents .achievement_box h4::after{
		content:" " !important;
		display:block !important;
		position:absolute;
		top:19px !important;
		left:auto !important;
		width:20px !important;
		height:5px !important;
		background:#FFE100 !important;
		border:none !important;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		transition-duration:0.5s;
		z-index:1 !important;
	}
	#main_contents .achievement_box h4::before{
		right:20px;
		transform:rotate(90deg);
	}
	#main_contents .achievement_box h4::after{
		right:20px;
		transform:rotate(0deg);
	}
	#main_contents .achievement_box h4.re_active::before{
		right:25px;
		transform:rotate(-45deg);
	}
	#main_contents .achievement_box h4.re_active::after{
		right:15px;
		transform:rotate(45deg);
	}
	#main_contents .achievement_box h4 span{
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		width:100%;
		height:100%;
		font-family:inherit;
		font-weight:inherit;
		font-size:inherit;
		letter-spacing:1px;
		}
		#main_contents .achievement_box h4 span::before{
			content:"Open";
			position:absolute;
			top:13px;
			right:50px;
			font-size:0.77rem;
			color:#FFE100;
			z-index:100;
		}
		#main_contents .achievement_box h4.re_active span::before{
			content:"Close";
	}





.bdcs_achievement .achi_list{
	margin:0 0 30px;
	list-style:none;
}
.bdcs_achievement .achi_list li{
	margin:0 0 10px !important;
	padding:5px 10px 15px;
	border-bottom:1px dashed #368C96;
}
.bdcs_achievement .achi_list li b:first-of-type{
	display:inline-block;
	margin:0 0 7px;
	font-size:0.9rem;
	color:#368C96;
}

.bdcs_achievement .title_box{
	position:relative;
	width:100%;
	margin:5px 0 7px;
	padding:5px 10px;
	font-weight:bold;
	font-size:0.77rem;
	background:rgba(0,0,0,0.1);
}

.bdcs_achievement #award li b:first-of-type{
	display:inline-block;
	margin:0px;
	font-size:0.87rem;
	color:#000;
}
.bdcs_achievement #award i{
	display:inline-block;
	margin:0 0 7px;
	font-weight:bold;
	font-size:0.9rem;
	color:#368C96;
}