@charset "utf-8";
/* CSS Document */

.content_title{
}
.content_title h2{
}
.content_title h2:after{
	content:"";
	background-image:url(../img/title-icon.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center bottom;
	display:block;
	margin-top:40px;
	height:49px;
}

.recruit_wrap{
}
.recruit_wrap .content_inner{
}

.ttl{
	background:url(../img/ttl-bg.jpg) no-repeat left center / contain;
	height:635px;
}
.ttl div{
	position:relative;
	height:100%;
}
.ttl div h2{
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
		font-size:30px;
		font-weight:bold;
		line-height:60px;
		letter-spacing:0.1em;
		text-indent:-20px;
}

.con1{
	margin-top:470px;
}
.con1 .box{
	justify-content:flex-start;
	margin-bottom:200px;
}
.con1 .box figure{
	position:relative;
	width:43%;
	margin-right:92px;
}
.con1 .box figure figcaption{
	position:absolute;
	z-index:1;
	top:-50px;
	right:-70px;
	color:#D9D9D9;
	font-size:185px;
	font-family: "Yu Mincho", "YuMincho", serif !important;
	transform: skewX(-10deg);
}
.con1 .box .ttx{
}
.con1 .box .ttx h3{
	font-weight:bold;
	font-size:28px;
	border-left:2px solid #D7191A;
	padding:5px 0 5px 25px;
	margin-bottom:30px;
}
.con1 .box .ttx p{
	margin-left:27px;
	line-height:30px;
}

.con2{
	background:#F4F3EF;
	padding:130px 0;
}
.con2 h2{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin-bottom:100px;
}
.con2 .box{
	background:#FFFFFF;
	border-radius:20px;
	padding:130px 130px 240px;
	box-sizing:border-box;
}
.con2 .box h3{
	text-align:center;
	margin-bottom:80px;
}
.con2 .box div figure{
	width:48%;
}
.con2 .box div.center{
	justify-content:center;
	margin:50px 0;
}
.con2 .box .link{
	display:block;
	transition:all .2s;
	margin-top:180px;
}
.con2 .box .link:hover{
	transform: translateY(0.1875em);
	transition:all .2s;
}

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

@media screen and (max-width: 767px) {
	
	.content_title{
	}
	.content_title h2:after{
		margin-top:7vw;
		height:10vw;
	}
	
	.ttl{
		background: url(../img/ttl-bg_sp.jpg) no-repeat center center / cover;
		height:90vw;
	}
	.ttl div h2{
		top:auto;
		bottom:0;
		font-size:6vw;
		line-height:10vw;
		transform: translate(-5%, -15%);
		letter-spacing:0;
	}
	
	.con1{
		margin-top:10vw;
	}
	.con1 .box{
		position:relative;
		flex-direction: column-reverse;
		padding-left:10vw;
		margin-bottom:20vw;
	}
	.con1 .box > span{
		position:absolute;
		top:-8vw;
		left:-3vw;
		color:#D9D9D9;
		font-size:20vw;
		font-family: "Yu Mincho", "YuMincho", serif !important;
		transform: skewX(-10deg);
	}
	.con1 .box figure{
		width:100%;
	}
	.con1 .box .ttx h3{
		font-size:6vw;
		line-height:8vw;
		padding:1vw 0 1vw 4vw;
		margin-bottom:3vw;
	}
	.con1 .box .ttx p{
		font-size:3.8vw;
		line-height:6vw;
		margin:0 0 5vw 5vw;
	}
	
	.con2{
		padding:10vw 5vw;
	}
	.con2 h2{
		font-size:6vw;
		line-height:8vw;
		margin-bottom:10vw;
	}
	.con2 .box{
		padding:7vw 5vw 10vw;
	}
	.con2 .box h3{
		margin-bottom:10vw;
	}
	.con2 .box div.center{
		margin:5vw 0;
	}
	.con2 .box .link{
		margin-top:15vw;
	}

}