@charset "utf-8";
.belt{width:100%;}
#gMain{
	width:100%;
	position:relative;
}
#pagerLinker{
	text-align:left;
	z-index:1;
}
#pagerLinker li,
#pagerLinker li a{
	display:block;
	line-height:1.0;
}
#pagerLinker li a.active,
#pagerLinker li a:hover{color:var(--black-color);}
.topSec,
.jobSec{width:100%;}
.topSec .jobLink{
	display:flex;
	flex-wrap:wrap;
}
.jobLink li svg{transform:rotate(90deg);}
.jobSec .jobTitle{
	position:relative;
	text-align:left;
	color:#fff;
}
.jobSec .jobTitle > img{
	object-fit:cover;
	object-position:left center;
}
.jobSec .jobTitle h2 > *{
	display:block;
	position:absolute;
	line-height:1.0;
}
.jobSec .jobTitle strong{
	left:0;
	transform:translateX(-100%);
	opacity:0;
	transition:opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
}
.jobSec .jobTitle.show strong{
	transform:translateX(0px);
	opacity:0.2;
}
.fgSec{text-align:left;}
.fgSec h3{line-height:1.75;}
@media screen and (max-width:767.98px){/*390px*/
	#gMain{padding-bottom:11.7949vw;}
	.topSec,
	.jobSec{padding:0 5.1282vw;}
	.topSec{margin-bottom:9.2308vw;}
	.topSec .jobLink{
		justify-content:space-between;
		margin-top:6.6667vw;
	}
	.topSec .jobLink li{width:48.57%;}
	.topSec .jobLink li:nth-child(n+3){margin-top:2.5641vw;}
	.topSec .jobLink .boxBtn{padding:3.5897vw 1.7949vw 3.5897vw 1.5vw;}
	.topSec .jobLink span{font-size:1.0833rem;}
	.jobSec+.jobSec{margin-top:23.0769vw;}
	.jobSec .jobTitle{
		width:calc(100% + 10.2564vw);
		margin:0 -5.1282vw 10.2564vw;
	}
	.jobSec .jobTitle img{
		width:100%;
		height:51.282vw;
		object-fit:cover;
		object-position:center center;
	}
	.jobSec .jobTitle strong{
		bottom:9.2308vw;
		font-size:3.6667rem;
	}
	.jobSec .jobTitle span{
		left:5.641vw;
		bottom:7.1795vw;
		font-size:1.3333rem;
	}
	.fgSec+.fgSec{margin-top:8.2051vw;}
	.fgSec figcaption{margin-top:3.3333vw;}
	.fgSec h3{
		font-size:2.0rem;
		letter-spacing:-0.2vw;
	}
	.fgSec p{padding-top:1.7949vw;}
}
@media screen and (min-width:768px){
	#pagerLinker li{font-size:0.875rem;}
	#pagerLinker li a{position:relative;}
	#pagerLinker li a:before{
		content:"";
		display:inline-block;
		position:absolute;
		background-color:var(--black-color);
		border-radius:50%;
	}
	#pagerLinker{
		position:sticky;
		top:80px;
		left:0;
	}
	.topSec .jobLink li{width:32%;}
	.topSec .jobLink li:not(:nth-child(3n+1)){margin-left:2%;}
	.topSec .jobLink li:nth-child(n+4){margin-top:20px;}
	.topSec .jobLink span{font-size:1.25rem;}
	.jobSec .jobTitle strong{font-size:8.125rem;}
	.jobSec .jobTitle span{font-size:2.5rem;}
	.fgSec figcaption{
		display:flex;
		justify-content:space-between;
	}
	.fgSec h3{
		width:40%;
		font-size:2.5rem;
	}
	.fgSec p{width:60%;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	#pagerLinker{
		width:19.8333vw;
		left:1.6667vw;
	}
	#pagerLinker li+li{margin-top:2.0833vw;}
	#pagerLinker li a{padding-left:1.5vw;}
	#pagerLinker li a:before{
		width:0.8333vw;
		height:0.8333vw;
		left:0;
		top:0.4167vw;
	}
	#gMain{
		margin-top:-14.1667vw;
		padding-right:1.6667vw;
		padding-left:21.5vw;
	}
	.topSec,
	.jobSec{
		margin-right:auto;
		margin-left:auto;
	}
	.topSec{margin-bottom:5vw;}
	.topSec .jobLink{margin-top:4.3333vw;}
	.topSec .jobLink .boxBtn{padding:2.3333vw 1.25vw 2.3333vw 3.1667vw;}
	.jobSec+.jobSec{margin-top:calc(12.1667vw - 76px);}/*146px-76px*/
	.jobSec .jobTitle{margin-bottom:8vw;}
	.jobSec .jobTitle img{width:calc(100% + 2vw);}
	.jobSec .jobTitle strong{bottom:5.8333vw;}
	.jobSec .jobTitle span{
		left:12vw;
		bottom:5.3333vw;
	}
	.fgSec+.fgSec{margin-top:6.8333vw;}
	.fgSec figcaption{margin-top:2.0vw;}
	.fgSec p{padding-top:0.25vw;}
}
@media screen and (min-width:1220px){
	#pagerLinker li+li{margin-top:25px;}
	#pagerLinker li a{padding-left:18px;}
	#pagerLinker li a:before{
		width:10px;
		height:10px;
		left:0;
		top:5px;
	}
	#gMain{margin-top:-170px;}
	.topSec{margin-bottom:60px;}
	.topSec .jobLink{margin-top:52px;}
	.topSec .jobLink .boxBtn{padding:28px 15px 28px 38px;}
	.jobSec+.jobSec{margin-top:146px;}
	.jobSec .jobTitle{margin-bottom:96px;}
	.jobSec .jobTitle strong{
		left:0;
		bottom:70px;
	}
	.jobSec .jobTitle span{
		left:144px;
		bottom:64px;
	}
	.fgSec+.fgSec{margin-top:82px;}
	.fgSec figcaption{margin-top:24px;}
	.fgSec h3{letter-spacing:-0.15rem;}
	.fgSec p{padding-top:3px;}
}
@media screen and (min-width:1220px) and (max-width:1399.98px){
	#pagerLinker{
		width:238px;
		left:20px;
	}
	#gMain{
		padding-right:20px;
		padding-left:258px;
	}
	.topSec,
	.jobSec{
		max-width:1000px;
		width:100%;
		margin-left:auto;
	}
	.jobSec .jobTitle > img{width:calc(100% + 20px);}
}
@media screen and (min-width:1400px){
	#pagerLinker{
		width:238px;
		left:calc(50% - 645px);
	}
	#gMain{
		padding-right:calc(50% - 550px);
		padding-left:calc(50% - 550px);
	}
	.topSec,
	.jobSec{padding-left:100px;}
	.jobSec .jobTitle > img{
		width:calc(100% + 50vw - 550px);
		height:500px;
	}
}