@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500&display=swap&subset=japanese');

/* ==================================================================

recruit.css

===================================================================== */



.img_copy{
	margin:0 10px;
	padding:0;
	text-align:center;
	display:block;
}

.img_copy img{
	margin:0;
	width:100%;
}

.img_photo{
	margin:0;
	padding:0;
	text-align:center;
	display:block;
}

.img_photo img{
	margin:0;
	width:100%;
}

.recruit_box{
	margin:0 10px;
	padding:0;
}

.recruit_box p{
	margin:0;
	padding:0;
	line-height:1.6em;
}

.recruit_box .add_box{
	margin:10px 0;
	padding:10px;
	background-color:#eee;
}

.recruit_box .add_box p{
	margin:0;
	padding:0;
	font-size:1.3rem;
	color:#444;
	line-height:1.6em;
}

.recruit_box .add_box p strong{
	margin:0;
	padding:0;
	color:#e60;
	font-weight:bold;
}

.recruit_box .add_box p a:link,
.recruit_box .add_box p a:visited{
	color:#444;
	text-decoration:none;
}

.recruit_box .add_box p strong a:link,
.recruit_box .add_box p strong a:visited{
	color:#e60;
	text-decoration:none;
}

.link_box{
	margin:0 0 40px;
	padding:0 10px;
	width:100%;
	box-sizing:border-box;
}

/*三列*/

ul.ul_three{
	margin:0;
	padding:0;
}

ul.ul_three li{
	margin:0 3px 0 0;
	padding:0;
	width:32.5%;
	height:70px;
	background-image:url(../common/bg_recruit.png);
	background-repeat:repeat-x;
	background-size:1px 70px;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px !important;
	-moz-border-radius:3px 3px 3px 3px / 3px 3px 3px 3p !importantx;
	border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px !important;
	float:left;
	box-sizing:border-box;
	display:table;
}

ul.ul_three li:nth-child(3n){
	margin:0;
}

ul.ul_three li a{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#fff;
	line-height:1.2em;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	background-image:url(../common/icon_pc3.png) !important;
	background-position:100% 100% !important;
	background-repeat:no-repeat;
	background-size:16px 16px !important;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}

ul.ul_three li:last-child a{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#fff;
	line-height:1.2em;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	background-image:url(../common/arrow_white3.png) !important;
	background-position:100% 100% !important;
	background-repeat:no-repeat;
	background-size:10px 10px !important;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
}




.recruitList{
    width: 92%;
    margin:0 auto 30px;
}

.recruitList__title{
    width: 100%;
    background: #FE974E;
    text-align: center;
    padding: 10px 8px 3px 0;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    box-sizing: border-box;
}

.recruitList__title img{
    width: 21px;
    height: 21px;
    margin-right: 10px;
    margin-bottom: 7px;
}


.recruitList__title__text{
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 1.25;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}



.recruitList__contents{
    width: 100%;
    
}

.recruitList__contents ul li + li{
    margin-top: 2px;
}

.recruitList__contents .day{
    color: #FF6406;
    font-size: 13px;
    line-height: 1.4;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding-right: 25px;
    margin-bottom: 4px;
}
.recruitList__contents .day::before{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 8px;
    display: block;
    content: "";
    background: #FF731E;
}

.recruitList__contents .text{
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    color: #223344;
    
}

.recruitList__contents .new{
    background: #D90000;
    display: block;
    color: #FFF;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding: 3px 8px 1px 8px;
    box-sizing: border-box;
    border-radius: 50px;
    position: absolute;
    right: -45px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
}


_:-ms-lang(x)::-ms-backdrop, .recruitList__contents .new {
    padding: 4px 8px 2px 8px;
}
_::content, _:future, .recruitList__contents .new:not(*:root) {
    padding: 4px 8px 2px 8px;
}


.recruitList__contents ul li a{
    /*background: #FFF7E6;*/
    background: #f7f7f7;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    padding: 17px 26px 16px 17px;
    box-sizing: border-box;
    transition: .3s;
    position: relative;
    z-index: 0;
    text-decoration: none !important;
}

.recruitList__contents ul li a::before{
    position: absolute;
    width: 20px;
    height: 20px;
    background: #FE974E;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    z-index: 1;
}


.recruitList__contents ul li a::after{
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    z-index: 2;
}


.recruitList__contents__link{
    width: 100%;
    margin: auto;
    margin-top: 2px;
    padding: 14px 10px 15px 0;
    font-size: 13px;
    line-height: 1;
    box-sizing: border-box;
    color: #FF6406 !important;
    background: #f7f7f7;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    transition: .3s;
    position: relative;
    text-decoration: none !important;
    text-align: center;
}

.recruitList__contents__link span{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    
}

.recruitList__contents__link span::before{
    position: absolute;
    width: 18px;
    height: 15px;
    background:url("../jobs/img/icon_detail.jpg") 0 0 no-repeat;
    background-size: 100% auto;
    left: 0px;
    top: 0;
    bottom: -2px;
    margin: auto;
    display: block;
    content: "";
}