@charset "UTF-8";
#tabs { 
	width:80%;
	max-width: 1100px;
	margin:0 auto 25px auto;
    display:block;
	padding: 0;
}
#tabs ul{ 
	width:100%;
	margin:0 0 0 0;
	padding: 0;
    display:block;
	text-align: center;
}
#tabs li{ 
	width:40%;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size:1.2rem;
}

#tabs div{ 
	border: 2px solid #191970;
	border-radius: 5px;
}
#tabs div h3{ 
	font-size: 1.1rem;
	font-weight: 400;
}
#tabs div p{ 
	font-size:1rem;;
	margin-left: 10px;
}
#tabs div p span{ 
	display: inline-block;
	min-width: 190px;
}
#tabs div p a{ 
	text-decoration: underline;
}
#tabs div p a:hover{ 
	text-decoration: none;
}

.thermo-camera-block .tabs-nav{
	color:#000;
}


/*----------------------------------------------------
  .採用情報のテーブル
----------------------------------------------------*/
table.saiyo{ width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
	margin: 0 auto 50px auto;
	font-size: 1rem;
}
.saiyo th, .saiyo td  {
	padding: 2%;
	border: 1px solid #ddd;
}
.saiyo th  {
	background: #f4f4f4;
	width: 30%; text-align: left; }
 
@media only screen and (max-width:768px){
	#tabs div h3{ 
	font-size: 1.0rem;
}
    table.saiyo {width: 100%; margin: 0 auto; font-size: 0.9rem;}
    .saiyo th,
    .saiyo td{
    width: 96%;
    display: block;
    border-top: none;
    }
  .saiyo tr:first-child th { border-top: 1px solid #ddd; }
	#tabs div p span{ 
	display:block;
}
	#tabs li{ 
	font-size:1.0rem;
}
	#tabs div p{ 
	font-size:0.9rem;
}
}
@media only screen and (max-width:480px){
    #tabs { 
	width:95%;
}
	#tabs li{ 
	width:39%;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size:0.8rem;
}
}

/*----------------------------------------------------
  .サーモグラフィーカメラの仕様テーブル
----------------------------------------------------*/
table.thermo-camera{ width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto 50px auto;
  font-size: 1rem;
  color:#000;
}

.thermo-camera th, .thermo-camera td  {
	padding: 2%;
	border: 1px solid #ddd;
}
.thermo-camera th  {
	background: #f4f4f4;
	width: 30%; text-align: left; 
}
 
@media only screen and (max-width:768px){
	#tabs div h3{ 
	font-size: 1.0rem;
}
    table.thermo-camera {width: 100%; margin: 0 auto; font-size: 0.9rem;}
    .thermo-camera th,
    .thermo-camera td{
    width: 96%;
    display: block;
    border-top: none;
    }
  .thermo-camera tr:first-child th { border-top: 1px solid #ddd; }
	#tabs div p span{ 
	display:block;
}
	#tabs li{ 
	font-size:1.0rem;
}
	#tabs div p{ 
	font-size:0.9rem;
}
}