@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 採用情報 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ recruitIntro ］
―――――――――――――――――――――――――――――― */

.recruitIntro { margin-bottom: 70px; }
.recruitIntro .introLead { font-size: 2rem; line-height: 3.6rem; text-align: center; }
.recruitIntro .introLead p br { display: block; }

@media screen and (max-width: 767px) {
	.recruitIntro { margin-bottom: 40px; }
	.recruitIntro .introLead { font-size: 1.6rem; line-height: 2.8rem; text-align: left; text-align: justify; }
	.recruitIntro .introLead p br { display: none; }
}


/* ――――――――――――――――――――――――――――――
［ recruitBtn ］
―――――――――――――――――――――――――――――― */

.recruitBtn { text-align: center; margin-bottom: 80px; }
.recruitBtn a { display: inline-block; width: 620px; border: solid 3px #00c835; font-size: 2.3rem; color: #00c835; font-weight: 700; letter-spacing: 5px; text-decoration: none; padding: 36px 0 35px; }
.recruitBtn p { display: inline-block; width: 620px; border: solid 3px #00c835; font-size: 2rem; line-height: 3rem; color: #00c835; font-weight: 700; letter-spacing: 5px; text-decoration: none; padding: 36px 0 35px; }
.recruitBtn p span { display: inline-block; }


@media screen and (min-width: 769px) {
	.recruitBtn a { transition: 0.3s ease; }
	.recruitBtn a:hover { background-color: #00c835; border-color: #00c835; color: #ffffff; }
}

@media screen and (max-width: 767px) {
	.recruitBtn { text-align: center; margin-bottom: 40px; }
	.recruitBtn a { width: 100%; font-size: 1.6rem; letter-spacing: 2px; }
	.recruitBtn p { width: 100%; font-size: 1.6rem; letter-spacing: 2px; padding: 21px 0 20px; }
}


/* ――――――――――――――――――――――――――――――
［ recruitTitle ］
―――――――――――――――――――――――――――――― */

.recruitTitle { border-bottom: solid 2px #00c835; font-size: 2.6rem; line-height: 4.0rem; font-weight: 700; padding-bottom: 15px; text-align: center; margin-bottom: 40px; }
.recruitTitle br { display: none; }
.recruitTitle2 { display: flex; justify-content: center; position: relative; width: 100%; border-bottom: solid 2px #00c835; margin-bottom: 40px; }
.recruitTitle2 .textCenter { font-size: 2.6rem; font-weight: 700; padding-bottom: 15px; }
.recruitTitle2 .textRight { position: absolute; right: 0; top: 13px; font-size: 1.6rem; font-weight: normal; }
.recruitTitle3 { position: relative; width: 100%; margin-bottom: 40px; text-align: center; }
.recruitTitle3 .textCenter { font-size: 2.6rem; font-weight: 700; padding-bottom: 15px; }
.recruitTitle3 .textRight { font-size: 1.6rem; font-weight: normal; }

@media screen and (max-width: 767px) {
	.recruitTitle { font-size: 1.9rem; line-height: 3.6rem; margin-bottom: 20px; }
	.recruitTitle br { display: block; }
	.recruitTitle2 { display: block; position: static; margin-bottom: 20px; }
	.recruitTitle2 .textCenter { font-size: 1.9rem; padding-bottom: 10px; text-align: center; }
	.recruitTitle2 .textRight { position: static; font-size: 1.2rem; padding-bottom: 15px; text-align: center; }
	.recruitTitle3 { margin-bottom: 20px; }
	.recruitTitle3 .textCenter { font-size: 1.9rem; }
	.recruitTitle3 .textRight { font-size: 1.2rem; padding-bottom: 15px; }
}


/* ――――――――――――――――――――――――――――――
［ recruitContact ］
―――――――――――――――――――――――――――――― */

.recruitContact { margin-bottom: 150px; text-align: center; }
.recruitContact .introLead { display: inline-block; width: auto; font-size: 2rem; line-height: 3.6rem; text-align: center; }
.recruitContact .introLead p { text-align: left; }
.recruitContact .introLead p br { display: block; }
.recruitContact .telNumber { display: inline-block; width: auto; font-size: 1.5rem; line-height: 2.6rem; text-align: left; padding: 0 0 0 34px; background: url(/recruit/images/recruit_tel_icon.png) no-repeat 0 6px; background-size: 24px; margin-top: 40px; }
.recruitContact .telNumber p { font-size: 5rem; line-height: 6rem; font-weight: 700; }
.recruitContact .telOpen { font-size: 1.5rem; line-height: 2.6rem; text-align: center; padding-left: 5px; }
.recruitContact .telOpen br.rev { display: none; }
.recruitContact .telNumber br.rev { display: none; }

@media(min-width: 768px){
	.recruitContact .telNumber a[href^="tel:"] { pointer-events: none; }
}

@media screen and (max-width: 767px) {
	.recruitContact { margin-bottom: 80px; }
	.recruitContact .introLead { font-size: 1.6rem; line-height: 2.8rem; }
	.recruitContact .introLead p br { display: none; }
	.recruitContact .telNumber { padding: 2px 0 0 28px; background-size: 20px; margin-top: 30px; }
	.recruitContact .telNumber p { font-size: 3.4rem; line-height: 4.8rem; }
	.recruitContact .telOpen { font-size: 1.4rem; line-height: 2.5rem; }
	.recruitContact .telOpen br.rev { display: block; }
	.recruitContact .telNumber br.rev { display: block; }
}

@media screen and (max-width: 320px) {
	.recruitContact .telNumber p { font-size: 3.0rem; line-height: 4.8rem; }
}


/* ――――――――――――――――――――――――――――――
［ recruitPlan ］
―――――――――――――――――――――――――――――― */

.recruitPlan { text-align: center; border: 16px #c4fbbc solid; padding: 60px 50px 80px 50px; }
.recruitPlan.mb { margin-bottom: 150px; }
.recruitPlan .recruitCopy { font-family: "Yu Mincho", "YuMincho"; font-size: 2.6rem; line-height: 3.5rem; font-weight: 700; text-align: center; margin-bottom: 40px; }
.recruitPlan .recruitCopy br { display: none; }
.recruitPlan .introLead { font-size: 1.8rem; line-height: 3.0rem; text-align: center; }
.recruitPlan .introLead p br { display: block; }
.recruitPlan .recruitList { max-width: 780px; margin: 60px auto 0 auto; font-size: 1.8rem; line-height: 3.0rem; text-align: left; }
.recruitPlan .recruitList dl { display: table; }
.recruitPlan .recruitList dl dt,
.recruitPlan .recruitList dl dd { display: table-cell; vertical-align: top; padding-bottom: 20px; }
.recruitPlan .recruitList dl dt { width: 70px; font-weight: 700; color: #00c835; }
.recruitPlan .recruitList dl dd { width: calc( 780px - 70px ); }
.recruitPlan .recruitList dl dd p { margin-bottom: 20px; }
.recruitPlan .recruitList dl dd p:last-child { margin-bottom: 0; }
.recruitPlan .recruitList dl dd li { position: relative; float: left; width: 100%; padding-left: 22px; }
.recruitPlan .recruitList dl dd li::before { position: absolute; top: 11px; left: 3px; display: block; width: 6px; height: 6px; border-radius: 50%; content: ""; background-color: #333; }

@media screen and (max-width: 767px) {
	.recruitPlan { border: 12px #c4fbbc solid; padding: 30px 20px 20px 20px; }
	.recruitPlan.mb { margin-bottom: 100px; }
	.recruitPlan .recruitCopy { font-size: 2.0rem; line-height: 3.2rem; margin-bottom: 25px; }
	.recruitPlan .recruitCopy br { display: block; }
	.recruitPlan .introLead { font-size: 1.6rem; line-height: 2.6rem; text-align: left; }
	.recruitPlan .introLead p br { display: none; }
	.recruitPlan .recruitList { margin: 30px auto 0 auto; font-size: 1.6rem; line-height: 2.6rem; }
	.recruitPlan .recruitList dl { display: block; }
	.recruitPlan .recruitList dl dt,
	.recruitPlan .recruitList dl dd { display: block; }
	.recruitPlan .recruitList dl dt { width: 100%; padding: 0 0 6px; }
	.recruitPlan .recruitList dl dd { width: 100%; padding: 0 0 25px; }
	.recruitPlan .recruitList dl dd li { padding-left: 18px; }
	.recruitPlan .recruitList dl dd li:last-child { padding-bottom: 20px; }
	.recruitPlan .recruitList dl dd li::before { top: 9px; }
}


/* ――――――――――――――――――――――――――――――
［ recruitGraph ］
―――――――――――――――――――――――――――――― */

.recruitGraph { max-width: 980px; margin: 0 auto; margin-bottom: 150px; padding-top: 30px; }
.recruitGraph dl { display: table; }
.recruitGraph dl dt,
.recruitGraph dl dd { display: table-cell; vertical-align: top; }
.recruitGraph dl dt { width: 360px; padding-right: 80px; }
.recruitGraph dl dd { width: calc( 980px - 360px ); }
.recruitGraph p { font-size: 1.6rem; text-align: right; margin-top: 20px; }

@media screen and (max-width: 767px) {
	.recruitGraph { padding-top: 10px; margin-bottom: 100px; }
	.recruitGraph dl { display: block; }
	.recruitGraph dl dt,
	.recruitGraph dl dd { display: block; margin: 0 auto; }
	.recruitGraph dl dt { max-width: 200px; padding: 0 0 20px; text-align: center; }
	.recruitGraph dl dd { width: 100%; }
	.recruitGraph p { font-size: 1.4rem; margin-top: 20px; }
}


/* 
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */


/*  */