@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@700&display=swap');

#jump{
	position: relative;
	text-align: center;
	margin-top: 70px;
}
#jump .wrap{
	position: absolute;
	top: 0;
	left: 50%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 760px;
	transform: translateX(-50%);
}
#jump .block{
	position: relative;
}
#jump .block .btn{
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 340px;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	transform: translateX(-50%);
}
#jump .block .btn a{
	position: relative;
	display: block;
	color: #142D98;
	border: 3px solid #142D98;
	background: #fff;
	line-height: 1.0;
	padding: 1em 0;
	border-radius: 3em;
	transition: 0.3s;
}
#jump .block .btn a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #142D98 transparent transparent transparent;
	transform: translateY(-50%);
}
#jump .block .btn a:hover{
	background: #142D98;
	color: #fff;
}
#jump .block .btn a:hover::after{
	border-color: #fff transparent transparent transparent;
}
.recruit{
	margin-top: 60px;
}
.recruit + .recruit{
	margin-top: 120px;
}
.recruit .ttlWrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F0F0F0;
}
.recruit .ttlWrap .ttl{
	font-size: 2.4rem;
	font-weight: 700;
	color: #142D98;
	padding-left: 1em;
}
.recruit .subttl{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 2.0rem;
	font-weight: 700;
	border-bottom: 1px solid #B3B3B3;
	color: #142D98;
	margin: 2em 0 1em;
	padding-bottom: 0.5em;
}
.recruit .subttl img{
	margin-right: 0.5em;
}
.recruit .year-sub{
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 2em;
}
.recruit .year-block{
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}
.recruit .year-tl{
	width: 330px;
}
.recruit .year-time{
	clear: left;
	float: left;
	width: 50px;
	color: #142D98;
	font-size: 1.6rem;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	text-decoration: underline;
}
.recruit .year-content{
	margin-bottom: 25px;
	padding: 0 0 0 50px;
}
.recruit .year-content:last-child{
	margin-bottom: 0;
}
.recruit .year-tl + .year-tl{
	border-left: 1px solid #B3B3B3;
	padding-left: 40px;
	margin-left: 40px;
}
.recruit .year-ttl{
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.0;
	margin-bottom: 0.5em;
}
.recruit .year-img{
	align-self: flex-start;
	flex-shrink: 0;
	margin-right: 20px;
}
.recruit .year-photo{
	margin-top: 15px;
}
.recruit .year-txt{
	font-size: 1.4rem;
	line-height: 1.5;
}
.recruit .lowttl{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.8;
}
.recruit .lowtxt{
	font-size: 1.4rem;
	line-height: 1.8;
}
.recruit .lowtxt + .lowttl{
	margin-top: 1em;
}
.recruit .lowtxt a{
	text-decoration: underline;
	color: #0071B4;
}
.recruit .lowtxt a:hover{
	text-decoration: none;
}
.recruit .brackets{
	background: #F0F0F0;
	padding: 20px;
	margin-top: 20px;
}
.recruit .brackets .brackets-ttl{
	line-height: 1.0;
	font-weight: 700;
	font-size: 1.4rem;
	margin-bottom: 1em;
}
.recruit .brackets .brackets-txt{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.recruit .brackets .brackets-txt p{
	line-height: 1.8;
	font-size: 1.4rem;
}
.recruit .brackets .brackets-txt p + p{
	margin-left: 2.5em;
}
.recruit .photo{
	display: flex;
	justify-content: flex-start;
	margin-top: 25px;
}
.recruit .photo p{
	font-size: 1.2rem;
	margin-top: 0.2em;
}
.recruit .photo li + li{
	margin-left: 20px;
}
.recruit .entry-ttl{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.0;
	background: #F0F0F0;
	padding: 0.5em 1em 0.6em;
	margin: 80px 0 15px;
}
.recruit .btn{
	width: 420px;
	font-weight: 700;
	margin: 60px auto 0;
}
.recruit .btn a{
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	color: #fff;
	font-size: 2.4rem;
	background: #FF7832;
	border: 4px solid #FFA06F;
	border-radius: 12px;
	transition: 0.3s;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
	text-decoration: none;
}
.recruit .btn a:hover{
	opacity: 0.7;
}
.recruit .btn a::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 28px;
	width: 8px;
	height: 10px;
	background: url(../img/common/icon_tri_wh@2x.png) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(-50%);
}

