@charset "UTF-8";
/*――――――――――――――――――
mv
―――――――――――――――――――*/
#recruit #under_mv {
	background-image: url(../img/common/under_mv.jpg);
}

/*――――――――――――――――――
section
―――――――――――――――――――*/
#recruit #section01 {
	padding-bottom: 100px;
}
.btm_ttl_recruit{
	color: var(--mc);
	margin-bottom: 40px;
}
.btm_ttl_recruit span{
	font-size: 23px;
	color: var(--black);
	margin-bottom: 25px;
	display: block;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
#recruit #section01 {
	padding-bottom: 50px;
}
.btm_ttl_recruit{
	font-size: 22px;
	margin-bottom: 35px;
}
.btm_ttl_recruit span{
	font-size: 16px;
	margin-bottom: 15px;
}
}

/*――――――――――――――――――
flex
―――――――――――――――――――*/
#section01 .flex{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
	gap: 4%;
}
#section01 .flex > div {
	width: 48%;
	border: 1px solid #CCCCCC;
	margin-bottom: 4%;
	padding: 25px;
}
#section01 .flex .btm_sttl {
	font-size: 22px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
#section01 .flex .btm_sttl a{
	color: var(--mc);
}
#section01 .flex  p {
	padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
	#section01 .flex > div {
		width: 100%;
	}
	#section01 .flex .btm_sttl {
		font-size: 18px;
		text-align: left;
	}
}

/*――――――――――――――――――
table
―――――――――――――――――――*/
table.recruit{
	width: 100%;
	margin: 60px auto;
}
table.recruit th,
table.recruit td {
	padding: 40px 25px;
	vertical-align: top;
	border: 1px solid #8CA5B4;
	font-size: 16px;
}
table.recruit td .btm_cttl{
	margin-bottom: 10px;
	font-size: 20px;
}
table.recruit td ul{
	margin-bottom: 40px;
}
table.recruit td ul:nth-last-child(1){
	margin-bottom: 0px;
}
table.recruit td ul li{
    background: url(../img/common/icon_list_recruit.svg) no-repeat left 12px;
    padding-left: 25px;
    background-size: 12px;
}
table.recruit th {
	min-width: 300px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	background-color: #8CA5B4;
	border-bottom: 1px solid #fff;
}
table.recruit td p{
	margin-bottom: 25px;
}
table.recruit td p:last-child{
	margin-bottom: 0px;
}
table.recruit td .cap{
	position: relative;
	text-indent: -20px;
    padding-left: 20px;
}
table.recruit td .cap:before{
	content: "※";	
}

@media screen and (max-width: 767px) {
	table.recruit,
	table.recruit tr,
	table.recruit td,
	table.recruit th {display:block;}
	table.recruit th {width:auto;
		text-align-last: auto;
	}
table.recruit th,
table.recruit td {
	padding: 20px;
}
table.recruit td p{
	margin-bottom: 20px;
}
table.recruit td ul{
	margin-bottom: 20px;
}
table.recruit td ul li{
	background-position: left 9px;
}
}