@charset "UTF-8";

/* -------------------------------------------------- */
/* recruit */
/* -------------------------------------------------- */
#recruit #pagetitle::after {
	content: "RECRUIT";
}

/* FV */
#recFv {
	margin-bottom: 65px;
}

#recFvHead {
	margin-bottom: 25px;
}

#recFvHeadPh {
	margin-bottom: 30px;
}

#recFvHeadPh img {
	width: 100%;
	height: auto;
}

#recFvHeadText {
	padding: 45px 55px 0;
	position: relative;
	font-size: 3.2rem;
	line-height: 1.40625;
	letter-spacing: 0.05em;
	color: #000000;
	font-weight: 700;
}

#recFvHeadText:before {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border-top: solid 3px #009843;
	border-left: solid 3px #009843;
}

#recFvHeadText:after {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	border-top: solid 3px #009843;
	border-right: solid 3px #009843;
}

#recFvHeadText span.nomal {
	font-weight: 400;
	font-size: 0.84375em;
}

#recFvBody {
	padding: 0 55px 45px;
	position: relative;
}

#recFvBody:before {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	border-bottom: solid 3px #009843;
	border-left: solid 3px #009843;
}

#recFvBody:after {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	border-bottom: solid 3px #009843;
	border-right: solid 3px #009843;
}

#recFvBody p {
	margin-bottom: 1em;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0em;
}

#recFvBody p:last-child {
	margin-bottom: 0;
}

/* 新入社員の皆様へ */
#recMessage {
	padding-top: 60px;
	margin-top: -60px;
	margin-bottom: 60px;
}

#recMessageCont {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#recMessageContPh {
	width: 42%;
	max-width: 352px;
}

#recMessageContPh img {
	width: 100%;
	border-radius: 6px;
}

#recMessageContBody {
	width: 58%;
	padding-left: 35px;
	font-size: 1.4rem;
	line-height: 1.71429;
	letter-spacing: 0em;
}

#recMessageContBodyText {
	margin-bottom: 2.5em;
}

#recMessageContBodySig {
	text-align: right;
}

/* オクゼン不動産の人材育成 */
#recEdu {
	margin-bottom: 115px;
}

.recEduList>li {
	margin-bottom: 70px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.recEduListPh {
	width: 42%;
	max-width: 352px;
}

.recEduListPh img {
	width: 100%;
	border-radius: 6px;
}

.recEduListBody {
	width: 58%;
	padding-left: 35px;
}

.recEduListBodyNum {
	margin-bottom: 0.5em;
	font-size: 2.4rem;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: bold;
}

.recEduListBodyNum span {
	padding-bottom: 0.1em;
	display: inline-block;
	border-bottom: solid 2px #009843;
}

.recEduListBodyTit {
	margin-bottom: 1em;
	font-size: 2.4rem;
	line-height: 1.2;
	letter-spacing: 0em;
}

.recEduListBodyTit span {
	font-weight: 700;
	position: relative;
	z-index: 1;
}

.recEduListBodyTit span:after {
	width: 100%;
	height: 0.75em;
	content: "";
	display: inline;
	position: absolute;
	bottom: -0.1em;
	left: 0;
	z-index: -1;
	background-color: #FFFF00;
}

.recEduListBodyTxt {
	font-size: 1.4rem;
	line-height: 1.71429;
	letter-spacing: 0em;
}

.recEduList>li:nth-child(2n) {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.recEduList>li:nth-child(2n) .recEduListBody {
	padding-left: 0;
	padding-right: 35px;
}

/* 職種紹介 */
#recJob {
	margin-bottom: 35px;
}

.recJobList {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.recJobList>li {
	width: 50%;
	padding: 35px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: solid 1px #D2D2D2;
}

.recJobListPict {
	width: 145px;
	text-align: center;
}

.recJobListPict img {
	width: 100%;
	max-width: 105px;
	height: auto;
}

.recJobListBody {
	width: calc(100% - 145px);
}

.recJobListBodyTit {
	margin-bottom: 0.75em;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.recJobListBodyTxt {
	font-size: 1.4rem;
	line-height: 1.71429;
	letter-spacing: 0em;
}

.recJobList>li:first-child {
	width: 100%;
	padding-top: 8px;
}

.recJobList>li:first-child .recJobListPict {
	width: 300px;
}

.recJobList>li:first-child .recJobListPict img {
	max-width: 210px;
}

.recJobList>li:first-child .recJobListBody {
	width: calc(100% - 300px);
}

.recJobList>li:nth-child(2n) .recJobListBody {
	padding-right: 20px;
	border-right: solid 1px #D2D2D2;
}

.recJobList>li:nth-last-child(1),
.recJobList>li:nth-last-child(2) {
	border-bottom: none;
}

/* 先輩社員の声 */
#recVoice {
	margin-bottom: 70px;
}

.recVoiceSlideItem {
	width: 230px;
}

.recVoiceSlideItem a {
	display: block;
	border: 2px solid #D2D2D2;
	border-radius: 8px;
	overflow: hidden;
	color: #333333;
}

.recVoiceSlideImg {
	height: 196px;
}

.recVoiceSlideImg img {
	width: 100%;
	height: 100%;
}

.recVoiceSlideBody {
	padding: 15px;
}

.recVoiceSlideBodyRole {
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #D9F0E3;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.06em;
}

.recVoiceSlideBodyArrow {
	background: url(../../img/common/icon_arrow_green.svg) no-repeat right center/21px 19px;
}

.recVoiceSlideBodyName {
	margin-bottom: 0.25em;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: 0.06em;
	font-weight: 700;
}

.recVoiceSlideBodyKana {
	margin-bottom: 1em;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.06em;
}

.recVoiceSlideBodyYear {
	padding-top: 0.75em;
	border-top: 1px solid #D2D2D2;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: right;
}

/* 先輩社員の声：モーダルウインドウ：JSで付与するもの */
#mdOverlay {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	background: #000000;
	display: none;
}

#mdWindow {
	width: 100%;
	max-height: 100vh;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 111;
	overflow-y: auto;
}

