@charset "UTF-8";

/*================================================

　メインビジュアル

=================================================*/
@media screen and (max-width: 767px) {

	.mainvisual-text {
		width: 22%;
	}

}


/*================================================

　company

=================================================*/
.company {
	position: relative;
	max-width: 1280px;
	margin: -100px auto 0;
	padding: 100px 3.115625% 0;
	z-index: 9;
}
.company-content {
	position: relative;
	margin: 25px 0;
	padding: 40px 2.586207%;
	border: 10px solid #00a0e9;
	border-radius: 29px;
}
.company-content table {
	position: relative;
	width: 52.909091%;
	margin: 0 auto;
	color: #231815;
	text-align: left;
	font-size: clamp(1.2rem, (100vw - 375px) * 8 / 392 + 12px, 2rem);
	line-height: 1.6;
}
.company-content table th {
	width: 8.5em;
	padding: 0 10px;
}
.company-content table td {
	padding: 0 10px;
}
.company-content table .separate th {
	padding: 0 10px 20px;
	border-bottom: 1px solid #9FA0A0;
}
.company-content table .separate td {
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #9FA0A0;
}
.company-content table .separate.noborder th,
.company-content table .separate.noborder td {
	border-bottom: none;
}
.company-content table .separate + tr th {
	padding: 20px 10px 0;
}
.company-content table .separate+ tr td {
	padding: 20px 0 0 10px;
}

@media screen and (max-width: 1080px) {

	.company-content table {
		width: 73%;
	}

}

@media screen and (max-width: 767px) {

	.company-content {
		border: 6px solid #00a0e9;
	}
	.company-content table {
		width: 90%;
	}
	.company-content table th {
		width: 7em;
	}

}