@charset "utf-8";

/* ------------------------------
 キャリア採用募集要項
------------------------------ */
.career-link a{
	width: 100%;
	font-size: 2rem;
	display: block;
	line-height: 124px;
	padding-left: 30px;
	font-weight: bold;
	background: #f3f4f6 url(../img/arrow_01.svg) no-repeat right 30px center / 28px auto;
	margin-bottom: 44px;
}
@media screen and (min-width: 768px) {
	.career-link a:hover{
		opacity: 1;
		color: rgba(0,0,0,0.5)
	}
}
@media screen and (max-width: 767px) {
	.career-link .w1-2{
		width: 100%;
		margin-top: 10px !important;
	}
	.career-link a{
		width: 100%;
		font-size: 1.8rem;
		line-height: 60px;
		padding-left: 20px;
		background: #f3f4f6 url(../img/arrow_01.svg) no-repeat right 20px center / 20px auto;
		margin-bottom: 0;
	}
	.career-link.mb60{
		margin-bottom: 50px !important;
	}
}
/* ------------------------------
 キャリア採用募集要項下層
------------------------------ */
.job-link.sp{
	display: none !important;
}
.job-link a{
	width: 278px;
	padding-top: 25px;
	font-size: 1.8rem;
	text-align: center;
	display: block;
	height: 100px;
	font-weight: bold;
	background: #f3f4f6 url(../img/arrow_01.svg) no-repeat center bottom 30px/ 28px auto;
}
.job-link .on a{
	color: #fff;
	background: #d90048 url(../img/arrow_white.svg) no-repeat center bottom 30px/ 28px auto;
}
.bg-column .btn{
	display: inline-block !important;
	vertical-align: middle;
	margin-right: 20px;
}
.bg-column .btn a{
	width: 350px;
	font-size: 1.8rem;
	line-height: 84px;
}
.bg-column .tel{
	width: 350px;
	line-height: 84px;
	background: #fff;
	display: inline-block;
}
.bg-column .tel p{
	font-family: 'Barlow', sans-serif;
	font-size: 3.3rem;
	display: inline-block;
	color: #d90048;
	vertical-align: middle;
	font-weight: bold;
}
.bg-column .tel span{
	width: 80px;
	font-size: 1.3rem;
	line-height: 24px;
	display: inline-block;
	border: solid 1px #bf0040;
	color: #bf0040;
	vertical-align: middle;
	margin-left: 15px;
}
@media screen and (min-width: 768px) {
	.job-link a:not(.on a):hover{
		opacity: 1;
		color: rgba(0,0,0,0.5)
	}
}
@media screen and (max-width: 767px) {
	.job-link.sp{
		display: block !important;
	}
	.job-link.pc{
		display: none !important;
	}
	.job-link p{
		width: 100%;
		margin-bottom: 6px;
	}
	.job-link a{
		width: 100%;
		padding-top: 20px;
		font-size: 1.6rem;
		height: 80px;
		font-weight: bold;
		background: #f3f4f6 url(../img/arrow_01.svg) no-repeat center bottom 20px/ 28px auto;
	}
	.job-link .on a{
		color: #fff;
		background: #d90048 url(../img/arrow_white.svg) no-repeat center bottom 20px/ 28px auto;
	}
	.bg-column .btn{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.bg-column .btn,
	.bg-column .btn a,
	.bg-column .tel{
		width: 100%;
		line-height: 80px;
	}
	.bg-column .tel a{
		text-decoration: none;
	}
	.bg-column .tel span{
		width: 65px;
		font-size: 1.1rem;
		line-height: 24px;
		color: #bf0040;
		margin-left: 10px;
	}
	.bg-column .f18 { 
		font-size: 1.5rem; 
		text-align: left;
	}
}