@charset "euc-jp";
/*
 * [ css ] exam.css
 * Date: 2017/02/14
 * Copyright(C) Nippon Manpower Co., Ltd. All rights reserved.
 * 
 * NMP Career Consultant
 * exam style
*/


/* ----------- *
  common style
*/
#exam-idx #article section.subsection>h2	{	position: relative;	padding-left: 9em;}
#exam-idx #article section.subsection>h2>em	{	position: absolute;	top: 0px;	left: -5px;	display: inline-block;	padding: 8px 12px 6px;	background-color: #F7B500;	font-style: normal;	color: #FFF;}
#exam-idx .subsection>div>section h1 {	margin-top: 30px;	padding: 3px 0 1px 10px;	font-size: 18px;	line-height: 1;	color: #E56900;	border-left: 4px solid #E56900;}


/* ----------- *
  basic layout
*/
section p {	margin-top: 1em;}
section p:first-child {	margin-top: 0;}
section table	{ width: 100%;	border-collapse: collapse;	border: 1px solid #F7B500;	border-spacing: 0;	empty-cells: show;	font-size: 14px;}
section table th,
section table td	{	padding: 10px;	border: 1px solid #F7B500; text-align: left; vertical-align: middle;	line-height: 1.4;}
section table th	{	background-color: #FEF5E6;	text-align: center;	white-space: nowrap;}
section table td p.note {	margin-top: 5px;	font-size: 0.8em;	padding-left: 1.3em;	text-indent: -1.3em;}

section .notice {	margin: 20px 0;	padding: 20px;	background-color: #F6F6F6;	border-radius: 5px;}
section .notice ul {	margin-left: 20px;}
section .notice ul li {	margin-top: 5px;}
section .notice ul li:first-child {	margin-top: 0;}

/* ----------- *
  module
*/



/* ----------- *
  #exam-idx - /cc/exam/index.php
*/

/* article#article */
/* - .content * /
#exam-idx #article .content	{}
/* .lead * /
#exam-idx #article .content>.lead	{}
/* section * /
#exam-idx #article .content>section	{}
*/


/* section.exam_nav */
#exam-idx .exam_nav p {	margin-top: 20px;	padding-left: 34px;	position: relative;	font-weight: bold;	color: #E56900;	font-size: 20px;	line-height: 1.3;}
#exam-idx .exam_nav p:first-child {	margin-top: 0;}
#exam-idx .exam_nav p i {	position: absolute;	top: -2px;	left: -2px;	font-size: 1.2em;	color: #E56900;}
#exam-idx .exam_nav{margin-bottom: 40px;}
#exam-idx .exam_nav ul {	margin-top: 15px;	margin-left: 37px;}
#exam-idx .exam_nav ul li {position: relative;margin-bottom: 5px;}
#exam-idx .exam_nav ul li:last-child{margin-bottom: 0;}

/* section#qualified */
#exam-idx #qualified>div>p em {	font-weight: bold;	font-style: normal;	text-decoration: underline;}
#exam-idx #qualified>div>section h1 span {	font-size: 15px;	color: #444;}
#exam-idx #qualified ol {	margin-top: 10px;	margin-left: 30px;}
#exam-idx #qualified ol li sup {	font-weight: bold;}
#exam-idx #qualified .notice {	margin-left: 10px;	border: 2px solid #F7B500;	background-color: #FEF5E6;}
#exam-idx #qualified .notice h1 {	font-size: 14px;}
#exam-idx #qualified .notice p {	margin-top: 5px;	margin-left: 20px;	font-size: 14px;}
#exam-idx #qualified .notice ul {	margin-left: 40px;}
#exam-idx #qualified .notice li {	font-size: 13px;	list-style: disc;}


/* section #schedule */
#exam-idx #schedule table td {	text-align: center;}
#exam-idx #schedule table td span::after	{	content:"\A";	white-space: pre;}
#exam-idx #schedule table tbody th {	width: 5%;}
#exam-idx #schedule table tbody td:nth-child(2) {	width: 20%;}
#exam-idx #schedule table tbody td:nth-child(3) {	width: 32%;}
#exam-idx #schedule table tbody td:nth-child(4) {	width: 30%;}
#exam-idx #schedule table tbody td:nth-child(5) {	width: 13%;}
#exam-idx #schedule table tbody td em{	display: none;	color: #853700;	font-weight: bold;	font-style: normal;}



#exam-idx #schedule .notice {}
#exam-idx #schedule .notice ul {}
#exam-idx #schedule .notice ul li {	font-size: 13px;	list-style: disc;}
#exam-idx #schedule .notice ul li:first-child {	font-weight: bold;}


/* section #fee */
#exam-idx #fee em {	font-style: normal;}


/* section#written_exam */
#exam-idx #written_exam table th.exam1 {	width: 25%;}
#exam-idx #written_exam table th.exam2 {	width: 65%;}
#exam-idx #written_exam table tr.time td {/*	text-align: center;*/}

#exam-idx #written_exam table.narrow {	display: none;}
#exam-idx #written_exam table.narrow th,
#exam-idx #written_exam table.narrow td {	border: none;}
#exam-idx #written_exam table.narrow th {border-top: 1px solid #F7B500;	text-align: left;}
#exam-idx #written_exam table.narrow tr:first-child th {	border: none;}
#exam-idx #written_exam table.narrow td em {	display: block;	color: #853700;	font-weight: bold;	font-style: normal;}
#exam-idx #written_exam .notice ul {}
#exam-idx #written_exam .notice ul li {	list-style: disc;	font-size: 13px;}


/* section#practical_exam 
#exam-idx #practical_exam table th {	width:16%;}
#exam-idx #practical_exam .notice ul {}
#exam-idx #practical_exam .notice ul li {	list-style: disc;	font-size: 13px;}
*/

/* section#passrate */
#exam-idx #passrate {}


/* section#documents */
#exam-idx #documents {}

/* section#examcontents */
#exam-idx #examcontents h1 + p {	margin: 1em 0 0 10px;}
#exam-idx #examcontents .revision>dl {	margin: 10px 0 0 10px;}
#exam-idx #examcontents .revision>dl dl {	margin-left: 10px;}
#exam-idx #examcontents .revision>dl dl dt {	margin-top: 10px;}
#exam-idx #examcontents .revision>dl dl dd {	margin-left: 3em;}


/* section#contact */
#exam-idx #contact h1 {	margin-top: 30px;	padding: 3px 0 1px 10px;	font-size:18px;	line-height: 1;	color: #E56900;	border-left: 4px solid #E56900;}
/*#exam-idx #contact .jcdalogo {	float: left;	margin: 30px 50px 30px 0;}
#exam-idx #contact dl {	margin-top: 10px;	margin-left: 200px;}
#exam-idx #contact dl dt {	font-weight: bold;	color: #444;}
#exam-idx #contact dl ul li span {}*/




/* #exam-idx @media width */
@media (max-width: 980px) {
	section table th	{	background-color: #FEF5E6;	text-align: center;	white-space: normal;}
	#exam-idx #schedule table td span::after	{	content:"";	white-space: normal;}
	
}
@media (max-width: 780px) {
	/* section#qualified */
	#exam-idx #qualified>div>section h1 span {	line-height: 1.4;}
	#exam-idx #qualified>div>section h1 span::before	{	content:"\A";	white-space: pre;}
}
@media (max-width: 640px) {
	section table td span::after	{	content:"\A";	white-space: pre;}
	section .notice ul  {	margin-left: 15px;}
	#exam-idx #article section.subsection>h2>em	{	top: -4px;	bottom: 0;}
	#exam-idx .exam_nav ul {	margin-left: 30px;}
	/* section #schedule */
	#exam-idx #schedule {	margin-top: 20px;	padding-top: 20px;}
	/* section.exam_nav */
	#exam-idx .exam_nav p {	padding-left: 26px;	font-size: 16px;}
	#exam-idx .exam_nav p i {	font-size: 1.1em;}
	#exam-idx .exam_nav ul li {	font-size: 14px;}
	/* section#qualified */
	#exam-idx #qualified ol {	margin-left: 20px;}
	#exam-idx #qualified .notice {	margin-left: 0;}
	
	#exam-idx #schedule table thead {	display: none;}
	#exam-idx #schedule table tbody tr {	border: 1px solid #F7B500;}
	#exam-idx #schedule table tbody th,
	#exam-idx #schedule table tbody td {	display: block;	width: 100%	!important;	text-align: left;	border:none;}
	#exam-idx #schedule table tbody td {	padding: 10px 10px 0;}
	#exam-idx #schedule table tbody td:nth-child(5) {	padding: 10px;}
	#exam-idx #schedule table tbody td em {	display: block;}
	
	#exam-idx #written_exam table.wide {	display: none;}
	#exam-idx #written_exam table.narrow {	display: block;}
}
@media (max-width: 480px) {
	section table {	font-size: 13px;}
	section .notice {	padding: 10px;}
	/* section.exam_nav */
	/*#exam-idx .exam_nav ul {	margin-left: 0;}*/
	#article>div>.content>section>div>.img {	width: 40%;}
	#article>div>.content>section>div>.img img {	width: 100%;}
	/* section#qualified */
	#exam-idx #qualified .notice {	margin-left: 0;}
	#exam-idx #qualified .notice p {	margin-left: 0;}
	#exam-idx #qualified .notice ul {	margin-left: 20px;}
	#exam-idx #qualified .notice ul li {	margin-top: 5px;	padding-left: 0;	text-indent: 0;}
	/* section #schedule */
	#exam-idx #schedule table tbody th {	width: 4%;}
	#exam-idx #schedule table tbody td {	padding: 10px 5px 0;}
	#exam-idx #schedule table tbody td:nth-child(5) {	padding: 10px 5px;}
	/* section#contact */
	#exam-idx #contact .jcdalogo {	float: none;	margin: 30px 0;}
	#exam-idx #contact dl {	margin-left: 0;}
}
@media (max-width: 420px) {
	#article>div>.content>section>div>.img {	width: 100%;}
	
	section table td p.note {	padding-left: 0;	text-indent: 0;}
	#article>div>.content>section section.subsection>div {	margin-left: 0;}
	#exam-idx #qualified ol {	margin-left: 25px;}
}

@media screen and (max-width: 1200px) {
	#exam-idx .exam_nav p:first-child,
	#exam-idx .exam_nav p,
	#exam-idx #qualified ol,
	#exam-idx .exam_nav ul{
		margin-left: 0;
		padding-left: 0;
	}
}
/*[F]*/