@charset 'UTF-8';


@media screen and (min-width:641px) {

	.recruit-hero {
		margin: 0 auto 20px;
	}
	
	.recruit-menu ul {
		margin: 0 auto 20px;
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		list-style-type: none;
	}
	
	.recruit-h3 {
		margin: 0 auto 20px;
	}
	
	.recruit-h3 h3 {
		font-size: 100%;
		background-color: #2c63b6;
		text-align: left;
		padding: 5px 10px;
		color: #ffffff;
		font-weight: normal;
		margin: 20px 0 10px;
	}
	
	.recruit-notice {
		margin: 0 auto 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.recruit-list {
		overflow-y: auto;
		border: 1px solid #333333;
		margin: 0;
		padding: 10px;
		width: 500px;
		height: 280px;
		list-style-type: none;
	}

	.recruit-list li {
		margin: 0;
		padding: 0.2em 0 0.2em 0.8em;
		line-height: 120%;
		background: url(../../../images/arrow1.gif) no-repeat 0 0.5em;
		text-align: left;
	}
}

@media screen and (min-width: 0px) and (max-width: 640px) {

	.recruit-hero {
		margin: 0 auto 20px;
	}

	.recruit-menu ul {
		margin: 0 auto 20px;
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		list-style-type: none;
	}

	.recruit-h3 {
		margin: 0 auto 20px;
	}
	
	.recruit-h3 h3 {
		font-size: 2.1rem;
		background-color: #2c63b6;
		text-align: left;
		padding: 10px;
		color: #ffffff;
		font-weight: normal;
		margin: 20px 0 10px;
	}

	.recruit-notice {
		margin: 0 auto 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.recruit-list {
		overflow-y: auto;
		border: 1px solid #333333;
		margin: 0;
		padding: 10px;
		width: 450px;
		height: 280px;
		list-style-type: none;
	}

	.recruit-list li {
		margin: 0;
		padding: 0.2em 0 0.2em 0.8em;
		font-size: 1.5rem;
		line-height: 120%;
		background: url(../../../images/arrow1.gif) no-repeat 0 0.5em;
		text-align: left;
	}
}