@charset "utf-8";
.listSec h2{
	display:block;
	line-height:1.0;
}
.noPosts,
.jobLink{margin:0 auto;}
.jobLink .boxBtn svg{transform:rotate(90deg);}
.singleJobsTitle{
	display:block;
	line-height:1.0;
}
.jobsSec{
	margin:0 auto;
	text-align:left;
}
.jobsSec .requirTable{width:100%;}
.jobsSec .requirTable > *{display:block;}
.jobsSec .requirTable dt{
	border-top:1px solid #e4e4e4;
	background-color:#f0f6f7;
}
.jobsSec .requirTable a{
	color:var(--link-color);
	text-decoration:underline;
}
.jobsSec .flowList li{
	display:block;
	position:relative;
}
.jobsSec .flowList .flowNum{position:absolute;}
.jobsSec .flowList .fg{margin:0 auto;}
.jobsSec .flowList .flowTtl{
	display:block;
	line-height:1.0;
	color:var(--main-color);
}
.jobsSec .flowList p{line-height:2.285;}
#listReLink .boxBtn{margin:0 auto;}
#listReLink span{flex:1;}
.pageJobs #flow .doubleTtl{text-align:center;}
.voiceGr img{
	display:block;
	object-fit:cover;
	object-position:center center;
	line-height:1.0;
	overflow:hidden;
}
.voiceGr figcaption{
	display:block;
	text-align:left;
}
.voiceSec+.voiceSec{border-top:1px solid #e0c788;}
.seniorName{
	display:table;
	line-height:1.0;
	background-color:var(--black-color);
	color:#fff;
}
.seniorName > *{
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
}
.voiceGr h3{
	position:relative;
	line-height:1.666;
	text-align:left;
}
.voiceGr h3:before{
	content:"";
	display:block;
	height:1px;
	position:absolute;
	left:0;
	background-color:#333;
}
#those{width:100%;}
body[data-slug="career"] #those{background-color:#f0f6f7;}
#those .fg > *{display:block;}
#those .txt{text-align:left;}
.bnrCol{text-align:center;}
.bnrCol a{
	display:block;
	position:relative;
	margin:0 auto;
	background:var(--black-color) url("../img/jobs/bnr-bg.svg") no-repeat;
	color:#fff;
	text-align:left;
}
.bnrCol a > *{display:block;}
.bnrCol h2{line-height:1.0;}
.bnrCol p{line-height:2.857;}
.bnrCol svg{
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	overflow:hidden;
}
.bnrCol a svg use{fill:var(--main-color);}
#timetable{
	width:100%;
	background-color:#f0f6f7;
}
.timetableList{position:relative;}
.timetableList:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	border-left:3px dashed #ccc;
}
.timetableList li{
	display:block;
	position:relative;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
	opacity:1;
}
.timetableList li > *:not(.bg),
.timetableList li:before,
.timetableList li:after{
	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);
}
.timetableList li.show > *:not(.bg),
.timetableList li.show:before,
.timetableList li.show:after{opacity:1;}
.timetableList li:before{
	content:"";
	display:block;
	position:absolute;
	background-color:#fff;
	transform-origin:center bottom;
	z-index:1;
}
.timetableList li:after{
	content:"";
	display:block;
	position:absolute;
	background-color:var(--main-color);
	border:solid #e5d9b4;
	border-radius:50%;
	z-index:1;
}
.timetableList li:first-child .bg{
	display:block;
	height:50%;
	position:absolute;
	top:0;
	background-color:#f0f6f7;
}
.timetableList li:last-child .bg{
	display:block;
	height:50%;
	position:absolute;
	bottom:0;
	background-color:#f0f6f7;
}
.timetableList time{
	display:table;
	position:relative;
	border-bottom:1px solid #333;
	line-height:1.0;
}
.timetableList time:before{
	content:"";
	display:block;
	position:absolute;
	vertical-align:middle;
	background:url("../img/jobs/time-icon.svg") no-repeat center center / contain;
}
.timetableList h3{
	display:block;
	line-height:1.0;
}
.timetableList p{line-height:2.285;}
@media screen and (max-width:767.98px){/*390px*/
	.listSec{padding-bottom:12.3077vw;}
	.listSec h2{font-size:2.3333rem;}
	.jobLink,
	.noPosts{
		width:89.7436vw;
		margin-top:10.2564vw;
	}
	.jobLink li{width:100%;}
	.jobLink li+li{margin-top:2.0513vw;}
	.jobLink .boxBtn{padding:5.1282vw 1.5385vw 5.1282vw 3.0769vw;}
	.jobLink li span{font-size:1.3333rem;}
	.singleJobsTitle{font-size:2.0rem;}
	.jobsSec{
		padding-right:5.1282vw;
		padding-left:5.1282vw;
	}
	#jobDesc{margin-top:20.5128vw;}
	#skillExp,
	#applReq{margin-top:11.2821vw;}
	.doubleTtl small{font-size:1.0rem;}
	.doubleTtl strong{font-size:1.6667rem;}
	.jobsSec .jobsTxt{margin-top:6.9231vw;}
	.jobsSec .requirTable{margin-top:8.2051vw;}
	.jobsSec .requirTable > *{width:100%;}
	.jobsSec .requirTable dt{
		padding:3.0769vw 3.5897vw;
		font-size:1.1667rem;
		line-height:1.0;
	}
	.jobsSec .requirTable dd{padding:0.7692vw 3.5897vw 3.5897vw;}
	#flow{margin-top:22.5641vw;}
	.jobsSec .flowList{margin-top:9.4872vw;}
	.jobsSec .flowList li{
		display:grid;
		grid-template-columns:28.5714% 68.8572%;
		grid-template-rows:auto auto;
		column-gap:2.5714%;
		width:100%;
		padding-top:5.8974vw;
	}
	.jobsSec .flowList li+li{
		margin-top:4.359vw;
		border-top:1px solid #f5f5f5;
	}
	.jobsSec .flowList .flowNum{
		width:10.857%;
		top:5.8974vw;
	}
	.jobsSec .flowList .fg{
		grid-column: 1 / 2;
		grid-row:1 / 3;
		padding-top:15.3846vw;
	}
	.jobsSec .flowList .flowTtl{
		grid-column: 2 / 3;
		grid-row:1 / 2;
		font-size:1.875rem;
	}
	.jobsSec .flowList p{
		grid-column: 2 / 3;
		grid-row:2 / 3;
		margin-top:2.5641vw;
		font-size:0.875rem;
	}
	#listReLink{margin:15.3846vw auto 21.0256vw;}
	#listReLink .boxBtn{
		width:71.7949vw;
		padding:3.8462vw 2.0513vw;
	}
	#listReLink span{
		padding-left:6.4103vw;
		font-size:1.3333rem;
	}
	.singleJobs .entryFullBtn{margin-top:15.3846vw;}
	.pageJobs #flow{margin-top:9.7436vw;}
	#voice{margin-top:37.9487vw;}
	#voice .doubleTtl{margin-bottom:15.3846vw;}
	.voiceSec{padding:0 5.1282vw 14.6154vw;}
	.voiceSec+.voiceSec{padding-top:15.8974vw;}
	.voiceGr+.voiceGr{margin-top:14.8718vw;}
	.voiceGr img{
		width:89.7436vw;
		height:82.0513vw;
		border-radius:24.1026vw 0 24.1026vw 0;
	}
	.voiceGr figcaption{margin-top:6.1538vw;}
	.seniorName{
		padding:1.7949vw 4.1026vw;
		margin-bottom:4.359vw;
	}
	.seniorName strong{
		padding-left:2.5641vw;
		font-size:1.5rem;
	}
	.voiceGr h3{
		padding-left:8.9744vw;
		margin-bottom:2.5641vw;
		font-size:1.5rem;
	}
	.voiceGr h3:before{
		width:5.8974vw;
		top:4.0513vw;
	}
	.voiceGr p+h3{margin-top:6.9231vw;}
	#those{padding:12.3077vw 0 10.7692vw;}
	body[data-slug="career"] #those{margin-top:43.5897vw;}
	#those h2{
		padding:0 5.1282vw;
		font-size:1.8333rem;
		line-height:1.545;
	}
	#those .fg{
		width:100%;
		display:grid;
		grid-template-rows:auto;
		justify-content:space-between;
		margin:12.3077vw 0 3.8462vw;
	}
	body[data-slug="career"] #those .fg{grid-template-columns:62.5641% 34.1026%;}
	body[data-slug="newgrad"] #those .fg{grid-template-columns:50% 47.9487%;}
	#those .txt{padding:0 5.1282vw;}
	#those h3{
		margin-bottom:4.1026vw;
		font-size:1.5rem;
		line-height:1.888;
	}
	#those p+p{margin-top:7.6923vw;}
	.pageJobs #jobDescription{margin-top:28.7179vw;}
	.bnrCol{margin-top:20vw;}
	.bnrCol a{
		width:89.7436vw;
		padding:7.4359vw 17.9487vw 6.9231vw 5.1282vw;
		background-position:left -1.2821vw top -1.0256vw;
		background-size:33.8462vw auto;
	}
	.bnrCol h2{font-size:1.3333rem;}
	.bnrCol p{margin-top:4.1026vw;}
	.bnrCol svg{
		width:7.9487vw;
		right:5.1282vw;
		top:calc(50% - 3.97435vw);
	}
	#timetable{
		margin-top:25.641vw;
		padding:10vw 5.1282vw 22.0513vw;
	}
	.timetableList{
		margin-top:8.9744vw;
		padding-left:12%;
	}
	.timetableList:before{left:3.0769vw;}
	.timetableList li{
		width:100%;
		padding:4.6154vw 5.1282vw 2.5641vw;
	}
	.timetableList li+li{margin-top:2.3077vw;}
	.timetableList li:before{
		width:4.1026vw;
		height:calc(4.1026vw / 2 * tan(60deg));
		left:-2.0513vw;
		top:calc(50% - 3.8vw);
		clip-path:polygon(50% 0,100% 100%,0 100%);
		transform:rotate(-90deg);
	}
	.timetableList li:after{
		width:6.6667vw;
		height:6.6667vw;
		top:calc(50% - 3.33335vw);
		left:-10.7692vw;
		border-width:1.2821vw;
	}
	.timetableList time{
		margin-left:6.6667vw;
		padding:0 1.0256vw 2.0513vw;
	}
	.timetableList time:before{
		width:5.8974vw;
		height:5.8974vw;
		left:-6.6667vw;
		top:-1.0256vw;
	}
	.timetableList li:first-child .bg,
	.timetableList li:last-child .bg{
		width:10.7692vw;
		left:-10.7692vw;
	}
	.timetableList h3{
		margin-top:4.1026vw;
		font-size:1.5rem;
	}
	.timetableList p{margin-top:1.0256vw;}
}
@media screen and (min-width:768px){
	.listSec h2{font-size:2.5rem;}
	.jobLink{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.jobLink li{width:48.78%;}
	.jobLink li span{font-size:1.25rem;}
	.singleJobsTitle{font-size:2.5rem;}
	.jobsSec .requirTable{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		border-bottom:1px solid #e4e4e4;
	}
	.jobsSec .requirTable dt{width:124px;}
	.jobsSec .requirTable dd{
		width:calc(100% - 124px);
		border-top:1px solid #e4e4e4;
	}
	.jobsSec .flowList{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.jobsSec #careerFlow:after{
		content:"";
		display:block;
		margin-left:5.2505%;
	}
	.jobsSec #careerFlow:after,
	.jobsSec .flowList li{width:29.833%;}
	.jobsSec .flowList li:not(:nth-child(3n+1)){margin-left:5.2505%;}
	.jobsSec .flowList li:not(:nth-child(3n+1)):before{
		content:"";
		position:absolute;
		top:0;
		left:-12.3046875%;
		display:block;
		width:1px;
		height:100%;
		background-color:#f5f5f5;
	}
	.jobsSec .flowList .fg{width:69.53125%;}
	.jobsSec .flowList .flowNum{
		width:11%;
		top:0;
	}
	.jobsSec .flowList .flowTtl{font-size:1.875rem;}
	.jobsSec .flowList p{font-size:0.875rem;}
	#listReLink span{font-size:1.25rem;}
	.voiceGr{
		display:flex;
		justify-content:space-between;
		align-self:center;
	}
	.voiceGr:nth-child(odd){flex-direction:row-reverse;}
	.seniorName span{font-size:1.125rem;}
	.seniorName strong{font-size:1.875rem;}
	.voiceGr h3{font-size:1.5rem;}
	#those{
		display:grid;
		grid-template-columns:43.5% 52.5%;
		grid-template-rows:auto auto;
		column-gap:4%;
	}
	#those h2{
		width:100%;
		grid-column:1 / 3;
		grid-row:1 / 2;
		line-height:1.0;
		font-size:2.5rem;
	}
	#those .fg{
		grid-column:1 / 2;
		grid-row:2 / 3;
	}
	#those .txt{
		grid-column:2 / 3;
		grid-row:2 / 3;
	}
	#those h3{
		font-size:1.75rem;
		line-height:2.1428;
		letter-spacing:-0.05rem;
	}
	.bnrCol a h2{font-size:1.875rem;}
	.bnrCol a p{font-size:0.875rem;}
	.timetableList:before{left:calc(50% - 1.5px);}
	.timetableList li:nth-child(odd):before{transform:rotate(-90deg);}
	.timetableList li:nth-child(even):before{transform:rotate(90deg);}
	.timetableList time{font-size:1.125rem;}
	.timetableList h3{font-size:1.25rem;}
	.timetableList p{font-size:0.875rem;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	.jobLink,
	.noPosts{
		width:70%;
		margin-top:6.6667vw;
	}
	.jobLink li:nth-child(n+3){margin-top:1.6667vw;}
	.jobLink .boxBtn{padding:2.5vw 2.3333vw 2.5vw 3vw;}
	.singleJobsTitle{
		padding-top:0.8333vw;
		margin-bottom:7.5vw;
	}
	.jobsSec{
		padding-right:2vw;
		padding-left:2vw;
	}
	.jobsSec+.jobsSec{margin-top:12.0833vw;}
	.jobsSec .jobsTxt{margin-top:2.5vw;}
	.jobsSec .requirTable{margin-top:3.8333vw;}
	.jobsSec .requirTable dt{
		min-height:6.3333vw;
		padding:1vw 0.8333vw 1vw 1.6667vw;
	}
	.jobsSec .requirTable dd{
		min-height:6.3333vw;
		padding:1vw 0.8333vw 1vw 1.6667vw;
	}
	.jobsSec .flowList{margin-top:8.8333vw;}
	.jobsSec .flowList li:nth-child(n+4){margin-top:7vw;}
	.jobsSec .flowList .flowTtl{margin-top:2.5vw;}
	.jobsSec .flowList p{margin-top:1.25vw;}
	#listReLink{margin-top:6.1667vw;}
	#listReLink .boxBtn{
		width:33.3333vw;
		padding:1.6667vw 1.5vw;
	}
	.singleJobs .entryFullBtn{margin-top:13.3333vw;}
	.pageJobs #flow{margin-top:7.1667vw;}
	#voice{margin:14.5vw 2vw 0;}
	#voice .doubleTtl{margin-bottom:8.1667vw;}
	.voiceSec+.voiceSec{
		margin-top:6.6667vw;
		padding-top:6.6667vw;
	}
	.voiceGr+.voiceGr{margin-top:5.8333vw;}
	.voiceGr img{
		width:41.6667%;
		height:50vw;
		border-radius:8vw 0 8vw 0;
	}
	.voiceGr figcaption{width:55%;}
	.seniorName{
		padding:0.5833vw 1.3333vw;
		margin-bottom:2.1667vw;
	}
	.seniorName strong{padding-left:1.3333vw;}
	.voiceGr h3{
		padding-left:8vw;
		margin-bottom:1vw;
	}
	.voiceGr h3:before{
		width:6.6667vw;
		top:1.8333vw;
	}
	.voiceGr p+h3{margin-top:1.4167vw;}
	#those{padding:8.6667vw 2vw 0;}
	body[data-slug="career"] #those{margin-top:24.1667vw;}
	#those h2{margin-bottom:7.1667vw;}
	#those .fg img{
		width:calc(100% + 2vw);
		margin-left:-2vw;
	}
	#those .fg02{margin-top:1.8333vw;}
	#those .txt{padding:5.8333vw 0 2vw;}
	#those h3{
		margin-bottom:4.8333vw;
		letter-spacing:-0.2vw;
	}
	#those p+p{margin-top:3.3333vw;}
	.bnrCol{margin-top:10.8333vw;}
	.bnrCol a{
		width:100%;
		padding:3.8333vw 17.3333vw 2.5vw 40.1667vw;
		background-position:left -0.4167vw bottom -2.25vw;
		background-size:20.6667vw auto;
	}
	.bnrCol a p{margin-top:1.3333vw;}
	.bnrCol a svg{
		width:5.25vw;
		right:3.6667vw;
		top:calc(50% - 2.625vw);
	}
	#timetable{
		margin-top:13.6667vw;
		padding:6.6667vw 2vw 12.8333vw;
	}
	.timetableList{margin-top:3.8333vw;}
	.timetableList li{
		width:42.5vw;
		padding:1.75vw 2vw 1.8333vw;
	}
	.timetableList li:before{
		height:calc(3.3333vw / 2 * tan(60deg));
		width:3.3333vw;
		clip-path:polygon(50% 0,100% 100%,0 100%);
	}
	.timetableList li+li{margin-top:-2.6667vw;}
	.timetableList li:nth-child(odd){transform:translateX(26.75vw);}
	.timetableList li:nth-child(odd):before{
		left:-1.6667vw;
		top:calc(50% - 2.75vw);
	}
	.timetableList li:nth-child(even){transform:translateX(-26.75vw);}
	.timetableList li:nth-child(even):before{
		right:-1.6667vw;
		top:calc(50% - 2.75vw);
	}
	.timetableList time{
		margin-left:3.6667vw;
		padding:0 1.0vw 0.5vw;
	}
	.timetableList time:before{
		width:3.1667vw;
		height:3.1667vw;
		left:-3.6667vw;
		top:-0.5833vw;
	}
	.timetableList li:after{
		width:4.3333vw;
		height:4.3333vw;
		top:calc(50% - 2.16665vw);
		border-width:1.0833vw;
	}
	.timetableList li:nth-child(odd):after{left:-7.75vw;}
	.timetableList li:nth-child(even):after{right:-7.5833vw;}
	.timetableList li:first-child .bg,
	.timetableList li:last-child .bg{
		width:calc(10.25vw + 2px);
		left:calc(-10.25vw - 2px);
	}
	.timetableList h3{margin-top:20px;}
	.timetableList p{margin-top:6px;}
}
@media screen and (min-width:1220px){
	.jobLink,
	.noPosts{
		width:820px;
		margin-top:80px;
	}
	.jobLink li:nth-child(n+3){margin-top:20px;}
	.jobLink .boxBtn{padding:30px 28px 30px 36px;}
	.singleJobsTitle{
		padding-top:10px;
		margin-bottom:90px;
	}
	.jobsSec{
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	.jobsSec+.jobsSec{margin-top:145px;}
	.jobsSec .jobsTxt{margin-top:30px;}
	.jobsSec .requirTable{margin-top:46px;}
	.jobsSec .requirTable dt{
		min-height:76px;
		padding:12px 10px 12px 20px;
	}
	.jobsSec .requirTable dd{
		min-height:76px;
		padding:12px 10px 12px 30px;
	}
	.jobsSec .flowList{margin-top:106px;}
	.jobsSec .flowList li:nth-child(n+4){margin-top:84px;}
	.jobsSec .flowList .flowTtl{margin-top:30px;}
	.jobsSec .flowList p{margin-top:15px;}
	#listReLink{margin-top:74px;}
	#listReLink .boxBtn{
		width:400px;
		padding:20px 18px;
	}
	.singleJobs .entryFullBtn{margin-top:160px;}
	.pageJobs #flow{margin-top:86px;}
	#voice{
		margin-top:174px;
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	#voice .doubleTtl{margin-bottom:98px;}
	.voiceSec+.voiceSec{
		margin-top:80px;
		padding-top:80px;
	}
	.voiceGr+.voiceGr{margin-top:70px;}
	.voiceGr img{
		width:500px;
		height:600px;
		border-radius:96px 0 96px 0;
	}
	.voiceGr figcaption{width:660px;}
	.seniorName{
		padding:7px 16px;
		margin-bottom:26px;
	}
	.seniorName strong{padding-left:16px;}
	.voiceGr h3{
		padding-left:96px;
		margin-bottom:12px;
	}
	.voiceGr h3:before{
		width:80px;
		top:22px;
	}
	.voiceGr p+h3{margin-top:17px;}
	#those{
		padding-top:104px;
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	body[data-slug="career"] #those{margin-top:290px;}
	#those h2{margin-bottom:86px;}
	#those .fg img{
		width:612px;
		margin-left:-90px;
	}
	#those .fg02{margin-top:22px;}
	#those .txt{padding-top:70px;}
	#those h3{margin-bottom:58px;}
	#those p+p{margin-top:40px;}
	.bnrCol{margin-top:130px;}
	.bnrCol a{
		width:1200px;
		padding:46px 208px 30px 482px;
		background-position:left -5px bottom -27px;
		background-size:248px auto;
	}
	.bnrCol a p{margin-top:16px;}
	.bnrCol a svg{
		width:63px;
		right:44px;
		top:calc(50% - 31.5px);
	}
	#timetable{
		margin-top:164px;
		padding:80px 0 154px;
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	.timetableList{margin-top:46px;}
	.timetableList li{
		width:510px;
		padding:21px 24px 22px;
	}
	.timetableList li:before{
		height:calc(40px / 2 * tan(60deg));
		width:40px;
		clip-path:polygon(50% 0,100% 100%,0 100%);
	}
	.timetableList li+li{margin-top:-32px;}
	.timetableList li:nth-child(odd){transform:translateX(345px);}
	.timetableList li:nth-child(odd):before{
		left:-20px;
		top:calc(50% - 33px);
	}
	.timetableList li:nth-child(even){transform:translateX(-345px);}
	.timetableList li:nth-child(even):before{
		right:-20px;
		top:calc(50% - 33px);
	}
	.timetableList time{
		margin-left:44px;
		padding:0 12px 6px;
	}
	.timetableList time:before{
		width:38px;
		height:38px;
		left:-44px;
		top:-7px;
	}
	.timetableList li:after{
		width:64px;
		height:64px;
		top:calc(50% - 32px);
		border-width:13px;
	}
	.timetableList li:nth-child(odd):after{left:-123px;}
	.timetableList li:nth-child(even):after{right:-121px;}
	.timetableList li:first-child .bg,
	.timetableList li:last-child .bg{
		width:125px;
		left:-125px;
	}
	.timetableList h3{margin-top:20px;}
	.timetableList p{margin-top:6px;}
}