@charset "UTF-8";
/* CSS Document */

/*******************************************************

業者一覧

********************************************************/

/*「番号、会社名、代表者」と「住所　登録業種」の並び
------------------------------------------------------------------*/
/*1業者データ　ヘッダーあり*/
.meibo_flex{
	width: 100%;
	display: flex;
	border-bottom: solid 1px #8CDAA8;
}
@media (max-width: 850px){
	.meibo_flex{
		flex-direction: column;
		font-size: 12px;
		line-height: 16px;
	}
	}
/*各項目　スマホ用（2段）設定*/
.meibo_flex .item01_flex,/*番号、会社名、代表者の並び*/
.meibo_flex .item02_flex{/*住所　登録業種の並び*/
	width: 100%;
	display: flex;
	align-items: flex-start;
	/*align-items: center;*/
}
/*ヘッダー
--------------------------------------------*/
.header_pc{
	font-weight:bold;
	background-color: #C6F1D6;
	border-top: solid 1px #8CDAA8;
	border-bottom: solid 2px #8CDAA8;
}
.header_sp{
	font-weight:bold;
	background-color: #C6F1D6;
	border-top: solid 1px #8CDAA8;
	border-bottom: solid 2px #8CDAA8;
}
@media (max-width: 850px){
	.header_pc{
		display: none;
	}

}
@media (min-width: 850px){
	.header_sp{
		display: none;
	}

}
/*項目サイズ
----------------------------------------------*/

.meibo_flex .item01_flex div,/*各項目*/
.meibo_flex .item02_flex div{/*各項目*/
	padding: 8px 5px 8px 10px;
	box-sizing: border-box;
	border: solid 0px;
}
/*スマホでは2段の上下間隔を設定
----------------------------------------------------*/
@media (max-width: 850px){
.meibo_flex .item01_flex div{/*各項目*/
	padding: 6px 5px 2px 10px;
	box-sizing: border-box;
	border: solid 0px;
}
.meibo_flex .item02_flex div{/*各項目*/
	padding: 0px 5px 6px 10px;
	box-sizing: border-box;
}
	}
/*業者番号*/
.meibo_flex .item01{
	width: 80px;

}
/*業者名*/
.meibo_flex .item02{
flex:1;
	border: solid 0px;
}
@media (max-width: 850px){
	/*業者名*/
.meibo_flex .item02{
font-weight:bold;
}
}	



/*代表者*/
.meibo_flex .item03{
	width: 120px;
}
@media (max-width: 850px){
	/*代表者*/
.meibo_flex .item03{
	width: 24%;/*登録業種と同じにする*/

}
}
/*住所*/
.meibo_flex .item04{
	flex:1;
	border: solid 0px;
}
@media (max-width: 850px){
.meibo_flex .item04{
	margin-left: 80px;
		border: solid 0px;
	}

}
/*登録業種*/
.meibo_flex .item05{
	width: 120px;
	/*min-width: 130px;*/
	border: solid 0px;
}
@media (max-width: 850px){
/*登録業種*/
.meibo_flex .item05{
	width: 24%;/*代表者と同じにする*/

}
}
.meibo_flex .item05 span{
margin-right: 3px;
}