@charset "UTF-8";
/*==============
    paage recruit
================*/
@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
}


/* ------------------------------
    #recruit_top
------------------------------ */
#recruit_top{
}
.recruit_lead{
	margin: 0 auto 210px;
}
.recruit_lead .txt{

}
.recruit_lead .ttl{
	font-size: 2.4rem;
	line-height: 1.6;
	margin-bottom: 43px;
}
.recruit_lead p{
	font-size: 1.4rem;
}
.recruit_lead .img{

}
@media screen and (min-width: 769px) {
	body#recruit_top{
		padding-top: 136px;
	}
	.recruit_ttl1{
		margin-bottom: 70px;
	}
	.recruit_lead{
		max-width: 1000px;
	}
	.recruit_lead .txt{
		width: 48%;

	}
	.recruit_lead .img{
		width: 46.7%;
	}
}
@media screen and (max-width: 768px) {
	.recruit_lead{
		margin: 0 auto 20vw;
	}
	.recruit_lead .txt{

	}
	.recruit_lead .ttl{
		font-size: 5.4vw;
		margin-bottom: 1em;
	}
	.recruit_lead p{
		font-size: 3.2vw;
	}
	.recruit_lead .img{
		margin-top: 8vw;
	}
}





/* ------------------------------
    #recruit_top
------------------------------ */
.recruitlist_ttl{
	line-height: 1;
	font-size: 2.4rem;
	margin: 0 auto 58px;
}

.recruitlist{
	margin: 0 auto 86px;
	flex-wrap: wrap;
}
.recruitlist .img{
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}
.recruitlist img {
    transition: .3s;
}
.recruitlist a:hover img {
    transform: scale(1.1);
}
.recruitlist .ttlbox{

}
.recruitlist .marker{
	font-size: 1.7rem;
	color: #fff;
	background: linear-gradient(#000 100%, #000 0%);
  	display: inline;
  	/*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
 	 padding: 0.2em 0.3em 0;
 	 font-feature-settings:normal;
}
	.safari .recruitlist .marker{
		 padding: 0.1em 0.3em;
	}
.recruitlist .txt{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 1.3rem;
	line-height: 1.6;
	overflow: hidden;
	height: 4.5em;
}
.recruitlist .txt .date{
	direction: block;
	line-height: 1;
	font-size: 1.1rem;
}

@media screen and (min-width: 769px) {
	.recruitlist_ttl{
		max-width: 1000px;
	}
	.recruitlist{
		max-width: 1020px;
	}
	.recruitlist li{
		width: 32%;
		max-width: 266px;
	}
	.recruitlist li:nth-child(n+4){
		margin-top: 90px;
	}
	.recruitlist:before{
    	content:"";
    	display:block;
    	width: 32%;
    	height:0;
    	order:1;
	}
}

@media screen and (max-width: 768px) {
	.recruitlist_ttl{
		line-height: 1;
		font-size: 4.5vw;
		margin: 0 auto 3vw;
	}

	.recruitlist{
		margin: 0 auto 18vw;
		flex-wrap: wrap;
		padding-top: 4vw;
		width: 82.3vw;
	}
	.recruitlist li{
		width: 38vw;
	}
	.recruitlist li:nth-child(n+3){
		margin-top: 14vw;
	}
	.recruitlist .img{
	    border-radius: 12px;
	    margin-bottom: 3.5vw;
	}
	.recruitlist .ttlbox{

	}
	.recruitlist .marker{
		font-size: 4vw;
		 padding: 0.1em 0.3em;
	}
	.recruitlist .txt{
		margin-top: 2vw;
		margin-bottom: 3.2vw;
		font-size: 3.2vw;
		line-height: 1.4;
		height: 4em;
	}
	.recruitlist .txt .date{
		font-size: 2.4vw;
	}
}



/* ------------------------------
    recruit detail
------------------------------ */
#recruit_detail{
}
#recruit_detail .newswrap .inner{
	background: transparent;
}
.recruit_btn{
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 1.7rem;
	border: 1px solid #000;
	width: 284px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin-top: 40px;
}
#recruit_detail .post_wrap p+p{
	margin-top: 2em;
}
#recruit_detail .side_list p{
	font-family: 'A1ゴシック B', sans-serif;
}
@media screen and (min-width: 769px) {
	.recruit_btn:hover{
		background: #fff;
		color: #000;
	}
	#recruit_detail .post_main img{
		margin-bottom: 62px;
	}
	#recruit_detail .post_main p{
		line-height: 2.3;
	}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
}
@media screen and (max-width: 768px) {
	#recruit_detail .newswrap{
	background: transparent;
	}
	.recruit_btn{
		font-size: 3.7vw;
		width: 100%;
		height: 13vw;
		line-height: 13vw;
		margin-top: 10vw;
	}
}