@charset "UTF-8";
/*/_styleSet:2022/03/14 12-13-24/*/
#career-navi .block{
	padding:0 20px;
}
#career-navi .content-top{
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:center;
	max-width:1000px;
}
#career-navi .content-top h1{
	font-weight:bold;
	display:inline-block;
	padding:0 0.5em;
	font-size:40px;
	background-image:url(../img/underline.svg);
	background-size:100%;
	background-position:50% 100%;
	background-repeat:no-repeat;
	position:relative;
	margin:2em 0 2em;
	line-height:1.4;
}
.lsp0{
	letter-spacing:0em;
}
#career-navi img.bracket-L{
	position:absolute;
	height:170%;
	left:0%;
	top:50%;
	transform:translate( -100% , -50% );
	width:auto;
}
#career-navi img.bracket-R{
	position:absolute;
	height:170%;
	top:50%;
	transform:translate( 100% , -50% )  rotate( 180deg );
	width:auto;
	right:0;
}
#career-navi .voice{
	display:inline-block;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.1em;
	padding:0 0 0 2em;
	background-image:url(../img/icon_voice.svg);
	background-size:1.5em;
	background-position:0% 50%;
	margin:0.5em 0 0;
	background-repeat:no-repeat;
}
#career-navi .block2{
	padding:0 20px;
	text-align:center;
}
#career-navi .content-main{
	margin:0 auto;
	width:100%;
	padding:0;
	max-width:1000px;
}
.list-section{
	border:1px solid rgb(53,161,95);
	margin:0 0 60px;
	text-align:center;
}
.ttl-block{
	text-align:center;
	position:relative;
}
.ttl-block h2{
	display:inline-block;
	font-weight:bold;
	font-size:26px;
	letter-spacing:0.2em;
	color:rgb(53,161,95);
	transform:translateY(-50%);
	padding:0 1.2em;
	position:relative;
	background-color:rgba(255,255,255,1);
}
.ttl-block h2 .dot-L{
	width:7px;
	height:7px;
	border-radius:5px;
	background-color:rgb(53,161,95);
	display:block;
	position:absolute;
	top:calc( 50% - 0.5px );
	left:0;
	transform:translateY(-50%);
}
.ttl-block h2 .dot-R{
	width:7px;
	height:7px;
	border-radius:5px;
	background-color:rgb(53,161,95);
	display:block;
	position:absolute;
	top:calc( 50% - 0.5px );
	transform:translateY(-50%);
	right:0;
}
.thumb-area{
	overflow:hidden;
	padding:50px 20px 20px;
}
.thumb-block{
	width:31%;
	margin:0 0 30px;
	display:block;
}
.thumb-block img{
	width:100%;
	max-width:initial;
	object-fit:cover;
}
.thumb-block .thumb-ttl{
	color:rgba(54,178,221,1);
	font-weight:bold;
	font-size:18px;
	padding:0.5em 0 0.3em;
	text-align:left;
}
.thumb-block .thumb-ttl small{
	font-size:70%;
	color:inherit;
}
.thumb-block .thumb-tx1{
	font-size:13px;
	font-weight:bold;
	text-align:left;
}
.thumb-block .thumb-tx2{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.thumb-blank{
	width:30%;
}
#career-navi p.note{
	font-size:12px;
	text-align:right;
}
@media screen and (max-width: 768px){
	#career-navi .block{
		padding:0;
	}
	#career-navi .content-top h1{
		font-size:5vw;
	}
	#career-navi .voice{
		font-size:3.2vw;
		margin:0;
		text-align:left;
		letter-spacing:0em;
	}
	#career-navi .block2{
		padding:0 1vw;
	}
	#career-navi .content-main{
		padding:6vw 0;
	}
	.list-section{
		margin:0 0 8vw;
	}
	.ttl-block h2{
		font-size:5vw;
	}
	.thumb-area{
		padding:4vw 0 0;
	}
	.thumb-block{
		margin:0 0 4vw;
		width:100%;
		overflow:hidden;
		display:block;
	}
	.thumb-block img{
		float:left;
		width:33vw;
		height:22vw;
		display:block;
		margin-right:2%;
		margin-left:1%;
	}
	.thumb-block .thumb-ttl{
		font-size:3.8vw;
		float:left;
		width:61%;
		padding:0 0 0.1em;
	}
	.thumb-block .thumb-tx1{
		font-size:3vw;
		float:left;
		width:61%;
	}
	.thumb-block .thumb-tx2{
		font-size:3.2vw;
		padding:0.2em 0 0;
		width:61%;
		float:left;
	}
	.thumb-blank{
		display:none;
	}
}