@charset "UTF-8";
/*==========================

	company

============================*/
.mainttl.bgTransparent {
	background: url(../img/company/ttlImg.jpg) no-repeat 0px 54%/cover;
    margin: 0 7% 7% 7%;
}
.contentsttl {
	margin: 0 0 60px;
}
.infoTable {
	max-width: 1100px;
	margin: 0 auto;
	padding: 80px 0;
}
.infoTable table {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}
.infoTable table th, .infoTable table td {vertical-align: top;}
.infoTable table th {
	border-right:1px solid #f2e7e4;
	padding: 10px 10px 40px 10px;
	width: 130px;
}
.infoTable table td {
	padding: 10px 10px 40px 120px;
}
.infoTable table tr:last-child th {padding: 10px 10px 0 10px;}
 .infoTable table tr:last-child td {padding: 10px 10px 0 120px;}
/*media queries--------------------------------------css*/
@media screen and (max-width: 786px) {
	/*==========================

		company

	============================*/
	.mainttl.bgTransparent {
		background: url(../img/company/ttlImg.jpg) no-repeat 0px 54%/cover;
	    margin: 0 7% 7% 7%;
	}
	.contentsttl {
		margin: 0 0 20%;
	}
	.infoTable {
		max-width: 100%;
		margin: 0 auto;
		padding: 10% 5%;
		width: 92%;
	}
	#contents .contentsttl {position: relative;}
	#contents .contentsttl::before {
		content: "";
		position: absolute;
		display: block;
		width: 30%;
		height: 1px;
		margin: auto;
		right: 0;
		bottom: -18px;
		background: #a24969;
		left: 0;
	}
	.infoTable table {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	.infoTable table th {
		border-right:none;
		padding: 0 0 3% 0;
		width: 100%;
	}
	.infoTable table td {
		padding: 0 0 5% 0;
	}
	.infoTable table th, .infoTable table td {
		display: block;
		vertical-align: top;
		width: 100%;
	}
	.infoTable table tr:last-child th {padding: 0 0 3% 0;}
	.infoTable table tr:last-child td {padding: 0 0 5% 0;}

}