@charset "UTF-8";


  /*****************************************
   受講環境
  ******************************************/

#environment table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: auto;
	width: 100%;
}
#environment table tr {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}
#environment table th {
	background: #deba29;
	text-align: left;
	padding: .625em;
}

#environment table td {
	padding: 1em 1.5em;
}
#environment table td:nth-child(1) {
	text-align: left;
	white-space: normal;
}

  /*****************************************
   カリキュラムの共通設定
  ******************************************/

table.cctb{
  border-collapse: collapse;
  width: 100%;
  margin: 1.0em 0 0 0;
}
table.cctb th{
  background-color: rgb(0,146,134);
  color: white;
  font-size: 1.0em;	
}
table.cctb th:nth-child(2n) {
    padding: 5px;
    text-align: left;
    border: 1px solid #a9a9a9;
}
table.cctb th:nth-child(2n+1) {
    padding: 5px;
    text-align: left;
    border: 1px solid #a9a9a9;
	/*width:auto;*/　/*個別に設定*/
}

table.cctb td{
	padding: 5px;
	border: 1px solid #a9a9a9;
	vertical-align: top;
	background-color: rgb(255,255,255);
	font-size: 1.0em;
	line-height: 1.5;
}

.ntipo1{
 width: 100%;
 margin-top: 1.0em;
}

table.ntipo1 td.tdws {
    white-space: nowrap;
    background-color: rgb(0,146,134);
    color: white;
    font-size: 1.2em;
}

table.ntipo1 td, table.tipo1 th {
    padding: 5px;
    text-align: left;
    border: 1px solid #a9a9a9;
    font-size: 1.2em;
    vertical-align: top;
}

table.ntipo1 td:nth-child(odd){
    width: 20%;
    text-align: center;
    font-weight: bold;
}


@media only screen and (max-width: 48em) {

	table.cctb{
		margin: 1.0em 0 0 0.5em;
	}
	
	table.cctb th{
		display:none;
	}
	
	table.cctb th:nth-child(2){
		border-top: none;
	}	
	
	table.cctb td{
		border:none;
		display: block;
		width: 100%;
	}
	
	table.cctb td:nth-child(odd){
		color:white;
		border-top: none;
		border-bottom: none;
		background-color: rgb(0,146,134); /*#eee*/
	}
	
	table.ntipo1{
   		margin: 1.0em 0 0 0.5em;
	}

	table.ntipo1 td{
	   border: none;
	   display: block;
	   width: 100%;
	   font-size: 1.0em;
	}

	table.ntipo1 td:nth-child(2n+1){
	   color: white;
	   border-top: none;
	   border-bottom: none;
	   background-color: rgb(0,146,134);
	   width:100%;
	   margin-top: 0.5em;
	   text-align: left;
	   font-size: 1.0em;
	}

	table.ntipo1 tr:last-child{
	   border-bottom: 1px dashed black;
	}
}

  /*****************************************
   個別設定
  ******************************************/

table.tipo0,
table.tipo1,
table.tipo2,
table.tipo3,
table.tipo4,
table.tipo5,
table.tipo6,
table.tipo7,
table.tipo8,
table.tipo9{
  border-collapse: collapse;
  width: 99%;
  margin: 1.0em 0 0 0.5em;
}

table.tipo0 td, table.tipo0 th,
/*table.tipo1 td, table.tipo1 th, table.tipo1 tr,*/
table.tipo2 td, table.tipo2 th,
table.tipo4 td, table.tipo4 th{
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
	width:25%;
}

table.tipo0 th,
table.tipo1 th,
table.tipo2 th,
table.tipo4 th,
table.tipo5 th,
table.tipo6 th,
table.tipo7 th,
table.tipo8 th,
table.tipo9 th{
	background-color: rgb(0,146,134); /*#eee*/
	color:white;
	font-size:1.1em;	
}

