.info h4{
	background:#228b22;
	}
  
.koment{margin:6% 0 0 0;}
  
.koment h4{
 	font-size:120%;
	color:red;
	margin:0 0 1% 0;
 	}
	 
.koment .detail td{font-size:120%;}

.item{
	border:5px solid #ffa200;
	}
  
#top_info{margin:0;
	padding:13.5% 0;
	background:url(../fiesta/JobPortMie2021.jpg) no-repeat 30% 30%;
	background-size:cover;
	position:relative;
	}
  
.item_info .item .right{
	width:45%;
	float:right;
	}

.item_info .item .left{
	width:55%;
	float:left;
	}

 .right img{
	margin:0 0 0 2%;
	width:97%;
	}
  
.item_info .item table.detail th{
	width:25%;
	}
  
.item .jobp{
	font-size:130%;
	line-height:120%;
	margin:-0.5% 0 0.5% 0;
	}
  
 footer{
	padding:1% 0 0 0;
	background:#b7ffb7;;
	}

.f_navi ul{
	float:right;
  	width:80%;
	}

.f_navi li{
	color:#999;
	}

.f_navi li.title{
	color:#999;
	font-size:87.5%;
	font-weight:bold;
	display:block;
	padding:0.5% 0 0.5% 3%;
	margin:0 0 1% 0;
	background:url(../css/img/icon_arrow4-2.png) no-repeat 0 50%;
	background-size:14px 14px;
	border-bottom:1px dotted #999;
	}


  
 .sample_area h2{ 
	margin:25px 0 0 0;
  	float:left;
  	color:#2285d1;
  	cursor: pointer;
	}
  
  
.test{
	margin:20px 0 0 3%;
 	width: 30px;
	height: 30px;
	border-top: 3px solid #ccc;
	border-right: 3px solid #ccc;
	transform: rotate(-135deg);
	float:left;
	}
  
  
.clear {
	clear:both;
	}
 
  
#f_comp img{width:90%;}
  

div.radius1,
div.radius2 {

	background:#ffa200;
	border-radius: 22px;
 
	margin: 5px 10px 10px 0;
  
	width: 130px;
	height: 30px;
	padding: 13px 0 0 0;
  
	font-size:20px;
	font-weight: 900;
	color:#ffffff;
	display: inline-block;
	text-align: center;
	vertical-align:  middle;
	}




#page_top a{

	text-shadow:1px 1px #cccccc;
	border:1px solid #cccccc;
	background-color:#cccccc;
	border-radius:10px;
}



.how_apply{
line-height:200%;
font-size:160%;
color:green;
margin:10px 0 10px 0;
}




table.detail th, 
table.detail td {
	border: 1px solid #ccc;
  }
  
  
 .item{
	padding:1.5% 1.5% 0 1.5%;	
	margin:3% 0;
	background:#fff;
	border:3px solid green;
}

  
@media(max-width:640px){
  
 	table.detail tbody th{
		border-left: 10px solid #009900;
  		width:100%;
	}
  
    	.f_navi ul{
		float:left;
  		width:100%;
		}
   
  	.item .left{
		width:100%;
	}
  
  
	.item .right{
		width:100%;
	}
  

	.item_info .item .right{
		width:100%;
	}

	.item_info .item .left{
		width:100%;
	}

	.item_info .item table.detail th{
		width:100%;
	}
   
	.right img{
		width:100%;
	 	margin:2% 0 0 0;
	}
	
	
	.item{
	border:none;
	}
	
	
   	#top_info{
  		margin:0;
		padding:40% 0;
		background:url(../fiesta/JOBPORTMIEsp.jpg) no-repeat 30% 30%;
		background-size:cover;
		position:relative;
	}
   
	#f_comp img{width:100%;}
	
	
	
	.how_apply br{
		display: none;
	}
	
	.how_apply{
		line-height:170%;
		font-size:130%;
  	}





	table.detail{
		display:block;
		background:none;
	}
	
	table.detail tr:nth-of-type(odd){
		background:none;
	}

	table.detail thead{
		display:none;
	}
	
	table.detail tbody{
		display:block;
	}
	
	table.detail tbody tr{
		display:block;
		margin-bottom:3%;
	}
	
	table.detail tbody th,
	table.detail tbody td{
		font-size:100%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	table.detail tbody th{
		width:inherit;
		padding:0 0 0 2%;
		margin-bottom:2%;
		border-left:10px solid green;
	}
	

}




/*リスト----------------*/

/* table.detail3
------------------------*/
.detail3 p.text_left { text-align: left; }
.detail3 p.txt_center { text-align: center; }
.detail3 p.txt_right { text-align: right; }


table.detail3{
width: 100%; 
border-collapse: collapse; 
font-size:95%;
line-height:120%;
}


.detail3 td a{ 
	font-weight: bold;
	vertical-align:middle;
}


.detail3 th { 
	background: #fff; 
	font-weight: bold;
	vertical-align:middle;
}



table.detail3 th, 
table.detail3 td {
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align:middle;
  }
  
 table.detail3 td {height:53px;}
  
  
table.detail3 th:nth-of-type(1) { width:10%;} 
table.detail3 th:nth-of-type(2) { width:25%;} 
table.detail3 th:nth-of-type(3) { width:20%;}
table.detail3 th:nth-of-type(4) { width:25%;}
table.detail3 th:nth-of-type(5) { width:5%;} 


 .detail3 p.btn_info a{
  	background:#ffa200;
  	border: none;
  	padding:3px 0 0 0;
  }
  

  
 .info{margin:50px 0 0 0;} 
  
 .info h3{ 
  border-bottom:3px solid #ffa200;
  }
  


div.radius3,
div.radius4  {

	margin:6px;
	  
	font-size:16px;
	font-weight: 600;
	color:#ffa200;

	text-align: center;
	vertical-align:  middle;
}


 
@media(max-width:640px){
 	
	 table.detail3 th:nth-of-type(1) { width:12%;}
	 table.detail3 th:nth-of-type(5) { width:15%;}
	 
	 table.detail3 th:nth-of-type(4),
	 table.detail3 td:nth-of-type(4){
			display:none;
		}
		
	div.radius3,
	div.radius4 {

 		font-size:12px;
 		font-weight: 300;
		 width: 100%;
		 
		 margin:8px 0;

		}

	
		
  }
  
  
  
 /*----トップページフレーム---*/ 
 
  
  
  
  div.radius5,
  div.radius6 {
  
  
 	background:#ffa200;
	border-radius: 20px;
 
	margin: 2px 5px 5px 0;
  
	width: 90px;
	height: 19px;
	padding: 7px 0 0 0;
  
	font-size:14px;
	font-weight: 900;
	color:#ffffff;
	display: inline-block;
	text-align: center;
	vertical-align:  middle;
  
	}
	
@media(max-width:800px){

 div.radius5,
  div.radius6 {
  
	border-radius: 15px;
 
	margin: 2px 5px 5px 0;
  
	width: 70px;
	height: 15px;
	padding: 6px 0 0 0;
  
	font-size:10px;
	font-weight: 400;

	}
}	
	
		
.bana_search img{width:100%;}


.yellbana1,
.yellbana2{
	cursor:pointer;
}


.yellbana2{display:none;}
	

@media(max-width:640px){

	
	.bana_search{
	width:100%;
	margin:0;
	padding:0;
	}
	
	.yellbana1{display:none;}
	.yellbana2{
		display:block;
		margin:5% 0 -5% 0;
		padding:0;
		width: 120%;
		
	}
	
	
	img.entry{
	width: 99%;
	margin:0%;
	}

}