@charset "utf-8";

.companyLink1 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.companyLink1 li {
	width: 424px;
	margin: 40px 0 0;
}
.companyLink1 li a {
	display: block;
	text-decoration: none;
}

#Contents .companyLink1 li a img {
	display: block;
	width: 100%;
	height: auto;
}

.companyLink1 li a strong {
	display: block;
	line-height: 28px;
	padding: 6px 0;
	text-align: center;
	background: #03c4ef;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.companyLink1 li a strong::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	vertical-align: top;
	background: url("/image/hfd/recruit/new_graduate/work/icon_work_link.png");
}

@media screen and (max-width: 767px) {
	.companyLink1 {
		display: block;
		padding: 30px 0;
	}
	.companyLink1 li {
		width: 290px;
		margin: 0 auto 20px;
	}
}


.companyLink2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 60px;
	margin: 0 auto;
}

@media screen and (max-width: 1304px) {
	.companyLink2 {
		width: 632px;
	}
}
@media screen and (max-width: 767px) {
	.companyLink2 {
		width: auto;
		max-width: 306px;
	}
}

.companyLink2 li {
	width: 306px;
	max-width: 100%;
	margin: 20px 0px 0;
}
.companyLink2 li a {
	display: block;
	text-decoration: none;
}

#Contents .companyLink2 li a img {
	display: block;
	width: 100%;
	height: auto;
}

.companyStaffLink {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 960px;
	margin: 0 auto;
}

@media screen and (max-width: 989px) {
	.companyStaffLink {
		width: 463px;
		max-width: 100%;
	}
}

.companyStaffLink li {
	width: 463px;
	max-width: 100%;
	margin: 40px 0px 0;
}
.companyStaffLink li a {
	display: block;
	text-decoration: none;
}

#Contents .companyStaffLink li a img {
	display: block;
	width: 100%;
	height: auto;
}




.aboutLink {
	display: flex;
	justify-content: center;
	padding: 60px 0;
}

.aboutLink li {
	width: 310px;
	margin: 0 10px;
}
.aboutLink li a {
	display: block;
	text-decoration: none;
}

#Contents .aboutLink li a img {
	display: block;
	width: 100%;
	height: 130px;
}

.aboutLink li a strong {
	display: block;
	line-height: 28px;
	padding: 6px 0;
	text-align: center;
	background: #03c4ef;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.aboutLink li a strong::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	vertical-align: top;
	background: url("/image/hfd/recruit/new_graduate/work/icon_work_link.png");
}

@media screen and (max-width: 767px) {
	.aboutLink {
		display: block;
		padding: 30px 0;
	}
	.aboutLink li {
		width: 290px;
		margin: 0 auto 20px;
	}
}

.linkListLower > a, .linkListLower > span, .commonLink nav a {
	background: rgba(0,192,153,0.3);
}

.dl_tbl > dt {
	color: #00c099;
}

.commonTitle h1:after {
	background: #00c099;
}