/*==================================
		   recruit
==================================*/

/*== index =======================*/

/*= recruit =*/
#mainBox.bgRecruit {
	background: url(../../img/recruit/bg_recruit.jpg) no-repeat right 0, #ffffff !important;
}

#recruit > p {
	line-height: 1.8;
}

#recruitUl {
	margin: 2.0rem 0;
	flex-wrap: wrap;
}

#recruitUl li {
	position: relative;
	width: 47%;
	background: url(../../img/common/bg_shifukukai.jpg) repeat 0 0;
	text-align: center;
	border: 1px solid #ab1c3d;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#recruitUl li a {
	display: block;
	border: 3px solid #ffffff;
}

#recruitUl li a img {
	padding: 1.0rem 0;
}

@media screen and (max-width: 480px) {
#mainBox.bgRecruit {
	background: url(../../img/recruit/bg_recruit.jpg) no-repeat right 3.5rem, #ffffff !important;
}

#recruit > p:first-child {
	margin: 13.5rem 0 0 0;
}

#recruitUl li {
	width: 100%;
}

#recruitUl li:not(:last-child) {
	margin: 0 0 4% 0;
}
}



/*= welfare =*/
#welfareUl {
	margin: 2.0rem 0;
	flex-wrap: wrap;
}

#welfareUl li {
	position: relative;
	width: 47%;
	background: #ffffff;
	text-align: center;
	border: 1px solid #ab1c3d;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#welfareUl li a {
	display: block;
	border: 3px solid #ffffff;
	text-align: right;
}

#welfareUl li a img:last-child {
	margin: 1.0rem;
}

@media screen and (max-width: 768px) {
#welfareUl li img:first-child {
	width: 100%;
}
}

@media screen and (max-width: 480px) {
#welfareUl li {
	width: 100%;
}

#welfareUl li:not(:last-child) {
	margin: 0 0 4% 0;
}
}



/*= contact =*/
#contactUl {
	margin: 2.0rem 0;
	flex-wrap: wrap;
}

#contactUl li {
	position: relative;
	width: 47%;
	padding: 1.0rem;
	background: #ffffff;
	text-align: center;
	border: 1px solid #ab1c3d;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#contactUl li:last-child {
	padding: 0;
	background: url(../../img/common/bg_shifukukai.jpg) repeat 0 0;
}

#contactUl li p {
	margin: -0.5rem 0 0 4.0rem;
	text-align: left;
	line-height: 1.4;
	color: #ab1c3d;
	font-size: 70%;
}

#contactUl li a {
	display: block;
	padding: 1.0rem;
}

#contactUl li a img:last-child {
	margin: 1.0rem;
}

@media screen and (max-width: 768px) {
#contactUl li p {
	margin: -0.5rem 0 0 5.0rem;
}
}

@media screen and (max-width: 480px) {
#contactUl li {
	width: 100%;
}

#contactUl li:not(:last-child) {
	margin: 0 0 4% 0;
}
}



/*== newgrad =======================*/

#mainBox.bgNewgrad {
	background: url(../../img/recruit/newgrad/bg_newgrad.jpg) no-repeat right 0, #ffffff !important;
}

#newgrad > p {
	line-height: 1.8;
}

#newgrad table th {
	font-weight: bold;
}

#newgrad table th,
#newgrad table span {
	color: #ab1c3d;
	white-space: nowrap;
}

#newgrad table th,
#newgrad table td {
	padding: 0.5rem 1.0rem;
	line-height: 1.6;
	border-bottom: 1px dotted #ab1c3d;
}

@media screen and (max-width: 480px) {
#mainBox.bgNewgrad {
	background: url(../../img/recruit/newgrad/bg_newgrad.jpg) no-repeat right 3.5rem, #ffffff !important;
}

#newgrad > p:first-child {
	margin: 13.5rem 0 0 0;
}

#newgrad table th,
#newgrad table td {
	display: block;
	width: 100%;
}

#newgrad table th {
	padding: 0.5rem 1.0rem 0;
	border-bottom: none;
}

#newgrad table th + td {
	padding: 0 1.0rem 0.5rem;
}
}



/*== midcareer =======================*/

#mainBox.bgMidcareer {
	background: url(../../img/recruit/midcareer/bg_midcareer.jpg) no-repeat right 0, #ffffff !important;
}

#midcareer > p {
	line-height: 1.8;
}

#midcareer table {
	width: 100%;
	border: 1px solid #ab1c3d;
}

#midcareer table th {
	background: #d89aa8;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

#midcareer table th,
#midcareer table td {
	padding: 0.5rem 1.0rem;
	line-height: 1.6;
	border-right: 1px dotted #ab1c3d;
}

#midcareer table tr:not(:last-child) th,
#midcareer table tr:not(:last-child) td {
	border-bottom: 1px solid #ab1c3d;
}

