@charset "utf-8";

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

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

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

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

.workLink 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) {
	.workLink {
		display: block;
		padding: 30px 0;
	}
	.workLink li {
		width: 290px;
		margin: 0 auto 20px;
	}
}

.trainingText {
	max-width: 960px;
	margin: 0 auto;
}

.trainingText dt {
	font-size: 20px;
	margin-top: 40px;
}








.dl_list > dt {
	border-bottom: 1px solid #122a88;
	color: #122a88;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.dl_list > dd {
    margin-bottom: 40px;
}

.technicalCenter {
	display: flex;
	justify-content: space-between;
}

.technicalCenter dl {
	width: calc((100% - 20px) / 3);
}

.technicalCenter dt {
	color: #0fb2b4;
	font-weight: bold;
}

.technicalCenter dd:first-of-type {
	min-height: 3.2em;
}

.technicalCenter dd span {
	font-weight: bold;
}
.technicalCenter dd span.unit {
	font-weight: normal;
}

.technicalCenter dd img {
	max-width: 100%;
}
@media screen and (max-width: 960px) {
	.technicalCenter dd:first-of-type {
		min-height: 4.8em;
	}
}

@media screen and (max-width: 767px) {
	.technicalCenter {
		display: block;
	}

	.technicalCenter dl {
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}

	.technicalCenter dl:last-of-type {
		margin-bottom: 0;
	}

	.technicalCenter dd:first-of-type {
		display: inline;
		min-height: 1.6em;
	}

	.technicalCenter dd:first-of-type p {
		display: inline-block;
		padding-left: 5em;
		text-align: left;
		text-indent: -5em;
	}

	.technicalCenter dd:first-of-type p span {
		text-indent: 0;
	}
}

.linkListLower > a,
.commonLink nav a {
	background: rgba(15,178,180,0.3);
}

.dl_tbl > dt {
	color: #0fb2b4;
}

.dl_list > dt {
	border-bottom: 1px solid #0fb2b4;
	color: #0fb2b4;
}

#Contents .bandH2, .commonTitle h1:after {
	background: #0fb2b4;
}

.workH2 {
	background: none;
	color: #0fb2b4;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.workH2 {
		font-size: 1.2em;
	}
}