@charset "utf-8";
/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
.clearfix {
	zoom: 1; /* IE5.5～E7 */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}


/* ----------------------------------------------------
	body html common.cssの「min-width:980px」を上書き
    ★これがあるとcontents内のmax-widthがきかない
---------------------------------------------------- */
body,html {
    min-width: 0; /* autoだとSafariで動作しなかったため0に変更 */
}


/* ----------------------------------------------------
	採用キャンペーン　リスト
---------------------------------------------------- */
#contents {
	position: relative;
	z-index: 10;
}
#bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 0;
	background-image: url(../../../assets/images/common/bg.png);
	background-size: cover;
}
@media screen and (max-width: 640px) {
	#bg {
		background-image: url(../../../assets/images/common/bg_sp2.png);
	}
}

/* .rec-camp-wrap */
.rec-camp-wrap {
    /* width: 980px;    /* ★元の値 */
	max-width: 980px;
	margin: 0px auto 100px; /*0426*/
    padding: 0 15px 0 15px;
}

/* .rec-camp-header */
.rec-camp-header {
	margin: 0 0 50px;
}

/* .rec-camp-head */
.rec-camp-head {
	height: 1.5em;
	font-size: 1.4em;
	font-weight: normal;
}
@media screen and (max-width: 640px) {
	/* .rec-camp-wrap */
	.rec-camp-wrap {
		width: 290px;
		margin: 50px auto 50px;
        padding: 0;
	}
	
	/* .rec-camp-header */
	.rec-camp-header {
		margin: 0 0 15px;
		font-size: 1.2em;
		text-align: center;
	}
	.rec-camp-header hr {
		display: none;
	}

	/* .rec-camp-head */
	.rec-camp-head {
		font-size: 1.5em;
	}
}

/* .rec-camp-list */
.rec-camp-list {
}

/* .rec-camp-item */
.rec-camp-item {
	float: left;
	position: relative;
    box-sizing: border-box;
/*	width: 458px; /* 元の値 */
	width: 46.7%;
	padding: 0 0 30px;
/*	margin: 0 60px 60px 0; /* 元の値 */
	margin: 0 6.6% 60px 0;
	border: 1px solid #7D91A3;
}
.rec-camp-item:nth-of-type(2n) {
	margin: 0 0 30px 0;
}
.rec-camp-item:nth-of-type(2n+1) {
	clear: left;
}
@media screen and (max-width: 640px) {
	/* .rec-camp-item */
	.rec-camp-item {
		float: none;
		position: relative;
		width: auto;
		padding: 0 0 25px;
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	.rec-camp-item img {
		width: 100%;
		height: auto;
	}
	.rec-camp-item-inner {
		position: absolute;
	}
	
	.rec-camp-item:nth-of-type(2n) {
		margin: 0 0 30px 0;
	}
}


/* .rec-camp-tmb */
.rec-camp-tmb {
	position: relative;
	line-height: 1;
	background: #FFF;
}
.rec-camp-tmb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 76px;
	height: 76px;
	z-index: 10;
}
.rec-camp-item.now .rec-camp-tmb:before {
	background: url(../images/icn_now.png) no-repeat left top;
}
.rec-camp-item.finish .rec-camp-tmb:before {
	background: url(../images/icn_finish.png) no-repeat left top;
}
.rec-camp-tmb img {
	display: block;
    width: 100%;
    height: auto;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	backface-visibility: hidden;
}
@media screen and (max-width: 640px) {
	.rec-camp-tmb:before {
		width: 38px;
		height: 38px;
	}
	.rec-camp-item.now .rec-camp-tmb:before {
		background: url(../images/icn_now.png) no-repeat left top;
		-webkit-background-size: 38px 38px;
		background-size: 38px 38px;
	}
	.rec-camp-item.finish .rec-camp-tmb:before {
		background: url(../images/icn_finish.png) no-repeat left top;
		-webkit-background-size: 38px 38px;
		background-size: 38px 38px;
	}
}
@media screen and (min-width: 641px) {
	.rec-camp-tmb:hover img {
		opacity: 0.7;
		filter: alpha( opacity=70 ); /* IE 6,7 */
		-ms-filter: "alpha( opacity=70 )"; /* IE8 */
	}
}

