@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/
#contents{
	padding-top:0;
}
#contents .recruitMv ul{
	overflow:hidden;
}
#contents .recruitMv ul li{
	float:left;
	width:16.6%;
	position:relative;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition:0.3s;
	-webkit-transition:0.3s;
}
#contents .recruitMv ul li.li01{
	width:33.333%;
	background:url(../images/bg_world.png) center center no-repeat #465866;
}
#contents .recruitMv ul li.li01 .inner div div{
	padding:30px;
	color:#FFF;
}
#contents .recruitMv ul li.li01 .title{
	text-align:center;
	margin-bottom:10%;
}
#contents .recruitMv ul li.li01 img{
	max-width:466px;
	width:90%;
}

#contents .recruitMv ul li::before {
    content: "";
    display: block;
    padding-top: 100%;
}
#contents .recruitMv ul li .inner{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#contents .recruitMv ul li .table{
	display:table;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
#contents .recruitMv ul li .tablecell{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}

#contents .recruitMv ul li.photoBox img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#contents .recruitMv ul li.commentBox .tablecell{
	padding:20px;
}
#contents .recruitMv ul li.commentBox .tx02{
	margin-bottom:3%;
	line-height:1.6em;
	font-size:1.08em;
}
#contents .recruitMv ul li.commentBox .name{
	text-align:right;
	font-weight:bold;
}
#contents .recruitMv ul li.li02{ background:#46d7c6;}
#contents .recruitMv ul li.li04{ background:#f7bc00;}
#contents .recruitMv ul li.li07{ background:#f48375; color:#FFF;}
#contents .recruitMv ul li.li09{ background:#e1e9f0;}


@media screen and (max-width:1200px) {
#contents .recruitMv ul li{
	width:25%;
}
#contents .recruitMv ul li.li01{
	width:50%;
}
}
@media screen and (min-width:1200px) and (max-width:1680px){
#contents .recruitMv ul li.commentBox .tx02,
#contents .recruitMv ul li.commentBox .name{	font-size:0.93em;}
}
@media screen and (min-width:768px) and (max-width:960px){
#contents .recruitMv ul li.commentBox .tx02,
#contents .recruitMv ul li.commentBox .name{	font-size:0.93em;}
}
@media screen and (max-width:768px) {
#contents .recruitMv ul li.commentBox .tx02,
#contents .recruitMv ul li.commentBox .name{	font-size:0.85em; line-height:1.3em;}
}
@media screen and (max-width:640px) {
#contents .recruitMv ul li{
	width:50%;
}
#contents .recruitMv ul li.li01{
	width:100%;
}
#contents .recruitMv ul li.li01::before {
    content: "";
    display:inline;
    padding-top:0;
}
#contents .recruitMv ul li.li01 .inner,
#contents .recruitMv ul li.li01 .inner .table,
#contents .recruitMv ul li.li01 .inner .tablecell{
	position:static;
	display:block;
	width:100%;
	height:auto;
}
#contents .recruitMv ul li.li01 .inner .tablecell{
	padding:10%;
}
#contents .recruitMv ul li.li04,
#contents .recruitMv ul li.li09,
#contents .recruitMv ul li.li06{
	float:right;
}
}