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

 入札参加資格審査申#shinsei_index
工事入札情報

********************************************************/
#shinsei_index{
	
}

/*-----------------------------------------
並びFlex仕様
-------------------------------------------*/
.houhou_flex{
	display: flex;
	flex-wrap:wrap;
		border: solid 0px;
}

/*-----------------------------------------
各項目Flex仕様
-------------------------------------------*/
.koumoku_flex{
	display: flex;
	width: 100%;
	max-width: 300px;
		padding:20px;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 0 8px #D6D4D5;
		margin-bottom: 20px;
	margin-right: 30px;
	/*color: #4F4C4C;*/
	/*border: solid 1px #44A01B;*/
}


/*左の番号*/
.koumoku_flex .left{
	width: 30px;
		font-size: 50px;
	line-height: 40px;
	/*color: #44A01B;*/
	/*margin-right: 30px;*/
	border: solid 0px;
}

/*右のテキスト
---------------------------------------*/
.koumoku_flex .right{
	
	display: flex;
  flex-direction: column;
	padding-left: 20px;
	box-sizing: border-box;
}
.koumoku_flex .right .txt01{
		font-size: 20px;
	line-height: 28px;
	color: #44A01B;
	margin-bottom: 10px;
}
/*大きな文字spanで改行*/
.koumoku_flex .right .txt01 span{
	display: inline-block;
}
/*小さめの文字*/
.koumoku_flex .right .txt02{
		font-size: 14px;
	line-height: 20px;
	text-justify: inter-ideograph; /* IEで必要 */
text-justify: inter-character; /* Firefoxで必要 */
text-align: justify;
	margin-bottom: 20px;
	
}
/*ボタンindexページ専用
-----------------------------------*/
.index_page_link_area{
		width: 100%;
	 max-width: 200px;
	margin-top: auto;
	/*margin-top: 20px;*/
}
.index_page_link_area a{
	text-decoration: none;
	color: #44A01B;
}
.index_page_link_area .page_link{
	padding: 12px 0px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	 font-weight: 100;
	border: solid 1px  #44A01B;
	border-radius: 10px;
	background-color: #ECF2FF;
}
.index_page_link_area .page_link:hover{
	 color: #ffffff;
	background-color:#90CB76;
}

/* ディバイスサイズ設定
============================================= */
@media (max-width: 749px) {
	/*並びFlex仕様
-------------------------------------------*/
	.houhou_flex{
	display: flex;
		flex-direction: column;
		justify-content: center;
		border: solid 0px;
}
	/*各項目Flex仕様
-------------------------------------------*/
.koumoku_flex{
	justify-content: center;
	width: 100%;
	max-width: 1000px;
	box-sizing: border-box;
	margin-bottom: 100px;
	margin-right: 0;
}

	/*左の番号*/
.koumoku_flex .left{
		font-size:40px;
	width: 50px;
	margin-left: 20px;
	border: solid 0px;
	
}
	/*右のテキスト
---------------------------------------*/
.koumoku_flex .right{
	flex: 1;
	display: flex;
  flex-direction: column;
	padding-left: 0px;
	box-sizing: border-box;
	border: solid 0px;
}
	/*右のテキスト
---------------------------------------*/
	.koumoku_flex .right .txt01{
		font-size: 20px;
	margin-bottom: 0px;
}
}
@media (max-width: 850px){
/*		.houhou_flex{
flex-wrap:wrap;
		justify-content: center;

}*/
/*.koumoku_flex{
	width: 100%;
	margin-right: 0px;
	max-width: 900px;
		padding:4% 4%;

			}*/
	}

@media (max-width: 950px){
/*.koumoku_flex{
	max-width: 350px;
		padding:4% 4%;
			}*/
	}
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}