@charset "utf-8";

/***************************************************************************
*
* COMPANY STYLE
*
***************************************************************************/

#companyMain {
	max-width: 1000px;
}

#companyMain .page-title {
	text-align: center;
}

#companyMain .page-title h2 {
	margin-top: 100px;
	margin-bottom: 70px;
}

#companyMain .contentWrap {
	display: flex;
	margin-top: 90px;
}

#companyMain .company-logo {
	width: 250px;
}

#companyMain .company-info {
	width: 100%;
	max-width: 750px;
	margin-bottom: 130px;
}

#companyMain .company-info > div {
	height: 72px;
	border-bottom: solid 0.5px #9E9E9F;
	font-size: 15px;
}

#companyMain .company-info > div dt {
	font-weight: bold;
}

#companyMain .company-info > div {
	display: flex;
	align-items: center;
	height: 72px;
	border-bottom: solid 0.5px #9E9E9F;
}

#companyMain .company-info > div dt {
	width: 150px;
	flex-shrink: 0;
}

@media (max-width: 834px) {
	#companyMain .page-title h2 {
		width: 54%;
		margin: 48px auto 50px;
	}

	#companyMain .contentWrap {
		display: block;
		margin-top: 64px;
		padding: 0 4%;
	}

	#companyMain .company-logo {
		width: 24%;
		margin: 0 auto;
	}

	#companyMain .company-info {
		margin-top: 32px;
	}

	#companyMain .company-info > div {
		font-size: 1.1rem;
	}

	#companyMain .company-info > div dt {
		width: 26%;
	}

	#companyMain .company-info > div dd {
		font-size: 1.1rem;
		font-weight: normal;
	}
}