#mdWindowInner {
	width: calc(100% - 20px*2);
	max-width: 780px;
	margin: 30px auto;
	padding: 60px 90px 40px;
	background: #FFFFFF;
	position: relative;
}

#mdClose {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	z-index: 112;
	cursor: pointer;
	background: url(../../img/common/icon_close.svg) center center no-repeat;
	background-size: cover;
}

/*
#mdClose:after {
	width: 100%;
	height: auto;
	display: inline-block;
	position: absolute;
	bottom: -1.5em;
	left: 0;
	content: "閉じる";
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #009843;
	font-weight: bold;
	text-align: center;
}
*/

/* 先輩社員の声：モーダルウインドウ：中身 */
.recModal {
	display: none;
}

.recModalPh {
	margin-bottom: 20px;
}

.recModalPh img {
	width: 100%;
	height: auto;
}

.recModalHead {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: solid 2px #009843;
	letter-spacing: 0.06em;
}

.recModalHeadName {
	padding: 0 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-grow: 20;
	-ms-flex-positive: 20;
	flex-grow: 20;
	border-right: solid 1px #009843;
}

.recModalHeadNameShop {
	margin-bottom: 0.5em;
	font-size: 1.2rem;
}

.recModalHeadNameKanji {
	font-size: 1.8rem;
	font-weight: 700;
}

.recModalHeadRole {
	padding: 0 25px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-grow: 5;
	-ms-flex-positive: 5;
	flex-grow: 5;
	border-right: solid 1px #009843;
}

.recModalHeadRoleHead {
	margin-bottom: 0.5em;
	font-size: 1.2rem;
	color: #AAAAAA;
}

.recModalHeadRoleBody {
	font-size: 1.4rem;
	font-weight: 700;
}

.recModalHeadYear {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 25px;
	font-size: 1.3rem;
}

.recModalBodyQ {
	margin-bottom: 1em;
	padding: 0.75em;
	font-size: 1.4rem;
	line-height: 1.42857;
	letter-spacing: 0.06em;
	font-weight: 700;
	background-color: #D9F0E3;
}

.recModalBodyQNum {
	margin-right: 0.5em;
	color: #009843;
	font-size: 1.8rem;
	font-weight: bold;
}

.recModalBodyA {
	margin-bottom: 1em;
	font-size: 1.4rem;
	line-height: 1.57143;
	letter-spacing: 0.02em;
}

/* 新卒採用Q&A */
#recRookie {
	margin-bottom: 70px;
}

.faq>li {
	margin-bottom: 15px;
	border: solid 2px #D2D2D2;
	border-radius: 6px;
	overflow: hidden;
}