/*table.tipo1 td.tdcolor,
table.tipo4 td.tdcolor,
table.tipo5 td.tdcolor,
table.tipo6 td.tdcolor,
table.tipo7 td.tdcolor,
table.tipo8 td.tdcolor{
    background-color:rgb(0,146,134); 
	color:white;
	max-width:0.5%;
}*/

  /*****************************************
   tipo1
  ******************************************/
table.tipo1 td, table.tipo1 th{
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}
table.tipo1 td.tdws
/*table.tipo4 td.tdws*/{
	white-space:nowrap;
	background-color:rgb(0,146,134);
	color:white;
}

  /*****************************************
   tipo3
  ******************************************/
table.tipo3 td, table.tipo3 th, table.tipo3 tr {
	padding: 5px;
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	font-size:1.0em;
	vertical-align:top;
}

table.tipo3 th {
	background-color: rgb(9,1,88); /*#eee*/
	color:white;
	font-size:1.0em;	
}

  /*****************************************
   tipo4
  ******************************************/
/*table.tipo4 td{
	width:200px;	
}*/

  /*****************************************
   tipo5
  ******************************************/
table.tipo5 th:nth-child(odd){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
	width:15%;
	white-space:nowrap;
}

table.tipo5 th:nth-child(even){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

table.tipo5 td{
	padding: 5px; /*10px*/
	/*text-align: left;*/
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

table.tipo5 p{
	margin-left: 1em;
}

table.tipo5 h3{
	font-style:normal;
	font-weight:normal;
}

  /*****************************************
   tipo6
  ******************************************/
table.tipo6 th:nth-child(odd){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
	width:25%;
}

table.tipo6 th:nth-child(even){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

table.tipo6 td{
	padding: 5px; /*10px*/
	/*text-align: left;*/
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

  /*****************************************
   tipo7
  ******************************************/
table.tipo7 th:nth-child(odd){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #a9a9a9; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
	width:40%;
}

table.tipo7 th:nth-child(even){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #a9a9a9; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

table.tipo7 td{
	padding: 5px; /*10px*/
	/*text-align: left;*/
	border: 1px solid #a9a9a9; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}


  /*****************************************
   tipo8
  ******************************************/
table.tipo8 th:nth-child(odd){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
	width:30%;
}

table.tipo8 th:nth-child(even){
	padding: 5px; /*10px*/
	text-align: left;
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

table.tipo8 td{
	padding: 5px; /*10px*/
	/*text-align: left;*/
	border: 1px solid #ccc; /*#333*/
	/*font-size:1.1em;*/
	vertical-align:top;
}

  /*****************************************
   tipo9
  ******************************************/
table.tipo9 th{
	padding: 2px; /*10px*/
	text-align: left;
	border: 1px solid #696969; /*#333*/
	font-size:0.9em;
	/*vertical-align:top;*/
	/*width:30%;*/
	text-align: center;
}

table.tipo9 th:nth-last-child(-n+2){
	white-space: nowrap;
}

table.tipo9 tr:nth-child(1) td:not(:nth-child(7)){
	background-color:#87cefa;
}
table.tipo9 tr:nth-child(1) td:nth-child(4),
table.tipo9 tr:nth-child(1) td:nth-child(5),
table.tipo9 tr:nth-child(1) td:nth-child(6){
	white-space: nowrap;
}
table.tipo9 tr:nth-child(n+2){
	background-color:#ffc0cb;
}
table.tipo9 tr:nth-child(4){
	background-color:#f4a460;
}

table.tipo9 td{
	padding: 2px; /*10px*/
	/*text-align: left;*/
	border: 1px solid #696969; /*#333*/
	font-size:0.9em;
	/*vertical-align:top;*/
}
table.tipo9 td:nth-child(1){
	text-align: center;
	white-space: nowrap;
}
table.tipo9 td:nth-child(7),
table.tipo9 td:nth-last-child(-n+1){
	text-align: right;
	white-space: nowrap;
}

table.tipo9 td > ol{
	list-style: decimal;
	list-style-position: inside;
	text-indent: -1.3em;
	margin-left: 1.5em;
}

table.tipo9 td > ul{
	list-style: disc;
	list-style-position: inside;
	text-indent: -1em;
	margin-left: 1.5em;
}

table.tipo9 td > ul > li > ul{
	list-style: circle;
	list-style-position: inside;
	text-indent: -1em;
	margin-left: 1.5em;
}


  /*****************************************
   responsible swtich
  ******************************************/

.pcview{
	display:none;
}

  /*****************************************
   back link
  ******************************************/
.blink{
	text-align:right;
}

/***************************************************************
レスポンシブ対応*
***************************************************************/
@media only screen and (max-width: 48em) {
	
	table.tipo1 th,
	table.tipo2 th,
	table.tipo4 th,
	table.tipo5 th,
	table.tipo6 th,
	table.tipo7 th,
	table.tipo9 th{
		display:none;
	}
	table.tipo1 td,
	table.tipo4 td,
	table.tipo5 td,
	table.tipo6 td,
	table.tipo7 td,
	table.tipo9 td{
		border:none;
		display: block;
		width: 100%;
	}

	table.tipo1 th:nth-child(2),
	table.tipo4 th:nth-child(2),
	table.tipo5 th:nth-child(2),
	table.tipo6 th:nth-child(2),
	table.tipo7 th:nth-child(2),
	table.tipo9 th:nth-child(2){
		border-top: none;
	}
	table.tipo1 td:nth-child(odd), /* table.tipo2 td:nth-child(odd),*/
	table.tipo4 td:nth-child(odd), 
	table.tipo5 td:nth-child(odd), 
	table.tipo6 td:nth-child(odd), 
	table.tipo7 td:nth-child(odd){
		color:white;
		border-top: none;
		border-bottom: none;
		background-color: rgb(0,146,134); /*#eee*/
	}

	
	/***************************************************************
	tipo0
	***************************************************************/
	table.tipo0 td:nth-child(1) {
		font-weight: normal;
	}

	/*****************************************
	tipo2
	******************************************/
	table.tipo2 {
		border: none; /*border-bottom: 1px solid #333;*/
	}
	table.tipo2 h3::before{
		content:"●";	
	}	
	table.tipo2 p{
		font-size:0.8em;
	}
	table.tipo2 th,
	table.tipo2 td {
		display: block;
		width: 100%;
	}
	table.tipo2 th {
		border-bottom: none;
	}
	table.tipo2 td.head {
		font-weight: bold;
		background-color: #eee;
	}
	table.tipo2 td {
		border: none; /*border-bottom: none;*/
		background-color: #fff;
	}
	table.tipo2 th:last-of-type,
	table.tipo2 td:last-of-type {
		border-top: none;
		font-weight: normal;
		padding-top: 0;
	}
	table.tipo2 td:nth-last-child(2) {
		font-weight: bold;
	}
	
  /*****************************************
   tipo9
  ******************************************/

	table.tipo9 td:nth-child(7),
	table.tipo9 td:nth-last-child(-n+1){
		text-align: left;
		white-space: normal;
	}	
	
	table.tipo9 td:nth-child(odd){
		font-size:1.5em;
		font-weight: bold;
		border: 1px solid #696969;
		border-bottom: none;		
	}	
	
	table.tipo9 td:nth-child(even){
		background-color: #FFFFFF!important;
		border-left: 1px solid #696969;
		border-right: 1px solid #696969;
	}	
	
	table.tipo9 tr:nth-child(4) td:nth-child(2){
		border-bottom: 1px solid #696969;
	}	

	
	/*****************************************
	responsible swtich
	******************************************/

	.nopcview{
		display:none!important;
	}	

	.pcview{
		display:contents;
	}

	/*****************************************
	受講環境
	******************************************/

	#environment table tr {
		display: flex;
		flex-direction: column;
	}
	#environment table td {
		text-align: left;
	}
	#environment table td:nth-child(1) {
		background: inherit;
		margin: 0;
		/*text-align: center;*/
		font-weight: bold;
	}

	/*****************************************
	back link
	******************************************/
	.blink{
		display:none;
	}


}