@charset "UTF-8";

@media screen and (max-width: 640px) {
	#recruit-area #career-head {
		width: 86.666667%;
		font-size: 3.733333vw; /* 28px */
		margin: 0 auto;
	}
	#recruit-area #career-head h3 {
		font-size: 4.266667vw; /* 32px */
		border-bottom: 3px solid #0066e8;
		padding: 0 0.6em 0.2em 0.6em;
		margin: 0 0 5.4%;
	}
}
@media screen and (min-width: 641px) {
	#recruit-area #career-head {
		width: 1280px;
		font-size: 1.8rem;
		margin: 0 auto;
	}
	#recruit-area #career-head h3 {
		font-size: 2.4rem;
		border-bottom: 3px solid #0066e8;
		padding: 0 0 4px 12px;
		margin: 0 0 28px;
	}
}

/*** top ***/
#recruit-area #career-head #career-list.member-box {
}

@media screen and (max-width: 640px) {
	#recruit-area #career-head #career-list.member-box {
		width: calc(100% - 1.2em);
		margin: 0 auto 7.2vw;
	}
	#recruit-area #career-head #career-list.member-box div {
		margin: 0 0 5.4vw;
	}
	#recruit-area #career-head #career-list.member-box div:last-child {
		margin: 0;
	}
}
@media screen and (min-width: 641px) {
	#recruit-area #career-head #career-list.member-box {
		width: 1140px;
		margin: 0 auto 60px;

		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	#recruit-area #career-head #career-list.member-box div {
		width: 550px;
	}

	#recruit-area #career-head #career-list a {
		text-decoration: none;

		transition: 0.3s;
		backface-visibility: hidden;
	}
	#recruit-area #career-head #career-list a:hover {
		opacity: 0.8;
	}
}


#saiyou-career {
	color: #000;
}
#saiyou-career .head-group,
#saiyou-career .work-head-box,
#career-area #career-list a {
	color: #0066e8;
}

figure {
	text-align: center;
}
figure span {
	display: block;
}
figure span.cap_left {
	width: 94%;
	text-align: left;
	margin: 0 auto;
}

figure.border01 img {
	border: 1px solid #aaa;
}

@media screen and (max-width: 640px) {
	#career-area #career-list.member-box-foot {
		margin: 0 0 6.4vw;
	}
	#career-area #career-list.member-box-foot .head-group {
		margin: 0 0 1.8vw;
	}

	figure.border01 {
		width: calc(100% - 2px);
	}

	figure img.vertical {
		max-width: 56%;
		height: auto;
	}
	figure img.small {
		max-width: 80%;
		height: auto;
	}

	.mb-s {
		margin: 0 0 3.6%;
	}
	.mb-m {
		margin: 0 0 5.4%;
	}

	.sidebyside figure:first-child {
		margin: 0 0 3.6%;
	}
}
@media screen and (min-width: 641px) {
	#career-area #career-list.member-box-foot .head-group {
		margin: 0 0 30px;
	}

	.mb-s {
		margin: 0 0 16px;
	}
	.mb-m {
		margin: 0 0 24px;
	}

	.sidebyside {
		width: 780px;
		margin: 0 auto;

		display: flex;
		justify-content: space-between;
	}
}


/*** career ***/
#career-area .head-group .head-profile {
	font-weight: bold;
}
#career-area .head-group .head-profile-box {
	text-align: center;
}
#career-area .head-group .head-profile p {
	display: inline-block;
	line-height: 1.2;
	text-align: right;
}

@media screen and (max-width: 640px) {
	#career-area {
	}
	#career-area .career-box {
		width: 100%;
		padding: 0 0 9.6vw;
		margin: 0 auto;
	}
	#career-area .career-box-inner {
	}

	#career-area .head-group {
		line-height: 1.0;
		margin: 0 0 8.4vw;
		position: relative;
	}
	#career-area .head-group p.photo {
	}
	#career-area .head-group .head-profile {
		width: 42%;
		text-align: center;
		letter-spacing: 0.16em;
		position: absolute;
		bottom: 6.8%;
		left: 50.4%;
		/* width: 43.6vw;
		text-align: center;
		letter-spacing: 0.02em;
		position: absolute;
		bottom: 7.4vw;
		left: 46vw; */
	}
	#career-area .head-group .head-profile.logo {
		bottom: 11.8%;
	}
	#career-area .head-group .head-profile.logo2 {
		bottom: 14.6%;
	}
	#career-area .head-group .head-profile.logo3 {
		bottom: 18.8%;
	}
	#career-area .head-group .head-profile.logo4 {
		bottom: 17.2%;
	}
	#career-area .head-group .head-profile span.roma {
		font-size: 3.733333vw; /* 28px */
		margin: 0 0 0.2em;
	}
	#career-area .head-group .head-profile span.kanji {
		font-size: 5.866667vw; /* 44px */
		margin: 0 0 0.2em;
	}
	#career-area .head-group .head-profile span.join {
		font-size: 3.2vw; /* 24px */
		letter-spacing: -0.06em;
	}
	#career-area .head-group .head-profile span.join span {
		font-size: 3.466667vw; /* 26px */
	}
	#career-area .head-group .head-profile span.dept {
		display: block;
		font-size: 3.733333vw; /* 28px */
		letter-spacing: 0.06em;
		margin: 0.4em 0 0;
	}

	#career-area .work-group {
	}
	#career-area .work-group .work-box {
		margin: 0 0 6.4vw;
	}
	#career-area .work-group .work-head-box {
		width: 94%;
		margin: 0 0 3.6vw;
		position: relative;
	}
	#career-area .work-group .work-head {
		background: url(../recruit/images/career/head-work-sp.png) no-repeat center top;
		padding: 21.137026% 0 0;
		background-size: contain;
		position: relative;
	}
	#career-area .work-group .work-head h3 {
		width: 91.54519%;
		height: 82.758621%;
		font-size: 4.8vw; /* 36px */
		line-height: 1.36;
		position: absolute;
		top: 0;
		left: 3.6vw;

		display: flex;
		align-items: center;
	}
	#career-area .work-group .work-content-box {
		width: 88%;
		font-size: 4.266667vw; /* 32px */
		line-height: 1.5;
		margin: 0 auto;
	}
	#career-area .work-group .work-content-box-inner {
	}
	#career-area .work-group .work-content-box h5 {
	}
	#career-area .work-group .work-content-box p {
	}
	#career-area .work-group img {
		margin: 0 0 1.8vw;
	}
}

