@charset "UTF-8";

/* main visual */
#recruit #mainvisual {
	background-image: url(../images/recruit/mv.jpg);
}

/* message */
#recruit-message .sec-eyecatch {
	margin-bottom: -.5rem;
}
#recruit-message .sec-detail {
	background-color: #9fbbbc;
	color: #fff;
}
#recruit-message .title-e {
	color: #fff;
}
#recruit-message .title-e:after {
	background-color: #fff;
}

/* 募集内容 */
#recruit-list dt {
	font-size: .875rem;
	font-weight: bold;
	margin-bottom: .25rem;
}
#recruit-list dd {
	font-size: .875rem;
	margin-bottom: 1.5rem;
}

/* 応募フォームへのリンク */
.entry-btn {
	background-color: #3f3f3f;
	color: #fff;
}

@media screen and (min-width: 980px) {
	/* message */
	#recruit-message .content-wrapper {
		/*align-items: center;*/
		display: flex;
		flex-wrap: nowrap;
		padding: 5% 0;
	}
	#recruit-message .sec-eyecatch {
		flex-basis: 55%;
	}
	#recruit-message .sec-detail {
		flex-basis: 45%;
		padding: 2.5%;
		/*margin-top: 3.5%;*/
	}
	#recruit-message .sec-detail p:last-child {
		margin-bottom: 0;
	}
	
	#recruit-list .content-wrapper {
		display: flex;
		justify-content: space-between;
	}
	#recruit-list .sec-title-area {
		flex-basis: 33%;
	}
	#recruit-list .sec-content-area {
		flex-basis: 66%;
		padding-top: .5rem;
	}
	#recruit-list dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#recruit-list dt {
		flex-basis: 30%;
		font-weight: normal;
	}
	#recruit-list dd {
		flex-basis: 70%;
		margin-bottom: 1rem;
	}
}
@media screen and (min-width: 1280px) {
	#recruit-message .content-wrapper {
		align-items: flex-end;
	}
	#recruit-message .sec-detail {
		margin-bottom: 7.5%;
	}
	#recruit-message .sec-detail p {
		font-size: 1rem;
	}
}