/* .rec-camp-tit */
.rec-camp-tit {
	margin: 20px 25px 15px;
	font-size: 16px;
	line-height: 1.6;
}

/* .rec-camp-cap */
.rec-camp-cap {
	margin: 15px 25px 20px;
	font-size: 14px;
	line-height: 1.6;
}

/* .rec-camp-btnset */
.rec-camp-btnset {
	margin: 20px 25px 0;
	font-size: 14px;
	line-height: 1.6;
}


/*
.rec-camp-btn {
	float: left;
	width: 48%;
	margin: 0 4% 0 0;
}
*/




.rec-camp-btn:nth-of-type(2) {
	margin: 0 0 0;
}
.rec-camp-btn a {
	position: relative;
	display: block;
	/*padding: 10px 0 10px 20px;*/
	padding: 10px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.term {
	font-size: 11px;
	margin: 15px 25px 0;
}



.rec-camp-btn svg {
          width: 11px;
          height: 14px;
          margin: 4px 10px 0 0 ;
          float: right;
}

/*
.rec-camp-btn a:hover path {
          stroke: #d9ff57;
}
*/



@media screen and (max-width: 640px) {
	/* .rec-camp-tit */
	.rec-camp-tit {
		margin: 15px 20px 10px;
		font-size: 0.8em;
	}
	
	/* .rec-camp-cap */
	.rec-camp-cap {
		margin: 10px 20px;
		font-size: 0.7em;
	}
	
	/* .rec-camp-btnset */
	.rec-camp-btnset {
		margin: 20px 20px 0;
		font-size: 0.7em;
	}
	.rec-camp-btn {
		float: none;
		width: auto;
		margin: 0 0 0 0;
	}
	.rec-camp-btn:nth-of-type(2) {
		margin: 15px 0 0;
	}
	.rec-camp-btn a {
		position: relative;
		display: block;
		padding: 10px 0;
		border: 2px solid #FFF;
	}
	.term {
		font-size: 0.6em;
		margin: 15px 20px 0;
	}
}
@media screen and (min-width: 641px) {
	.rec-camp-btn a:hover {
		color: #D9FF57;
	}
	.rec-camp-btn a,
	.rec-camp-btn a span {
		-webkit-transition: all 0.1s;
		transition: all 0.1s;
	}
	.rec-camp-btn a:before,
	.rec-camp-btn a:after,
	.rec-camp-btn a span:before,
	.rec-camp-btn a span:after {
		content: '';
		display: block;
		position: absolute;
		background: #FFF;
	}
	.rec-camp-btn a:before {
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		transition-delay: 0s;
	}
	.rec-camp-btn a:after {
		right: 0;
		top: 0;
		width: 2px;
		height: 100%;
		transition-delay: 0.1s;
	}
	.rec-camp-btn a span:before {
		bottom: 0;
		right: 0;
		width: 100%;
		height: 2px;
		transition-delay: 0.2s;
	}
	.rec-camp-btn a span:after {
		left: 0;
		bottom: 0;
		width: 2px;
		height: 100%;
		transition-delay: 0.3s;
	}
	.rec-camp-btn a:hover:before {
		background: #D9FF57;
		transition-delay: 0s;
	}
	.rec-camp-btn a:hover:after {
		background: #D9FF57;
		transition-delay: 0.1s;
	}
	.rec-camp-btn a:hover span:before {
		background: #D9FF57;
		transition-delay: 0.2s;
	}
	.rec-camp-btn a:hover span:after {
		background: #D9FF57;
		transition-delay: 0.3s;
	}
}

.pankuzu {
	padding-top: 75px;
}