.faqQInner, .faqAInner {
	padding: 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.faqQHead, .faqAHead {
	padding: 0.25em 1em 0 0;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0em;
	color: #C60101;
}

.faqQBody, .faqABody {
	font-size: 1.4rem;
	line-height: 1.71429;
	letter-spacing: 0.05em;
}

.faqQ {
	cursor: pointer;
	background: url(../../img/common/icon_pulldown.svg) no-repeat right 20px center/12px 7px;
}

.faqQ.open {
	background: url(../../img/common/icon_pullup.svg) no-repeat right 20px center/12px 7px;
}

.faqQHead {
	color: #009843;
}

.faqQBody {
	padding-right: 30px;
	font-weight: 700;
}

.faqA {
	display: none;
	background-color: #FFF0F0;
	border-top: solid 1px #D2D2D2;
}

.faqA a {
	color: #009843;
	text-decoration: underline;
}

.faqABodyEvent th, .faqABodyEvent td {
	padding: 0.25em;
	font-size: 1.4rem;
	line-height: 1.71429;
	letter-spacing: 0.05em;
}

.faqABodyEvent th {
	padding-right: 0.75em;
	text-align: right;
}

/* 新卒募集要項 */
#recRequireRookie {
	margin-bottom: 75px;
}

.recRequireRookieLink {
	padding-bottom: 20px;
}

.recRequireRookieLink a {
	width: 100%;
	max-width: 550px;
	height: 85px;
	margin: 0 auto 0;
	padding-right: 1.25em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: solid 2px #009843;
	border-radius: 8px;
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: 0.025em;
	font-weight: 700;
	color: #009843;
	background: url(../../img/common/icon_btn-arrow_green.svg) no-repeat right 18px center/22px 22px;
}

.recRequireRookieLink a img {
	width: 111px;
	height: auto;
	margin-right: 10px;
}

/* 新卒中途共通見出し */
.recRequireHead {
	margin-bottom: 1.5em;
	padding: 0.75em 1em;
	background-color: #D9F0E3;
	border-radius: 4px;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.05em;
	font-weight: 700;
}

/* 中途募集要項 */
.recRequireExpertHead {
	padding: 0.75em 1em;
	border: solid 2px #DCDCDC;
	font-size: 1.4rem;
	line-height: 1.42857;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.recRequireExpertData {
	font-size: 1.4rem;
	line-height: 1.42857;
	letter-spacing: 0.05em;
}

.recRequireExpertData tr:not(:last-child) {
	border-bottom: solid 1px #DCDCDC;
}

.recRequireExpertData th {
	padding: 1.75em 3.5em 1.75em 1.75em;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
}

.recRequireExpertData td {
	padding: 1.75em 0 1.75em;
}

.recRequireExpertData p {
	padding-bottom: 1.5em;
}

.recRequireExpertData p:last-child {
	padding-bottom: 0em;
}

.recRequireExpertDataBody {
	margin-bottom: 1em;
	padding-left: 1em;
}

.recRequireExpertData tr:last-child th, .recRequireExpertData tr:last-child td {
	padding-bottom: 0;
}

.headmark {
	text-indent: -1em;
	padding-left: 1em;
}

/* 中途募集要項アコーディオン */
.recRequireShutBtn {
	display: none;
}

/* コンバージョン */
#ccRecGuide {
	margin-bottom: 0.75em;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.025em;
}

#ccRecGuide span {
	color: #009843;
}

#ccRecOfficer {
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 0.025em;
}

/* フッタ調整 */
#shopList {
	margin-bottom: 25px;
}

/* 色 */
.keycolor {
	color: #009843 !important;
}

.recruitEnd {
	color: #d01f1f;
}

.recruitTitStop {
	padding-bottom: 5px;
	color: #d01f1f;
}

/* -------------------------------------------------- */
/* 微調整：小型PC */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.recEduListBodyTit {
		font-size: 1.71429vw;
	}
}

/* -------------------------------------------------- */
/* hoverなど */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) {
	#bc>li a {
		transition: 0.3s ease-in-out;
	}

	#bc>li a:hover {
		opacity: 0.6;
	}

	.recVoiceSlideItem a {
		transition: 0.3s ease-in-out;
	}

	.recVoiceSlideItem a:hover {
		opacity: 0.8;
	}

	.faqQ {
		transition: 0.3s ease-in-out;
	}

	.faqQ:hover {
		opacity: 0.6;
	}

	.recRequireRookieLink a {
		transition: 0.3s ease-in-out;
	}

	.recRequireRookieLink a:hover {
		opacity: 0.7;
	}
}

