* {
}


ol,ul {
	list-style:none;
}

*:first-child+html * {
	letter-spacing:0;
}

/*======================================
基本
======================================*/

html {
	overflow-y:scroll;
	height:100%;
	word-break:break-all;
}

.center {
	text-align:center;
}

/*----clearfix----*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
	clear:both;
}


/*======================================
基本
======================================*/
.recruit {
	width:950px;
	margin:0 auto;
}

.sp-on {
	display:none;
}
.shinsotsu a img :hover{
	background:url(https://www.loft.co.jp/lp/recruitment/images/recruit/btn02_20260105_on.jpg);
}
/* .midcareer a img :hover{
	background:url(https://www.loft.co.jp/lp/recruitment/images/recruit/btn_mid_20221213_on.jpg);
} */
.entennshoku_btn{
	text-align: center;
	margin-top: 12px;
}
.entennshoku_btn a img :hover{
	background:url(https://www.loft.co.jp/lp/recruitment/images/recruit/entennshoku_on.png)
}
@media only screen and (max-width: 768px) {
	.sp-on {
		display:block;
	}
	.pc-on {
		display:none;
	}

	.entennshoku_btn{
		
		margin-top: 0px;
		padding-top: 7px;
	}
  .recruit {
    width: 100%;
		margin: 0 auto 105px;
  }
  .recruit h2.h2_style01{
    position:static;
    line-height: 32px;
    margin:0px 0 18px;
    padding:0px;
font-size: 23px;
font-size: 2.3rem;
  }
}

.mainVisualArea{
  position:relative;
}

.recruit h2{
  font-size: 33px;
  font-size: 3.3rem;
  font-size: 2.5rem;
	color: #777777;
	border: none;
	line-height: 32px;
	text-indent: 0;
	font-weight: lighter;
	position:absolute;

}

.recruit .mainVisualSp{
	display:none;
}

@media only screen and (max-width: 768px) {
.recruit .mainVisual{
	display:none;
}
}

@media only screen and (max-width: 768px) {
.recruit .mainVisualSp{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
}
}

@media only screen and (max-width: 768px) {
.recruit .mainVisualSp img{
	max-width:100%;
}
}


.recruit ul.workList {
	/*width:950px;
	margin:0;*/
  width: 950px;
  margin: 0 auto;
	padding:0;
}

@media only screen and (max-width: 768px) {
	.recruit ul.workList {
		width:100%;
		margin:0;
		padding:0;
		clear:both;
	}
}

.recruit ul.workList li{
	width:300px;
	margin:0 0 0 25px;
	float:left;
}

@media only screen and (max-width: 768px) {
.recruit ul.workList li img{
	max-width:100%;
	height:100px;
	}
}

@media only screen and (max-width: 768px) {
	.recruit ul.workList li{
		width:100%;
		margin:0 auto 20px;
		padding:0;
		float:none;
		text-align: center;
	}
}

.recruit ul.workList li:first-child{
	margin-left:0;
}

.recruit ul.workList li.parttime{
	color:#336699;
}

.midcareer{
	color:#5dd115;
}

.recruit ul.workList li.shinsotsu{
	color:#FF9900;
}

.recruit ul.workList li.internship{
	color:#FF9900;
}

.recruit ul.workList li dl dd{
	margin:12px 0 0 0;
	line-height:1.6em;
}

@media only screen and (max-width: 768px) {
	.recruit ul.workList li dl dd{
		/* display:none;*/
		text-align: left;
	} 
}

.recruit ul.entryBtn{
	margin:0 0 30px;
	padding:0;
}


.recruit ul.entryBtn li{
	clear:both;
	width:300px;
	height:30px;
	margin:10px 0 0 0;
	text-align:center;
}

@media only screen and (max-width: 768px) {
	.recruit ul.entryBtn{
		position:relative;
/*		bottom:13px;*/
		margin:0;
	}
	.recruit ul.entryBtn li{
		clear:both;
		width:100%;
		height:auto;
		margin:10px 0 0 0;
		text-align:center;
	}

}

@media only screen and (max-width: 768px) {
	.recruit ul.entryBtn li{
		text-align:center;
		/* background:url(https://www.loft.co.jp/lp/recruitment/images/recruit/img_border.gif) no-repeat center bottom; */
		margin:0;
		line-height:0;
		padding:10px 0 0 0;
		background-size: 90%;
	}
	.recruit ul.entryBtn li img{
		clear:both;
		/*width:80%;
		height:80%;
		position:relative;
		top:22px;*/
	}



	/*
	.recruit ul.entryBtn li span{
		clear:both;
		display: block;
		margin: 0 auto;
		width:80%;
		height:auto;
		padding:0;
	}*/
	.recruit ul.entryBtn li span a{
		clear:both;
		display: block;
		margin: 0 auto;
		width:64%;
		height:auto;
		padding:0;
	}




}


.recruit p.memo {
	border-top:solid 1px #333333;
	padding:5px 0;
	/*margin:10px 0;*/
  width: 625px;
  margin:10px auto;
	font-size:12px;
}

#container .recruitVisual{
	width: 950px;
	height: 600px;
}

#container .recruitVisual img {
	margin:0;
	padding:0;
	height:70%;
}

.link {
		text-align:left;
		color:#FF9900;
		font-size:12px;
}

.link a {
		color:#FF9900;
		font-size:12px;
}

a:hover {
		text-decoration:underline;
		color:#CC0000;
}


@media only screen and (max-width: 768px) {
  .recruit p.memo {
    width:100%;
  }
}

.career_btn {
	margin-top: 32px;
}

@media only screen and (max-width: 768px) {
	.career_btn {
		margin: 32px auto 0;
		width: 70%;
	}
  }