@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;900&display=swap');
@import url("../font/css/all.css");


/* -----------------------------
   共通BG カラフル common移動予定 
-------------------------------- */
.colorful-bg {
	position: relative;
}
.colorful-bg::before {
	background: url("../img/works-top-bg-grad.jpg")right top/contain no-repeat;
	content: "";
	display: inline-block;
	height: 818px;
	top: 315px;
	position: absolute;
	width: 808px;
	right: 20px;
	z-index: -1;
}
.colorful-bg.feature::before {
	top: -50px;
}

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

	.colorful-bg::before {
		height: 318px;
		top: 250px;
		width: 308px;
		right: 10px;
	}
	.colorful-bg.feature::before {
		top: -50px;
	}

}


/* -----------------------------
   採用ページ 後でrecruit.css移動予定 
-------------------------------- */


/* 社員紹介ページトップ */
#member #recruit .member-area {
	margin: 10px 0 0;
	padding: 40px 0 0;
	background: none;
}
#member #recruit .member-area .basic-txt {
	text-align: center;
	position: relative;
	margin: 20px 0 50px;
}


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

	#member #recruit .member-area {
		padding: 20px 0 0 0;
	}

	#member #recruit .member-area .basic-txt {
		text-align: left;
		margin: 10px 0 30px;
	}
	
}


/* 社員詳細ページ */
#member .back-link {
	display: none;
	padding: 60px 0 0;
}
#member .back-link a {
	padding: 5px;
	display: inline-block;
	color: #666;
}
#member .back-link a::before {
	content: '\f104';
	color: #aeaba4;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	font-size: 1.8rem;
	margin: 0 8px 0 0;
	vertical-align: middle;
}


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

	#member .back-link {
		padding: 30px 0 0;
		font-size: 1.5rem;
	}
	
}