@charset "utf-8";
/* -----------------------------------------------------------
    recruit-nav 
-------------------------------------------------------------- */

#recruit .recruit-analysis-area {
	padding: 100px 0;
}

#recruit .recruit-analysis-area ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#recruit .recruit-analysis-area ul li {
	background: #fff;
	border: #D8D8D8 solid 1px;
	width: 390px;
	padding: 20px;
	margin: 0 15px 15px 0;
}

#recruit .recruit-analysis-area ul li:nth-child(3n) {
	margin: 0 0 15px;
}

#recruit .recruit-analysis-area ul li h3 {
	font-weight: bold;
	border-bottom: #D8D8D8 solid 1px;
	line-height: 1.5;
	font-size: 2.0rem;
	padding: 0 0 15px;
}

#recruit .recruit-analysis-area ul li .img {
	text-align: center;
}

#recruit .recruit-analysis-area ul .img01 .img {
	padding: 65px 0 0;
}

#recruit .recruit-analysis-area ul .img02 .img {
	padding: 20px 0 0;
}

#recruit .recruit-analysis-area ul .img03 .img {
	padding: 37px 0 0;
}

#recruit .recruit-analysis-area ul .img04 .img {
	padding: 20px 0 0;
}

#recruit .recruit-analysis-area ul .img05 .img {
	padding: 37px 0 0;
}

#recruit .recruit-analysis-area ul .img06 .img {
	padding: 20px 0 0;
}

#recruit .recruit-analysis-area ul .img07 .img {
	padding: 30px 0 0;
}

#recruit .recruit-analysis-area ul .img08 .img {
	padding: 30px 0 0;
}

@media screen and (max-width: 768px) {
	
	#recruit .recruit-analysis-area {
		padding: 50px 20px 40px;
	}

	#recruit .recruit-analysis-area ul {
		display: block;
	}

	#recruit .recruit-analysis-area ul li {
		width: 100%;
		margin: 0 0 15px 0;
	}

	#recruit .recruit-analysis-area ul li .img {
		text-align: center;
		padding:20px 0 0!important;
	}

	#recruit .recruit-analysis-area ul li .img img {
		width: auto;
		max-width: 100%;
	}

}


/* -----------------------------------------------------------
    recruit-midcareer-area
-------------------------------------------------------------- */

#recruit .recruit-midcareer-area {
	min-width: 1000px;
	max-width: 1000px;
	padding: 0 0 30px;
}

#recruit .recruit-midcareer-area .application-area {
	overflow: hidden;
}

#recruit .recruit-midcareer-area .application-area div {
	padding: 0;
}

#recruit .recruit-midcareer-area .application-area div .title {
	margin: 0 0 20px;
}
#recruit .recruit-midcareer-area .application-area div h3 {
	font-size: 3rem;
}
#recruit .recruit-midcareer-area .application-area div .title .jp {
	background-position: left bottom;
}

#recruit .application-impediment .title .en {
	color: #E0004B;
}
#recruit .application-impediment .title .jp {
	background-image: url("../img/bg-title-txt-p.png");
}

#recruit .application-elderly .title .en {
	color: #9D650B;
}
#recruit .application-elderly .title .jp {
	background-image: url("../img/bg-title-txt-y.png") ;
}

#recruit .application-child-welfare .title .en {
	color: #287B6B;
}
#recruit .application-child-welfare .title .jp {
	background-image: url("../img/bg-title-txt-g.png") ;
}

#recruit .application-childcare .title .en {
	color: #2279A5;
}
#recruit .application-childcare .title .jp {
	background-image: url("../img/bg-title-txt-b.png") ;
}