/* -------------------------------------------------- */
/* TAB */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	/* FV */
	#recFv {
		margin-bottom: 50px;
	}

	#recFvHead {
		margin-bottom: 20px;
	}

	#recFvHeadPh {
		margin-bottom: 25px;
	}

	#recFvHeadText {
		padding: 25px 40px 0;
		font-size: 2.8rem;
	}

	#recFvHeadText span {
		font-size: 2.4rem;
	}

	#recFvBody {
		padding: 0 40px 25px;
	}

	#recFvBody p {
		font-size: 1.5rem;
	}

	/* 新入社員の皆様へ */
	#recMessageContPh {
		max-width: inherit;
	}

	#recMessageContBody {
		max-width: inherit;
		font-size: 1.3rem;
	}

	/* オクゼン不動産の人材育成 */
	#recEdu {
		margin-bottom: 90px;
	}

	.recEduList>li {
		margin-bottom: 50px;
	}

	.recEduListBody {
		padding-left: 20px;
	}

	.recEduListBodyNum {
		font-size: 2.0rem;
	}

	.recEduListBodyTit {
		font-size: 2.0rem;
	}

	.recEduListBodyTxt {
		font-size: 1.3rem;
	}

	.recEduList>li:nth-child(2n) .recEduListBody {
		padding-right: 20px;
	}

	/* 職種紹介 */
	#recJob {
		margin-bottom: 25px;
	}

	.recJobList>li {
		padding: 25px 0;
	}

	.recJobListPict {
		width: 125px;
	}

	.recJobListPict img {
		max-width: 95px;
	}

	.recJobListBody {
		width: calc(100% - 125px);
	}

	.recJobListBodyTit {
		font-size: 1.8rem;
	}

	.recJobListBodyTxt {
		font-size: 1.3rem;
	}

	.recJobList>li:first-child {
		padding-top: 0;
	}

	.recJobList>li:first-child .recJobListPict {
		width: 270px;
	}

	.recJobList>li:first-child .recJobListPict img {
		max-width: 190px;
	}

	.recJobList>li:first-child .recJobListBody {
		width: calc(100% - 270px);
	}

	/* 先輩社員の声：モーダルウインドウ：中身 */
	.recModalHeadName {
		padding: 0 20px;
	}

	.recModalHeadNameShop {
		font-size: 1.1rem;
	}

	.recModalHeadNameKanji {
		font-size: 1.6rem;
	}

	.recModalHeadRole {
		padding: 0 20px;
	}

	.recModalHeadRoleHead {
		font-size: 1.1rem;
	}

	.recModalHeadRoleBody {
		font-size: 1.3rem;
	}

	.recModalHeadYear {
		font-size: 1.2rem;
	}

	.recModalBodyQ {
		font-size: 1.3rem;
	}

	.recModalBodyQNum {
		font-size: 1.7rem;
	}

	.recModalBodyA {
		font-size: 1.3rem;
	}

	/* 新卒採用Q&A */
	#recRookie {
		margin-bottom: 50px;
	}

	.faqQInner, .faqAInner {
		padding: 15px;
	}

	.faqQHead, .faqAHead {
		font-size: 1.8rem;
	}

	.faqQBody, .faqABody {
		font-size: 1.3rem;
	}

	/* 新卒募集要項 */
	#recRequireRookie {
		margin-bottom: 60px;
	}

	.recRequireRookieLink a {
		font-size: 1.5rem;
	}

	/* 新卒中途共通見出し */
	.recRequireHead {
		font-size: 1.8rem;
	}

	/* 中途募集要項 */
	.recRequireExpertHead {
		font-size: 1.3rem;
	}

	.recRequireExpertData {
		font-size: 1.3rem;
	}

	/* コンバージョン */
	#ccRecGuide {
		font-size: 1.1rem;
	}

	#ccRecOfficer {
		font-size: 1.3rem;
	}

	/* フッタ調整 */
	#shopList {
		margin-bottom: 15px;
	}
}