#recruit{
	margin-top: 120px;
}
#recruit .ttl{
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 0 0 1.2em;
	margin: 2.5em 0 1.2em;
}
#recruit .ttl:first-of-type{
	margin-top: 0;
}
#recruit .subttl{
	font-weight: 700;
	line-height: 1.8;
}
#recruit p + .subttl{
	margin-top: 1.5em;
}
#recruit .btn{
	width: 420px;
	font-weight: 700;
	margin: 60px auto 0;
}
#recruit .btn a{
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	color: #fff;
	font-size: 2.4rem;
	background: #FF7832;
	border: 4px solid #FFA06F;
	border-radius: 12px;
	transition: 0.3s;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
	text-decoration: none;
}
#recruit .btn a:hover{
	opacity: 0.7;
}
#recruit .btn a::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 28px;
	width: 8px;
	height: 10px;
	background: url(../img/common/icon_tri_wh@2x.png) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(-50%);
}
#recruit .photo{
	display: flex;
	justify-content: space-between;
	margin: 40px 0 0;
}
#recruit .photo li p{
	font-size: 1.2rem;
	margin: 0.5em 0 0;
}
#recruit a{
	text-decoration: underline;
	color: #0071B4;
}
#recruit a:hover{
	text-decoration: none;
}

@media screen and (min-width : 768px){

}

@media screen and (max-width : 767px){

	#jump{
		margin-top: 10vw;
		padding-top: 5vw;
	}
	#jump .wrap{
		width: calc(100% - 10vw);
		padding: 0 5vw;
	}
	#jump .block{
		width: 47%;
	}
	#jump .block .btn{
		width: calc(100% - 3vw);
		font-size: 2.4vw;
	}
	#jump .block .btn a::after{
		border-width: 1.5vw 0.8vw 0 0.8vw;
	}
	.recruit{
		margin-top: 8vw;
	}
	.recruit .ttlWrap .ttl{
		font-size: 4.2vw;
		line-height: 1.4;
	}
	.recruit .ttlWrap img{
		width: 40vw;
	}
	.recruit .subttl{
		font-size: 4.5vw;
	}
	.recruit .subttl img{
		width: 1.2em;
	}
	.recruit .year{
		text-align: center;
	}
	.recruit .year-tl{
		width: 100%;
		margin-top: 5vw;
	}
	.recruit .year-sub{
		font-size: 4vw;
		margin-bottom: 1em;
	}
	.recruit .year-block{
		display: block;
	}
	.recruit .year-img{
		width: 53vw;
		margin: 0;
	}
	.recruit .year-time{
		width: 12vw;
		font-size: 4vw;
	}
	.recruit .year-ttl{
		font-size: 4vw;
	}
	.recruit .year-txt{
		font-size: 3.7vw;
	}
	.recruit .year-content{
		margin-bottom: 5vw;
	}
	.recruit .year-photo{
		margin-top: 3vw;
	}
	.recruit .year-tl + .year-tl{
		border-left: 0;
		margin: 5vw 0 0 0;
		padding: 0;
	}
	.recruit .lowttl{
		font-size: 3.7vw;
	}
	.recruit .lowtxt{
		font-size: 3.7vw;
	}
	.recruit .brackets{
		padding: 5vw;
		margin: 5vw 0 0 0;
	}
	.recruit .brackets .brackets-ttl{
		font-size: 3.7vw;
	}
	.recruit .brackets .brackets-txt{
		display: block;
	}
	.recruit .brackets .brackets-txt p{
		font-size: 3.7vw;
	}
	.recruit .brackets .brackets-txt p + p{
		margin-left: 0;
	}
	.recruit .photo{
		margin-top: 5vw;
	}
	.recruit .photo li{
		width: 48%;
	}
	.recruit .photo p{
		font-size: 2.6vw;
	}
	.recruit + .recruit{
		margin-top: 15vw;
	}
	.recruit .entry-ttl{
		font-size: 4.5vw;
		margin: 2.5em 0 1em;
	}
	.recruit .btn{
		width: 80vw;
		margin: 8vw auto 0;
	}
	.recruit .btn a{
		width: auto;
		height: 21vw;
		font-size: 5vw;
	}
	
}
@media (orientation: landscape) and (max-width : 767px){


}