/*
#recruit .recruit-midcareer-area .application-area div h3 {
	background: #FBFBFB;
	font-weight: bold;
	font-size: 2.2rem;
	margin: 0 0 20px;
	line-height: 1.5;
	padding:5px 10px;
}

#recruit .recruit-midcareer-area .application-area div:nth-of-type(1) h3 {
	border-left: #FF909E solid 3px;
}

#recruit .recruit-midcareer-area .application-area div:nth-of-type(2) h3 {
	border-left: #F3BD67 solid 3px;
}

#recruit .recruit-midcareer-area .application-area div:nth-of-type(3) h3 {
	border-left: #88D8C6 solid 3px;
}

#recruit .recruit-midcareer-area .application-area div:nth-of-type(4) h3 {
	border-left: #8AC8E7 solid 3px;
}
*/


#recruit .recruit-midcareer-area .application-area div .photo {
	float: right;
	margin: -100px 0 0 40px;
}
#recruit .recruit-midcareer-area .application-area div .photo img {
	width: 340px;
	border-radius: 10px;
}


#recruit .recruit-midcareer-area .application-area div .list-dl {
	padding: 10px 0 40px;
	/*display: flex;
	align-items: center;*/
}

#recruit .recruit-midcareer-area .application-area div .list-dl dt {
	font-weight: bold;
	padding: 0 20px 10px 0;
}

#recruit .recruit-midcareer-area .application-area div .list-dl dd {
	border: #D8D8D8 solid 1px;
	padding: 10px;
	border-radius: 6px;
	margin: 0 5px 5px 0;
}

#recruit .recruit-midcareer-area .red {
	font-size: 1.4rem;
	font-weight: bold;
	color: #E60000;
	padding: 0 0 0 10px;
}


@media screen and (max-width: 768px){
	
	#recruit .recruit-midcareer-area {
		min-width: 100%;
		max-width: 100%;
		padding: 0 20px 40px 20px;
	}

	#recruit .recruit-midcareer-area .application-area {
		min-width: 100%;
		max-width: 100%;
	}


	#recruit .recruit-midcareer-area .application-area div .title {
		margin: 40px 0 20px;
	}
	#recruit .recruit-midcareer-area .application-area div h3 {
		font-size: 2.4rem;
	}
	#recruit .recruit-midcareer-area .application-area div .title .jp {
		background-position: center bottom;
	}
	
	
	#recruit .recruit-midcareer-area .application-area div .photo {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0 0 15px;
	}
	#recruit .recruit-midcareer-area .application-area div .photo img {
		width: 100%;
	}

	#recruit .recruit-midcareer-area .application-area div .list-dl {
		padding: 15px 0 25px;
		/*flex-wrap: wrap;*/
	}

	#recruit .recruit-midcareer-area .application-area div .list-dl dt {
		padding: 0;
		margin: 0 5px 5px 0;
		font-size: 1.4rem;
	}

	#recruit .recruit-midcareer-area .application-area div .list-dl dd {
		padding: 7px;
		margin: 0 5px 5px 0;
		font-size: 1.4rem;
		font-weight: bold;
	}

	#recruit .recruit-midcareer-area .application-area {
		padding: 30px 0 0;
		margin: 0 0 0;
	}
	
	#recruit .recruit-midcareer-area .contents-left {
		width: 100%;
	}
	
	#recruit .recruit-midcareer-area .contents-left section {
		padding: 0 ;
	}
	
	#recruit .recruit-midcareer-area .contents-left section h4 {
		position: relative;
		border-bottom: #fff solid 1px;
	}
	
	#recruit .recruit-midcareer-area .contents-left section p {
		padding: 0 0 10px;
	}

	#recruit .recruit-midcareer-area .contents-left section .img img {
		width: 100%;
	}

	#recruit .recruit-midcareer-area .contents-left section .name img {
		width: 100px;
	}

	#recruit .recruit-midcareer-area .contents-left section table {
		transition: 0.3s;
		/*
		display: none;
		*/
	}

	#recruit .recruit-midcareer-area .contents-left section table tr th {
		padding: 10px 0 0;
		display: block;
		width: 100%;
	}

	#recruit .recruit-midcareer-area .contents-left section table tr td {
		display: block;
		width: 100%;
		padding: 0 0 10px;
	}

	#recruit .recruit-midcareer-area .contents-right {
		display: none;
	}

	
	/* SP用ページ上部ナビ */
	#recruit .recruit-midcareer-area .job-nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#recruit .recruit-midcareer-area .job-nav li {
		/*
		width: calc((100% - 30px) / 4);
		*/
		width: 50%;
		border: #D8D8D8 solid 1px;
		text-align: center;
	}
	#recruit .recruit-midcareer-area .job-nav li:nth-child(1){
		border-right: none;
	}
	#recruit .recruit-midcareer-area .job-nav li:nth-child(3){
		border-right: none;
		border-top: none;
	}
	#recruit .recruit-midcareer-area .job-nav li:nth-child(4){
		border-top: none;
	}
	
	#recruit .recruit-midcareer-area .job-nav li a {
		display: block;
		font-weight: bold;
		padding: 12px;
		font-style: 1.4rem;
		background: #f5f5f5;
	}
	
	
}


