#recruit	#mainheader	{background: url("../image/recruit_head.png") no-repeat;background-size: cover}


#workinyamatake,#flowuntilhiring,#requirements,#superior		{padding: 70px 0}

#flowuntilhiring,#superior	{background:#f7f7f7;}


.movie{position:relative;width:100%;padding-top:56.25%}
.movie iframe{position:absolute;top:0;right:0;width:100%;height:100%}


#workinyamatake	.blkttle	{font-size: 22px;}

#workinyamatake .recruitillust	{margin: 30px 10% 0 10%;}
#main .aisatu	{margin: 30px 20% 0 20%;}


#flowuntilhiring		.innerbox	{display:-webkit-box;display:-ms-flexbox;display:flex;margin: 0 15% 20px 15%;padding:10px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #fff;border-bottom: 1px solid #ccc;}
#flowuntilhiring		p	{margin: 0}
#flowuntilhiring		.icon{display:block;-ms-flex-preferred-size: 100px;flex-basis: 100px;margin: 0 30px 0 0;text-align: center;line-height: 0;}
#flowuntilhiring		.icon.i01{background: #e3e3e3;}
#flowuntilhiring		.icon.i02{background: #dbe6e6;}
#flowuntilhiring		.icon.i03{background: #bfd4d7;}
#flowuntilhiring		.icon.i04{background: #a5c9d9;}
#flowuntilhiring		.icon	img{width: 100px;height: 100px;}
#flowuntilhiring		.cmnt{-ms-flex-preferred-size: calc(100% - 150px);flex-basis: calc(100% - 150px);}


#flowuntilhiring			.next	{text-align: center}
.arrowbottom{width:0;height:0;margin:0 0 13px 0;font-size:15px;border-left:1em solid transparent;border-right:1em solid transparent;transform: rotate(180deg);border-bottom:1.5em solid #7da4d9;display:inline-block}


.toentryform	{margin-top: 70px;text-align: center}
.toentryform	a{display:block;margin: 0 15%;padding: 25px 0;text-decoration: none;background: #2d64af;color: #fff;font-size: 22px;font-weight: 400;border-radius: 5px;}
.toentryform	a:hover{background: #666;}
.toentryform	.fa-file-text-o{margin-right: 20px;font-size: 28px;}
.toentryform	.fa-chevron-right	{position: relative;top: -3px;margin-left: 20px;font-size: 15px;}

/*募集要項*/

#requirements	{}
#requirements	.inner	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#requirements	.innerbox	{position:relative;-ms-flex-preferred-size: 44%;flex-basis: 44%;margin-bottom: 40px;padding: 2%;box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);border: 1px solid #d0eafb;}

#requirements	i	{margin-right: 8px;}
#requirements	ul	{margin: 50px 2% 2% 2%}
#requirements	li	{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 0.5em;}
#requirements	.bosyuh{-ms-flex-preferred-size: 9em;flex-basis: 9em;white-space: nowrap;color: #2d64af;font-weight: 400;font-size: 90%;}
#requirements	.bosyucmnt{-ms-flex-preferred-size: calc(100% - 9em);flex-basis:calc(100% - 9em);white-space: wrap}

#requirements	h4	{padding: 0 2% 2% 2%;font-weight: 400;letter-spacing: .1em;}
#requirements	h4{display:inline-block;position:absolute;left:0;top:20px;box-sizing:border-box;padding:0 9pt;width: 170px;margin:0;height:40px;line-height:40px;font-size:20px;letter-spacing:.1em;color:#fff;background:#7da4d9;box-shadow:0 2px 2px rgba(0,0,0,.12)}
#requirements	h4:before{position:absolute;content:'';top:0;left:-7px;border:0;height:40px;width:7px;background:#7da4d9;border-radius:5px 0 0 5px}
#requirements	h4:after{position:absolute;content:'';bottom:-3px;left:-7px;border:0;height:7px;width:7px;background:#2d64af;border-radius:5px 0 0 5px}

/*新卒・既卒の方　追記*/
#requirements	h4.sinsotuttle{position:relative;top:0;left:0;width: auto;font-size: 20px;height:40px;margin-bottom: 30px;padding: 0 10px;border: 1px solid #ccc;font-weight: 400;color: #2d64af;background: none;border: none;border-left: 4px solid #2d64af;box-shadow:none;letter-spacing: 0}
#requirements	h4.sinsotuttle:before,#requirements	h4.sinsotuttle:after	{display: none;}
#requirements	.inner.sinsotuttle	{}
#requirements	.inner.sinsotulist	{display:block;}
#requirements	.inner.sinsotulist	ul	{margin: 1.5% 2% 2% 2%;}
#requirements	.inner.sinsotulist	p	{margin: 0 2% 2% 2%;padding: 1.5% 2%;background: #e6f0fd;border: 2px dotted #7da4d9}

hr.kugiri	{margin-bottom: 50px;border: none;border-bottom: 1px solid #ccc;}


/*先輩社員の声*/
#superior	{}
#superior	.inner{}
#superior	.innerbox	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px;padding: 30px;background: #fff;border-bottom: 1px solid #efefef;}
#superior	.photo	{-ms-flex-preferred-size: 20%;flex-basis: 20%;margin: 0 7% 0 5%;text-align: center}
#superior	.cmnt	{-ms-flex-preferred-size: 60%;flex-basis: 60%;margin: 0 7% 0 0;}

#superior	.busyo	{color: #2d64af;font-weight: 500;}
#superior	.namae	{margin-bottom: 0.5em;color: #666;}
#superior	.msg	{}


@media screen and (max-width: 1100px) {
#requirements	.inner	{display:block;}
}


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

#recruit	#mainheader	{background: url("../image/recruit_head.png") no-repeat;background-position: 50% 0;background-size: auto 100%}

.recruitillust	{margin: 30px 0 0 0;}

#flowuntilhiring		.innerbox	{margin: 0 2% 20px 2%;}

#requirements	li	{display:block;}
#requirements	.bosyuh{display:block;}
#requirements	ul	{margin: 60px 2% 2% 2%}
#requirements	li	{margin-bottom: .8em;}
#superior	.innerbox	{display:block}
#superior	.photo	{margin: 0 30% 20px 30%;}

.toentryform	a{margin: 0 2%;padding: 25px 0;font-size: 22px;}

}

@media screen and (max-width: 480px) {
#superior	.photo	{margin: 0 15% 20px 15%;}
}