@charset "UTF-8";

/* ===================================== */
/* トレーニング */
/* ===================================== */

.cm {
	color: #FF0000;
	font-weight: bold;
}


#online_training_top {
	margin: 15px 0;
}
.online_title {
	margin: 1em 0;
}


.licence {
   height:100px;
   overflow:auto;
   border:1px solid #e1d7d2;
   padding:5px;
   margin:1.0em 0em;
   font-size: 10px;
	font-size: 1.0rem;
}
.licence h5, .licence p {
   font-size: 10px;
	font-size: 1.0rem;
	
}
.licence ol {
   list-style-type:lower-latin;
   margin:0em 0em 0em 2.0em;
   padding:0em;
   border-left: none !important;
   font-size: 10px;
font-size: 1.0rem;
}



#online_training_top {
	margin: 15px 0;
}

.online_training_attention {
	color: #ff0000;
	font-weight: bold;
}

.online_tr dt {
	font-weight: bold;
	padding: 0 0 10px;
	font-size: 1.1em;
	color: #036;
}
.online_tr dd {
	margin-bottom: 15px;
}

#sample_text {
	float: right;
	width: 480px;
}



blockquote {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-size: 1.0rem;
}



/*=======================================================================

    Tabs
    
 ========================================================================*/
 

.tabs ul#tabs_navi {
		height: 60px;
	}

  .tabs ul#tabs_navi li {
  	margin: 0;
	line-height: 0px;
	width: 16.5%;
	font-size: 14px;
	font-size: 1.4rem;
  }

  .tabs ul#tabs_navi li span {
  	display: block;
	font-size: 13px;
font-size: 1.3rem;
white-space: nowrap;
overflow: none;
margin-top: -5px;
padding-left: 0;
  }


  .tabs ul#tabs_navi li a {
  	padding: 5px;
  	margin: 0 -1px 0 0;
	height: 50px;
  }
  
  .tabs ul#tabs_navi li.active a {
  	height: 50px;
  }
  
  
  .tabs .tabss {
  	padding: 0 1em;
  }

@media only screen and (max-width: 767px) {
 .tabs ul#tabs_navi li {
	width: 90%;
  }
  .pretty.tabs {
  margin-top: 30px;
  }
  .tabs ul#tabs_navi li span {
  display: inline;
  padding-left: 10px;
  
  }
    .tabs ul#tabs_navi li a {
	height: 30px;
  }
  .tabs ul#tabs_navi li.active a {
  	height: 30px;
  }  
}