@charset "utf-8";
/*資格-------------*/
.recruit .licence{
	display: flex;
	flex-wrap: wrap;
	border-radius: 25px;
	align-items: center;
}
.recruit .licence li{
	width: 48%;
	list-style-type: none;
}
.recruit .licence li::nth-child(2n){
	margin-right: 0;
}
@media only screen and (max-width:999px) {
	.recruit .licence li{
		width: 100%;
	}
}
/*待遇--------------*/
.recruit .treatment{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}
.recruit .treatment li{
	width: calc((100% - 40px) /3);
	margin: 0;
    margin-right: 20px;
    margin-bottom: 15px;
    padding: 10px 15px;
    border: solid 1px #02a1c6;
	list-style-type: none;
}
.recruit .treatment li:nth-child(3n){
	margin-right: 0;
}
.recruitPage{
	width: 300px;
	margin: 0 auto;
	margin-bottom: 25px;
}
@media only screen and (max-width:999px) {
	.recruit .treatment li{
		width: calc((100% - 30px) /2);
		margin-right: 15px;
	}
	.recruit .treatment li:nth-child(2n){
		margin-right: 0;
	}
	.recruit .treatment li:nth-child(3n){
		margin-right: 15px;
	}
}

.page .memberLink{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.page .memberLink li{
	list-style-type: none;
	margin: 0;
	margin-right: 25px;
	width: calc((100% - 75px)/4);
}
.page .memberLink li:last-child{
	margin-right: 0;
}
.page .memberLink a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	text-decoration: none;
	background-color: #096999;
	color: #fff;
}
.page .memberMessage{
	background-color: #02a1c621;
	padding: 20px;
	margin-bottom: 30px;
}
.page .memberMessage h5{
	border-bottom-color: #02a1c6;
}

@media only screen and (max-width:999px) {
.page .memberLink li{
	margin-right: 20px;
	width: calc((100% - 20px)/2);
	margin-bottom: 15px;
	}
.page .memberLink li:nth-child(2n){
	margin-right: 0;
}
}

.page .memberLink .join{
	background-color: #00bd91;
}

/* 福利厚生 */
.welffare .contentsGroup{
	display: flex;
	flex-wrap: wrap;
}
.welffare .contentsGroup .contents{
	width: 50%;
	text-align: center;
}

.welffare .contents img, h3{
	margin-bottom: 15px;
}
.welffare .contents h3{
	font-size: 24px;
	font-weight: bold;
	color: #02a1c6;
}
@media only screen and (max-width:999px) {
    .welffare .contentsGroup{
		flex-direction: column;
		min-width: initial;
		padding: 0 15px;
	}
	.welffare .contentsGroup .contents{
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 30px!important;
		border: none;
		border-bottom: dashed 1px #ddd;
	}
	.welffare .contentsGroup .contents:nth-child(odd){
		border-left: none;
	}
	.welffare .contentsGroup .contents:last-child{
		margin-bottom: 0!important;
		border-bottom: none;
	}
}