@charset "utf-8";


/*------------------------------------------------------------
	
	
	company.css


------------------------------------------------------------*/


/*------------------------------------------------------------
	会社概要：写真
------------------------------------------------------------*/

.company-photo {
	margin-bottom: 10px;
}

@media only screen and (min-width: 813px) {
	
	.company-photo {
		width: 890px;
		margin: 0 auto 20px;
	}

}

.company-photo figure {
	width: 48%;
	margin-right: 4%;
}

.company-photo figure:last-child {
	margin: 0;
}

@media only screen and (min-width: 813px) {
	
	.company-photo figure {
		width: 430px;
		margin-right: 30px;
	}

}

/*------------------------------------------------------------
	沿革：画像
------------------------------------------------------------*/

@media only screen and (max-width: 812px) {
	
	.table-holder .one-third figure {
		width: 32%;
		margin: 0 2% 10px 0;
	}
	
	.table-holder .one-third figure:last-child {
		margin-right: 0;
	}

}

@media only screen and (min-width: 813px) {
	
	.table-holder .one-third figure {
		margin-bottom: 15px;
	}

}

/*------------------------------------------------------------
	沿革：テーブル
------------------------------------------------------------*/

.table-holder .two-third-right table {
	margin: 0;
}

.table-holder .two-third-right table th {
	width: 100px;
	text-align: left;
}

.table-holder .two-third-right table td {
	width: cal(100% - 100px);
}

@media only screen and (min-width: 813px) {
	
	.table-holder .two-third-right table th {
		width: 140px;
	}
	
	.table-holder .two-third-right table td {
		width: cal(100% - 140px);
	}

}