@charset "UTF-8";
/* CSS Document */

p.top{
	margin-bottom:30px;
}
table.info{
	width:100%;
	border:#CCC 1px solid;
	margin-bottom:20px;
}
table.info th{
	width:200px;
	background:#EEE;
	vertical-align:middle;
	font-weight:bold;
}
table.info th,
table.info td{
	border:#CCC 1px solid;
	padding:20px;
}


table.shutoku th{
	background:#EEE;
	vertical-align:middle;
}
table.shutoku th.shiro{
	background:#FFF;
}
table.shutoku th.kiiro{
	background:#FFEF13;
}
table.shutoku th.midori{
	background:#00B200;
}
table.shutoku th.ao{
	background:#2B60FD;
}
table.shutoku th.aka{
	background:#E61B1E;
}
table.shutoku th.kuro{
	background:#000;
	color:#FFF;
}

@media screen and (min-width: 769px){

/*修得期間　表*/
table.shutoku{
	width:700px;
	margin-top:30px;
	margin-bottom:10px;
	border:#AAA 1px solid;
	border-collapse:collapse;
}
table.shutoku th,
table.shutoku td{
	padding:10px;
	border:#AAA 1px solid;
}
dl.convention{
	margin-top:20px;
}
dl.convention dt{
	width:80px;
	float:left;
}


#taiken img,
#campaign img,
#kaihi img,
#oyako img{
	margin-bottom:20px;
}
}

@media screen and (max-width: 768px){
table.info th,
table.info td{
	width:96%;
	display:block;
	padding:2%;
}

/*修得期間　表*/
table.shutoku{
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
	border:#AAA 1px solid;
	border-collapse:collapse;
}
table.shutoku th,
table.shutoku td{
	padding:10px;
	display:block;
}
thead{
	display:none;
}
th{
	text-align:center;
	font-weight:bold;
}
th.shiro{
	border-bottom:#AAA 1px solid;
}
td br{
	display:block;
}
tbody td:nth-of-type(2):before {
	content: "［修得までの期間］";
	display:block;
}
dl.convention{
	margin-top:20px;
}
dl.convention dd{
	border-bottom:#AAA 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}

#taiken img,
#campaign img,
#kaihi img,
#oyako img{
	width:100%;
	margin-bottom:20px;
}
}