@media screen and (min-width: 641px) {
	#career-area {
	}
	#career-area .career-box {
		width: 100%;
		margin: 0 auto 50px;
	}
	#career-area .career-box-inner {
	}

	#career-area .head-group {
		line-height: 1.0;
		text-align: center;
		margin: 0 0 50px;
		position: relative;
		z-index: 99;
	}
	#career-area .head-group::after {
		content: "";
		display: block;
		background: linear-gradient(90deg,transparent 0%,transparent calc(50% - 224px),#a2e8ff calc(50% - 224px),#a2e8ff 100%);
		/* background: linear-gradient(90deg,transparent 0%,transparent 50%,#a2e8ff 50%,#a2e8ff 100%); */
		width: 100%;
		height: 326px;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	#career-area #career-list .head-group a,
	#career-area #career-list .head-group::after {
		text-decoration: none;

		transition: 0.3s;
		backface-visibility: hidden;
	}
	#career-area #career-list .head-group a:hover {
		opacity: 0.8;
		text-decoration: underline;
	}
	#career-area #career-list .head-group:hover::after {
		opacity: 0.2;
		text-decoration: underline;
	}
	.takabayashi #career-area .head-group::after {
		height: 340px;
	}
	.y-kitamura #career-area .head-group::after {
		height: 334px;
	}
	#career-area .member-box-foot .head-group::after {
		height: 326px;
	}
	#career-area .head-group.space01::after {
		bottom: 8px;
	}
	#career-area .head-group.space02::after {
		bottom: 14px;
	}
	#career-area .head-group p.photo {
	}
	#career-area .head-group .head-profile {
		width: 260px;
		letter-spacing: 0.18em;
		position: absolute;
		bottom: 70px;
		left: calc(50% + 126px);
	}
	#career-area .head-group .head-profile.logo {
		bottom: 128px;
	}
	#career-area .head-group .head-profile.logo2 {
		bottom: 130px;
	}
	#career-area .head-group .head-profile.logo3 {
		bottom: 150px;
	}
	#career-area .head-group .head-profile.logo4 {
		bottom: 140px;
	}
	#career-area .head-group .head-profile span.roma {
		font-size: 2.4rem;
		margin: 0 0 0.2em;
	}
	#career-area .head-group .head-profile span.kanji {
		font-size: 4.0rem;
		margin: 0 0 0.2em;
	}
	#career-area .head-group .head-profile span.join {
		font-size: 2.0rem;
		letter-spacing: -0.04em;
	}
	#career-area .head-group .head-profile span.join span {
		font-size: 2.2rem;
	}
	#career-area .head-group .head-profile span.dept {
		display: block;
		font-size: 2.4rem;
		letter-spacing: 0.08em;
		margin: 0.4em 0 0;
	}

	#career-area .work-group {
	}
	#career-area .work-group .work-box {
		background: url(../recruit/images/career/head-work-bg-pc.png) repeat-x center top;
		margin: 0 0 36px;
	}
	#career-area .work-group .work-head-box {
		margin: 0 0 24px;
		position: relative;
		z-index: 99;
	}
	#career-area .work-group .work-head-box::after {
		content: "";
		display: block;
		background: linear-gradient(90deg,transparent 0%,transparent 50%,#fff 50%,#fff 100%);
		width: 100%;
		height: 124px;
		position: absolute;
		bottom: 0;
		z-index: -1;
	}
	#career-area .work-group .work-head {
		background: url(../recruit/images/career/head-work-pc.png) no-repeat center top;
		width: 802px;
		height: 124px;
		margin-left: calc(50% - 802px);
		position: relative;
	}
	#career-area .work-group .work-head h3 {
		width: 782px;
		height: 104px;
		font-size: 2.8rem;
		line-height: 1.4;
		padding: 0 0 0 132px;
		/* padding: 0 0 0 0.6em; */
		position: absolute;
		top: 0;
		left: 0;

		display: flex;
		align-items: center;
	}
	#career-area .work-group .work-content-box {
		width: 940px;
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 auto;
	}
	#career-area .work-group .work-content-box-inner {
	}
	#career-area .work-group .work-content-box h5 {
	}
	#career-area .work-group .work-content-box p {
		line-height: 1.8;
	}
	#career-area .work-group img {
		margin: 0 0 6px;
	}
}

@media screen and (min-width: 641px) and ( max-width: 1604px) {
	#career-area .work-group .work-head {
		margin-left: 0;
	}
}

#career-area .head-group .head-profile span.roma {
	letter-spacing: 0.1em;
}
#career-area .head-group .head-profile span.join span {
	letter-spacing: 0.10em;
}