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

.lower_main_vi1{
	background: url(/company/asset/img/lower/main_vi/recruit_bg.jpg);
	background-size: cover;
	background-position: center;
}


.cnt{
	margin-bottom: 80px;
}
.column{
	margin-top: 32px;
}
.column.col2 .col{
	width: calc(100%/2 - 20px);
}
.column.col2 .col a{
	position: relative;
	display: block;
}
.column.col2 .col a:hover{
	opacity: 1;
}
.column.col2 .col p{
	margin-bottom: 1.6rem;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 150% */
	letter-spacing: 1px;
	color: #557DBE;
	display: inline-block;
	position: relative;
	border-bottom: solid 1px #fff;
}
.column.col2 .col a::after{
	content: "";
	width: 18px;
	height: 18px;
	background: url("../img/common/arrow_icon.svg");
	background-size: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 0;
	transform: translate(20px,10px);
	transition: 0.3s;
}
.column.col2 .col a:hover::after{
	content: "";
	width: 18px;
	height: 18px;
	background: url("../img/common/arrow_icon.svg");
	background-size: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 1;
	transform: translate(0px,10px);
}
.column.col2 .col a:hover p{
	border-bottom: solid 1px #557DBE;
}
.column.col2 .col a .img{
	position: relative;
	transition: 0.3s;
}
.column.col2 .col a:hover .img::before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
}
.column.col2 .col.external_btn p{
	color: #557EC0;
    font-size: 1.4rem;
    line-height: 24px;
    letter-spacing: 0.7px;
    font-weight: 400;
	margin-bottom: 0;
}
.column.col2 .col.external_btn:hover p {
    color: #fff;
}
.saiyo .column.col2{
	padding-bottom: 36px;
	border-bottom: solid 1px #CCCCCC;
}
.saiyo .column.col2:last-child{
	border-bottom: none;
}
@media only screen and (max-width: 1024px) {
	.column.col2 .col a{
		display: block;
	}
	.column.col2 .col a::after {
		opacity: 1;
		transform: translate(0px, 10px);
	}
	.column.col2 .col a p {
		border-bottom: solid 1px #557DBE;
	}
}
@media only screen and (max-width: 767px) {
	.cnt{
		margin-bottom: 60px;
	}
	.column{
		display: block;
		margin-top: 0px;
	}
	.column.col2 .col{
		width: 100%;
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.column.col2 .col:last-child{
		border-bottom: none;
	}
	.column.col2 .col p{
		font-size: 1.6rem;
		position: relative;
	}
	.column.col2 .col a p{
		border-bottom: solid 1px #fff;
	}
	.column.col2 .col p::after{
	}
	.saiyo .column.col2 .col{
		padding: 11px 32px 11px 16px;
	}
	.saiyo .column.col2 .col:last-child{
		border-bottom: solid 1px #557EC0;
	}
	.saiyo .column.col2{
		padding-bottom: 0;
		border-bottom: solid 1px #ccc;
		padding: 32px 0px 32px;
	}
	.column.col2.one .col.external_btn:first-child{
		margin-bottom: 0px;
	}
	.column.col2.one .col.external_btn:first-child::before{
		display: none;
	}
	.column.col2 .col.external_btn:first-child{
		margin-bottom: 64px;
		position: relative;
	}
	.column.col2 .col.external_btn:first-child::before{
		content: "";
		width: 100%;
		height: 1px;
		background: #ccc;
		position: absolute;
		bottom: -83%;
		left: 0;
	}
	.column.col2 .col.external_btn p::after{
		display: none;
	}
}