/* CSS Document */



/*top*/
#mv {
	display:flex;
	flex-wrap: wrap;
}

#mv .block1,
#mv .block2 {
	position: relative;
	color:#fff;
}
#mv .block3 {
	width:100%;
	margin-top: 1px;
}

#mv .block2 {
	display:flex;
	flex-direction: column;
}

#mv .block1 {
	width:50%;
}
#mv .block2 {
	width:50%;
	padding-left: 1px;
}

#mv .block1 .inner {
	position: absolute;
	bottom:0;
	left:0;
	padding: 20px 40px;
}
#mv .block1 .sub {
	font-size: 32px;
}
#mv .block1 h1 {
	font-size: 43px;
	text-align: left;
}

#mv .block2 > * {
	display:block;
	position: relative;
}
#mv .block2 a + a {
	padding-top: 1px;
	}
#mv .block2 .tit {
	position: absolute;
	bottom:0;
	width:100%;
	text-align: center;
	padding-bottom: 0.7em;
	font-size: 20px;
}

#mv .block3::before {
	top:0;
	left:25%;
	z-index: 1;
	transform:translate(-50%, 0px) rotate(-45deg);
}

@media(max-width:768px) {
	#mv {
		flex-direction: column;
	}
	#mv .block1 {
		width:auto;
	}
	#mv .block1 .inner {
		padding:2.6vw 4vw;
		bottom:9vw;
		line-height: 1.4;
		z-index: 1;
	}
	#mv .block1 h1 {
		font-size: 8.3vw;
	}
	#mv .block1 .sub {
		font-size: 6.3vw;
	}
	#mv .block2 {
		padding-left: 0;
		margin-top: 1px;
		order:3;
		width:auto;
		flex-direction: row;
	}
	#mv .block2 a {
		padding-top: 0 !important;
	}
	#mv .block2 .tit {
		font-size:3.4vw;
	}
	#mv .block2 a:first-child .tit {
		transform:translateY(-25%);
	}
	
	#mv .block3 {
		margin-top:0;
	}
	#mv .block3.trg::before {
		border:none;
		width:100%;
		left:0;
		top:0;
		background: linear-gradient(to bottom, rgba(176,218,237,0) 0%,rgba(176,218,237,1) 100%);
		height:6em;
		transform:translateY(-100%);
		clip-path: none;
	}
}

.jobs .head::before {
	left:40px;
	bottom:0;
	transform:translateY(-1px) rotate(135deg);
}

.jobList {
	margin-bottom: 0 !important;
}
.jobList > * {
	text-align: center;
	position: relative;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

.jobList p {
	position: absolute;
	bottom:1em;
	width:100%;
	color:#fff;
	padding: 0.5em 0.5em 0.3em;
	line-height: 1.4;
	background-color:rgba(0, 0, 0, 0);
	transition:background-color 0.3s linear;
}
.jobList .hover:hover p {
	background-color:rgba(0, 51, 102, 0.8);
}

@media(max-width:768px) {
	.jobList > *:last-child {
		/*display:none;*/
	}
}



/*ie11*/
@media screen and (-ms-high-contrast: none) {
	#mv .block1 {
		height:400px;
	}
	#mv .block2 {
		height:400px;
	}
	#mv .block2 > * {
		height:50%;
	}
}

@media screen and (-ms-high-contrast: none) and (max-width:1120px) {
	#mv .block1 {
		height:34vw;
	}
	#mv .block2 {
		height:34vw;
	}
}

@media(max-width:768px) {
	.jobList > *:last-child {
		/*display:none;*/
	}
}

/*ie11*/
@media screen and (-ms-high-contrast: none) {
	#mv .block3::before,
	.jobs .head::before {display:none;}
}