/* CSS Document */

:root {
	--black: #333333;
	--light-black: #595959;
	--blue: #3666A7;
	--light-blue: #3F86E3;
	--hover-blue: #EBF3FF;
	--list__border: 1px solid #D1D1D1;
	--Small__bottom: 24px;
	--semi-Small__bottom: 28px;
	--Medium__bottom: 50px;
	--Large__bottom: 80px;
}

.contens_title {
	font-size: min(4.88vw, 24px);
	margin-top: 35px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 7px;
	font-weight: 700;
}
.contens_title span {
	display: inline-block;
	width: 25px;
	height: 26px;
	background-image: url("../img/skip-person_icon.png");
	background-size: contain;
	background-repeat: no-repeat;
}
.contents__message {
	font-size: min(3.6vw, 16px);
	letter-spacing: .5px;
	margin-bottom: var(--Medium__bottom);
}
.tab{
  margin-bottom: var(--Large__bottom);
  padding: 5px;
}

.company__list li div a {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 5px;
	border-bottom: var(--list__border);
	transition: .3s;
}
.company__list li div a:hover {
	background: var(--hover-blue);
	opacity: 1;
}
.company__list li:first-child {
	border-top: var(--list__border);
}
.company__list li div p {
	font-weight: 600;
	color: var(--blue);
	font-size: min(4.2vw, 16px);
	letter-spacing: .5px;
}
.company__list li div a .place {
	color: var(--black);
	font-size: min(3.6vw, 16px);
	font-weight: 400;
}


@media (min-width: 834px) {
	.contents__area {
		padding: 0 2.1vw;
	}
	.contens_title {
		margin-top: 60px;
		margin-bottom: var(--Small__bottom);
		gap: 10px;
	}
	.contens_message {
		margin-bottom: var(--semi-Small__bottom);
	}

	.company__list li div a {
		flex-direction: row;
		gap: 5vw;
		padding: 20px 10px;
	}
	.company__list li div a p {
		width: 50%;
	}
	
}