/* -----------------------------------------------------------
    追記
-------------------------------------------------------------- */

#recruit .application-area h4 {
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.5;
	border-bottom: 3px #00B577 solid;
}

#recruit.works-impediment .application-area h4 {
	border-bottom: 3px #FF909E solid;
}

#recruit.works-elderly .application-area h4 {
	border-bottom: 3px #F3BD67 solid;
}

#recruit.works-child-welfare .application-area h4 {
	border-bottom: 3px #88D8C6 solid;
}

#recruit.works-childcare .application-area h4 {
	border-bottom: 3px #8AC8E7 solid;
}

#recruit .application-area section {
	padding: 0 0 70px;
	text-align: left;
}

#recruit .application-area section table {
	width: 100%;
	border-collapse: collapse;
}

#recruit .application-area section table tr {
	border-bottom: 1px solid #E6E6E6;
}

#recruit .application-area section table tr th {
	text-align: left;
	vertical-align: text-top;
	padding: 15px 0;
	line-height: 1.7;
	width: 130px;
}

#recruit .application-area section table tr td {
	line-height: 1.5;
	padding: 15px 0;
}

#recruit .application-area section table .dl-box dl dt {
	display: inline-block;
}

#recruit .application-area section table tr td dl dt {
	font-weight: bold;
	line-height: 1.5;
}

#recruit .application-area section table tr td dl dd {
	padding: 0 0 10px;
	line-height: 1.5;
}

#recruit .application-area section table tr td dl dd:last-child {
	padding: 0;
}

#recruit .application-area .table-area .nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 30px;
}

#recruit .application-area .table-area .nav li {
	width: 48%;
}

#recruit .application-area .table-area .nav li a {
	border: #D8D8D8 solid 1px;
	display: block;
	font-weight: bold;
	padding: 20px;
	background: #fff;
}

#recruit .application-area .table-area .nav li a:hover {
	border: #FF909E solid 1px;
	background: #FF909E;
	color: #fff;
}


@media screen and (max-width: 768px){
	
	#recruit .application-area {
		overflow: hidden;
		padding: 40px 0;
		min-width: inherit;
		max-width: inherit;
	}
	
	#recruit .works-area .application-area {
		padding: 40px 20px 0;
	}

	#recruit .application-area {
		width: 100%;
	}
	
	#recruit .works-area .application-area section {
		padding: 0;
	}
	
	#recruit .application-area section h4 {
		position: relative;
		border-bottom: #fff solid 1px;
		padding: 5px 30px 5px 5px;
	}
	
	#recruit .application-area section p {
		padding: 0 0 10px;
	}

	#recruit .application-area section .img img {
		width: 100%;
	}

	#recruit .application-area section .name img {
		width: 100px;
	}

	#recruit .application-area section table tr th {
		padding: 10px 0 0;
		display: block;
		width: 100%;
	}

	#recruit .application-area section table tr td {
		display: block;
		width: 100%;
		padding: 0 0 10px;
	}

	#recruit .application-area .contents-right {
		display: none;
	}

}