/* -------------------------------------------------- */
/* SP */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {

	/* FV */
	#recFvHead {
		margin-bottom: 25px;
	}

	#recFvHeadPh {
		margin-bottom: 25px;
	}

	#recFvHeadText {
		padding: 20px 14px 0;
		font-size: 1.8rem;
		letter-spacing: 0;
		color: #000000;
		font-weight: bold;
		text-shadow: none;
	}

	#recFvHeadText:before {
		width: 20px;
		height: 20px;
		border-top: solid 2px #009843;
		border-left: solid 2px #009843;
	}

	#recFvHeadText:after {
		width: 20px;
		height: 20px;
		border-top: solid 2px #009843;
		border-right: solid 2px #009843;
	}

	#recFvHeadText span.nomal {
		font-weight: normal;
		font-size: 1em;
	}

	#recFvBody {
		padding: 0 14px 20px;
	}

	#recFvBody:before {
		width: 20px;
		height: 20px;
		border-bottom: solid 2px #009843;
		border-left: solid 2px #009843;
	}

	#recFvBody:after {
		width: 20px;
		height: 20px;
		border-bottom: solid 2px #009843;
		border-right: solid 2px #009843;
	}

	/* 新入社員の皆様へ */
	#recMessageCont {
		width: 100%;
		display: block;
		-webkit-justify-content: inherit;
		-ms-flex-pack: inherit;
		justify-content: inherit;
	}

	#recMessageContPh {
		width: 100%;
		max-width: inherit;
		margin-bottom: 15px;
	}

	#recMessageContBody {
		width: 100%;
		padding-left: 0;
		max-width: inherit;
		line-height: 1.42857;
	}

	#recMessageContBodyText {
		margin-bottom: 1em;
	}

	/* オクゼン不動産の人材育成 */
	#recEdu {
		margin-bottom: 65px;
	}

	.recEduList>li {
		margin-bottom: 50px;
		display: block;
		-webkit-align-items: inherit;
		-ms-flex-align: inherit;
		align-items: inherit;
	}

	.recEduListPh {
		width: 100%;
		max-width: inherit;
		margin-bottom: 15px;
	}

	.recEduListBody {
		width: 100%;
		padding-left: 0;
	}

	.recEduListBodyNum {
		margin-bottom: 0.25em;
		font-size: 2.7rem;
	}

	.recEduListBodyNum span {
		padding-bottom: 0;
	}

	.recEduListBodyTit {
		margin-bottom: 0.75em;
		font-size: 2.0rem;
		line-height: 1.375;
	}

	.recEduListBodyTit span {
		font-weight: bold;
	}

	.recEduListBodyTxt {
		line-height: 1.42857;
	}

	.recEduList>li:nth-child(2n) {
		-webkit-flex-direction: inherit;
		-ms-flex-direction: inherit;
		flex-direction: inherit;
	}

	.recEduList>li:nth-child(2n) .recEduListBody {
		padding-left: 0;
		padding-right: 0;
	}

	/* 職種紹介 */
	#recJob {
		margin-bottom: 65px;
	}

	.recJobList {
		display: block;
		-webkit-flex-wrap: inherit;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
	}

	.recJobList>li {
		width: 100%;
		margin-bottom: 45px;
		padding: 0;
		display: block;
		border: none;
	}

	.recJobListPict {
		width: 100%;
		margin-bottom: 10px;
	}

	.recJobListPict img {
		max-width: 168px;
		height: auto;
	}

	.recJobListBody {
		width: 100%;
	}

	.recJobListBodyTit {
		font-size: 1.8rem;
		font-weight: bold;
	}

	.recJobListBodyTxt {
		line-height: 1.42857;
	}

	.recJobList>li:first-child {
		width: 100%;
		padding-top: 0;
	}

	.recJobList>li:first-child .recJobListPict {
		width: 100%;
	}

	.recJobList>li:first-child .recJobListPict img {
		max-width: 200px;
	}

	.recJobList>li:first-child .recJobListBody {
		width: 100%;
	}

	.recJobList>li:nth-child(2n) .recJobListBody {
		padding-right: 0;
		border: none;
	}

	/* 先輩社員の声 */
	.recVoiceSlideItem {
		width: 170px;
	}

	.recVoiceSlideImg {
		height: 145px;
	}

	.recVoiceSlideBody {
		padding: 12px;
	}

	.recVoiceSlideBodyRole {
		font-size: 1.0rem;
	}

	.recVoiceSlideBodyArrow {
		background-size: 15px 14px;
	}

	.recVoiceSlideBodyName {
		font-size: 1.3rem;
		font-weight: bold;
	}

	.recVoiceSlideBodyKana {
		font-size: 0.9rem;
	}

	.recVoiceSlideBodyYear {
		font-size: 1.0rem;
	}

	/* 先輩社員の声：モーダルウインドウ：JSで付与するもの */
	#mdWindow {
		font-family: sans-serif;
	}

	#mdWindowInner {
		width: calc(100% - 20px*2);
		padding: 65px 20px 20px;
	}

	#mdClose {
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
	}

	#mdClose:after {
		font-size: 0.9rem;
	}

	/* 先輩社員の声：モーダルウインドウ：中身 */
	.recModalPh {
		margin-bottom: 15px;
	}

	.recModalHead {
		padding: 10px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.recModalHeadName {
		width: 100%;
		margin-bottom: 10px;
		padding: 0 0 10px 0;
		border-right: none;
		border-bottom: solid 1px #009843;
	}

	.recModalHeadNameKanji {
		font-weight: bold;
	}

	.recModalHeadRole {
		padding: 0;
	}

	.recModalHeadRoleHead {
		font-size: 1.0rem;
	}

	.recModalHeadRoleBody {
		font-size: 1.2rem;
		font-weight: bold;
	}

	.recModalHeadYear {
		padding: 0;
		font-size: 1.1rem;
	}

	.recModalBodyQ {
		font-size: 1.3rem;
		font-weight: bold;
	}

	.recModalBodyQNum {
		font-size: 1.4rem;
	}

	.recModalBodyA {
		font-size: 1.3rem;
	}

	/* 新卒採用Q&A */
	.faq>li {
		border: solid 1px #D2D2D2;
	}

	.faqQInner, .faqAInner {
		padding: 10px 15px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.faqQHead, .faqAHead {
		padding: 0em 0.5em 0 0;
		padding-right: 0.5em;
	}

	.faqQBody, .faqABody {
		font-size: 1.3rem;
		line-height: 1.53846;
	}

	.faqQ {
		background: url(../../img/common/icon_pulldown.svg) no-repeat right 10px center/12px 7px;
	}

	.faqQ.open {
		background: url(../../img/common/icon_pullup.svg) no-repeat right 10px center/12px 7px;
	}

	.faqQBody {
		padding-right: 10px;
		font-weight: bold;
	}

	.faqABodyEvent th, .faqABodyEvent td {
		font-size: 1.3rem;
		line-height: 1.53846;
	}

	/* 新卒募集要項 */
	#recRequireRookie {
		margin-bottom: 30px;
	}

	.recRequireRookieLink {
		padding-bottom: 10px;
	}

	.recRequireRookieLink a {
		margin: 0 auto;
		padding: 0 2em 0 1em;
		height: 65px;
		border-radius: 4px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.10714;
		background: url(../../img/common/icon_btn-arrow_green.svg) no-repeat right 10px center/14px 14px;
	}

	.recRequireRookieLink a img {
		width: 83px;
		margin-right: 6px;
	}

	/* 新卒中途共通見出し */
	.recRequireHead {
		margin-bottom: 0.75em;
		font-size: 1.8rem;
		font-weight: bold;
	}

	/* 中途募集要項 */
	.recRequireExpertHead {
		padding: 0.5em;
		border: solid 1px #DCDCDC;
		font-size: 1.3rem;
		font-weight: bold;
	}

	.recRequireExpertData {
		line-height: 1.42857;
		letter-spacing: 0.075em;
	}

	.recRequireExpertData tr:not(:last-child) {
		border-bottom: solid 1px #DCDCDC;
	}

	.recRequireExpertData th {
		padding: 1.5em 0 0;
		display: block;
	}

	.recRequireExpertData td {
		padding: 1.0em 0 1.5em;
		display: block;
	}

	/* 中途募集要項アコーディオン */
	.recRequireShutBtn {
		width: 100%;
		height: 50px;
		padding: 0 10%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		border: solid 2px #009843;
		border-radius: 4px;
		font-size: 1.4rem;
		line-height: 1;
		letter-spacing: 0.025em;
		font-weight: bold;
		color: #009843;
		text-align: center;
		background: url(../../img/common/icon_btn-arrow_green_down.svg) no-repeat right 10px center/14px 14px;
	}

	.recRequireShutBtn.open {
		background: url(../../img/common/icon_btn-arrow_green_up.svg) no-repeat right 10px center/14px 14px;
	}

	.recRequireShutBody {
		display: none;
		padding-top: 15px;
	}

	/* コンバージョン */
	#ccRecGuide {
		margin-bottom: 1.25em;
	}

	/* フッタ調整 */
	#shopList {
		margin-bottom: 15px;
	}
}