#midcareer table a:before {
	content: '≫';
	margin: 0 0.5rem 0 0;
}

@media screen and (max-width: 480px) {
#mainBox.bgMidcareer {
	background: url(../../img/recruit/midcareer/bg_midcareer.jpg) no-repeat right 3.5rem, #ffffff !important;
}

#midcareer > p:first-child {
	margin: 13.5rem 0 0 0;
}

#midcareer table td:first-child {
	border-bottom: none;
}

#midcareer table .thead {
	display: none;
}

#midcareer table tr {
	width: 100%;
}

#midcareer table td {
	display: block;
	width: 100%;
	border-right: none;
}

#midcareer table tr:not(:last-child) td:not(:last-child),
#midcareer table td:not(:last-child) {
	border-bottom: 1px dotted #ab1c3d;
}

#midcareer table tr:not(:last-child) td:first-child {
	border-bottom: none;
}

#midcareer table td:first-child {
	background: #d89aa8;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
}

#midcareer table td:before {
	content: attr(data-label);
	width: 5.0rem;
	display:inline-block;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
}

#midcareer table a,
#midcareer table a:before {
	color: #ffffff;
}
}



/*= mid-recruit =*/
#mid-recruit {
	display: inline-block;
}
#mid-recruit li {
	padding: 0 1.5rem 0 0;
}

#mid-recruit li:not(:last-child) {
	border-bottom: 1px dotted #888989;
}

#mid-recruit li a {
	display: inline-block;
	position: relative;
	padding: 0.75rem 1.0rem;
}

#mid-recruit li:before {
	display: inline-block;
	content: '■️';
	margin: 0 0 0 1.0rem;
	color: #ab1c3d;
	font-size: 50%;
}

#mid-recruit li a:after {
	display: inline-block;
	position: absolute;
	top: 0.5rem;
	content: url(../../img/common/i_pdf.png);
	margin: 0 0 0 0.5rem;
}

@media screen and (max-width: 480px) {
#mid-recruit {
	width: 100%;
}
}



/*== welfare =======================*/
#mainBox.bgWelfare {
	background: url(../../img/recruit/welfare/bg_welfare01.jpg) no-repeat right 0, #ffffff !important;
}

#welfare p {
	line-height: 1.8;
}

#sowel div {
	width: 38%;
}

#sowel a {
	display: inline-block;
	margin: 0 0 0 2.0rem;
	padding: 1.5rem 2.0rem;
	border: 1px solid #b4b4b5;
	text-align: center;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#wlb p {
	max-width: 50%;
}

#wlb a {
	color: #ab1c3d;
}

#welfare ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}

#welfare ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	margin: 0 0 0 1.0rem;
	padding: 0 0.5em 0 0;
}

#welfare ol li {
	text-indent: -2.4rem;
	padding-left: 2.4rem;
}

#welfare ol li:not(:last-child) {
	margin: 0 0 0.5rem 0;
}

@media screen and (max-width: 480px) {
#mainBox.bgWelfare {
	background: url(../../img/recruit/welfare/bg_welfare01.jpg) no-repeat right 3.5rem, #ffffff !important;
}

#welfare > p:first-child {
	margin: 13.5rem 0 0 0;
}

#welfare .flex {
	display: block;
}

#sowel {
	text-align: center;
}

#sowel p {
	text-align: left;
}

#sowel div {
	width: auto;
}

#sowel a {
	margin: 0.5rem 0 0 0;
}

#wlb p {
	max-width: 100%;
	margin: 0 0 0.5rem 0;
}
}





/*== nursery =======================*/
#mainBox.bgNursery {
	background: url(../../img/recruit/nursery/bg_nursery.jpg) no-repeat right 0, #ffffff !important;
}

#nursery p {
	line-height: 1.8;
}

#apical div {
	width: 33%;
}

#apical a {
	display: inline-block;
	margin: 0 0 0 2.0rem;
	padding: 1.0rem;
	border: 1px solid #b4b4b5;
	text-align: center;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

#nursery ul {
	margin: 2.0rem 0 0 0;
	flex-wrap: wrap;
}

#nursery ul li {
	width: 48%;
	text-align: center;
}

#nursery ul li:nth-child(n+3) {
	margin: 5% 0 0 0;
}

@media screen and (max-width: 480px) {
#mainBox.bgNursery {
	background: url(../../img/recruit/nursery/bg_nursery.jpg) no-repeat right 3.5rem, #ffffff !important;
}

#nursery > p:first-child {
	margin: 13.5rem 0 0 0;
}

#nursery .flex {
	display: block;
}

#apical {
	text-align: center;
}

#apical p {
	text-align: left;
}

#apical div {
	width: auto;
}

#apical a {
	margin: 0.5rem 0 0 0;
}

#nursery ul li {
	width: 100%;
}

#nursery ul li:nth-child(n+2) {
	margin: 5% 0 0 0;
}
}