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


/*----------------共通設定----------------*/

/* スマホ用(縦) CSS */
/*----------------採用情報----------------*/
.recruit-top{
	padding: .4rem 0;
	display: flex;
	flex-wrap: wrap;
}
.recruit-top-text{
	text-align: center;
	order: 2
}
.recruit-top-text h1{
	font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight : bold;
  font-size : 28px;
  letter-spacing : 1.68px;
  color : #F97017;
	margin-top: 20px;
}
.recruit-top-text p{
	margin-top:10px;
	padding: 0 20px;
	text-align: left;
	letter-spacing: 1.8;
}
.recruit-top-img{
	order: 1
}



/*ーーーーー共通デザインーーーーー*/
.recruit-article{
	background-color: #ffffff;
	padding: .4rem .2rem 0 .2rem;
}
.recruit-wrap{
	margin-bottom: .4rem
}
.recruit-wrap h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size : 28px;
  letter-spacing : 1.68px;
	text-align: center;
	color: var(--orange);
	margin-bottom: 10px;
	font-weight: 500;
}


/*ーーーーーポイントーーーーー*/
.recruit-wrap-div1{
	border: solid 5px #f97017;
	padding: 20px 0 10px 45px;
}
.recruit-wrap-div1 p>i{
	color: var(--orange);
	position: absolute;
	top: 4px;
	left: -27px;
	 font-size : 21px;
}
.recruit-wrap-div1 p{
	font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size : 17px;
  line-height : 27px;
  letter-spacing : 1.02px;
  color : #000000;
	position: relative;
	margin-bottom: 10px;
}

/*ーーーーー仕事内容ーーーーー*/
.recruit-wrap-div2{
	
}
.recruit-wrap-div2 h4{
	font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size : 20px;
  letter-spacing : 1.2px;
	background: linear-gradient(transparent 50%, yellow 50%);
	display: inline-block;
	font-weight: 500;
}
.recruit-wrap-div2 p{
	margin-top: 10px;
	margin-bottom: 20px;
}


/*ーーーーー対象ーーーーー*/
.recruit-wrap-div3{
	
}
.recruit-wrap-div3 h4{
	font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size : 17px;
  line-height : 37.5px;
  letter-spacing : 1.08px;
	display: inline-block;
}
.recruit-wrap-div3 h4>span{
	border-bottom: solid 2px var(--pink);
	padding-bottom: 3px;
}
.recruit-wrap-div3 h5{
  font-weight : bold;
  font-size : 16px;
  letter-spacing : 0.96px;
	margin-top: 15px;
}
.recruit-wrap-div3 p{
	margin-top: 10px
}



/*ーーーーー表共通ーーーーー*/
.recruit-wrap-div4{
	border: solid 1px #704835;
	border-top: solid 1px transparent;/*線の重なりを消す*/
	background-color: var(--brown1);
}
.recruit-wrap-div4 dl{
}
.recruit-wrap-div4 dt{
  font-weight : bold;
  font-size : 15px;
  letter-spacing : 0.9px;
	color: var(--brown3);
	padding: 5px 20px;
	border-top: solid 1px #704835;	
}

.recruit-wrap-div4 dd{
  font-size : 14px;
  letter-spacing : 0.84px;
	padding: 10px 20px;
	border-top: solid 1px #704835;
	background-color: #ffffff;
}



.point-div{
	text-align: center;
	margin-bottom: 10px;
}
.point-div p{
	background-color: var(--orange);
  font-weight : 600;
  font-size : 13px;
  letter-spacing : 0.84px;
  color : #FFFFFF;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 5px 10px;
}



.recruit-wrap-div4 dd div{
	margin: 20px 0;
}
.recruit-wrap-div4 dd div button{
	background-color: var(--pink);
}



/*ーーーーー会社の魅力ーーーーー*/
.recruit-wrap-div5{
	padding-bottom: .2rem;
}
.recruit-wrap-div5>h3{
  font-size : 21px;
  line-height : 33px;
  letter-spacing : 1.26px;
	color: var(--pink);
	font-weight: 600;
	margin-top: 15px
}
.recruit-wrap-div5>img{
	
}
.recruit-wrap-div5 h4{
  font-size : 16px;
  letter-spacing : 1.2px;
	font-weight: 500;
	
}
.recruit-wrap-div5 h4>span{
	background: linear-gradient(transparent 50%, yellow 50%);
}
.recruit-wrap-div5 p{
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 26px;
}











/* スマホ用(横)  CSS */
@media (min-width: 480px) {/* 画面サイズが480px以下の時、{　}内のCSSを追加するメディアクエリ */  
}



/* タブレット用  CSS */
@media (min-width: 768px) {/* 画面サイズが768px以下の時、{　}内のCSSを追加するメディアクエリ */

/*----------------共通設定----------------*/



/*----------------採用情報----------------*/
.recruit-top{
	padding: .8rem 0;
}
.recruit-top-text{
	text-align: left;
	order: 1;
	width: 4.80rem;
	max-width: 480px;
	position: relative;
}
.recruit-top-text h1{
  font-size : .35rem;
  letter-spacing : 2.1px;
	margin-top: 0px;
}
.recruit-top-text p{
	margin-top:.15rem;
	padding: 0 0;
	line-height: .26rem;
	text-align: justify;
}
.recruit-top-img{
	order: 2;
	width: 5.40rem;
	max-width: 540px;
	position: absolute;
	top: .3rem;
	right: 0rem;
}



/*ーーーーー共通デザインーーーーー*/
.recruit-article{
	padding: .8rem 0 0 0;
}
.recruit-wrap{
	width: 7.68rem;
	max-width: 768px;
	margin: auto;
	margin-bottom: .7rem;
}
.recruit-wrap h3{
  font-size : .35rem;
  letter-spacing : 2.1px;
	text-align: left;
	margin-bottom: .2rem;
	font-weight: 500;
	position: relative;
	left: -.7rem;
}


/*ーーーーーポイントーーーーー*/
.recruit-wrap-div1{
	border: solid 6px #f97017;
	padding: .3rem 0 .15rem 1rem;
}
.recruit-wrap-div1 p>i{
	top: .04rem;
	left: -.37rem;
	 font-size :.26rem;
}
.recruit-wrap-div1 p{
  font-size : .22rem;
  letter-spacing : 1.32px;
	position: relative;
	margin-bottom: .15rem;
}

/*ーーーーー仕事内容ーーーーー*/
.recruit-wrap-div2 h4{
   font-size : .22rem;
  letter-spacing : 1.32px;
}
.recruit-wrap-div2 p{
	margin-top: .15rem;
	margin-bottom: .3rem;
	line-height: .27rem;
}


/*ーーーーー対象ーーーーー*/
.recruit-wrap-div3 h4{
  font-size : .22rem;
  letter-spacing : 1.32px;
}
.recruit-wrap-div3 h4>span{
	border-bottom: solid 3px var(--pink);
}
.recruit-wrap-div3 h5{
  font-size : .18rem;
  letter-spacing : 1.08px;
	margin-top: .25rem;
}
.recruit-wrap-div3 p{
	margin-top: .1rem
}



/*ーーーーー表共通ーーーーー*/
.recruit-wrap-div4{
	border: solid 1px #704835;
	border-top: solid 1px transparent;/*線の重なりを消す*/
	border-right: solid 1px transparent;/*線の重なりを消す*/
}
.recruit-wrap-div4 dl{
}
.recruit-wrap-div4 dt{
  font-size : .15rem;
  letter-spacing : 1.08px;
	padding: .15rem 0;
	border-top: solid 1px #704835;
	display: inline-block;
	width: 1.6rem;
	vertical-align: top;
	text-align: center;

}

.recruit-wrap-div4 dd{
  font-size : .15rem;
  letter-spacing : 1.08px;
	padding: .15rem .3rem;
	border-top: solid 1px #704835;
	display: inline-block;
	width: 6.04rem;
	border-left: solid 1px #704835;
	border-right: solid 1px #704835;

}



.point-div{
	text-align: left;
}
.point-div p{
  font-size : .13rem;
}




.recruit-wrap-div4 dd div{
	text-align: left;
}
	
	

	
	

/*ーーーーー会社の魅力ーーーーー*/
.recruit-wrap-div5{
	padding-bottom: .8rem;
}
.recruit-wrap-div5>h3{
  font-size : .30rem;
  line-height : .46rem;
  letter-spacing : 1.26px;
	left: 0 !important;
	margin-top: .3rem;
	text-align: center;
}
.recruit-wrap-div5>img{
	width: 5.25rem;
	max-width: 525px;
	margin: auto;
	display: block;
	margin-top: .3rem
}
.recruit-wrap-div5 h4{
  font-size :.18rem;
}
.recruit-wrap-div5 p{
	margin-top: .10rem;
	margin-bottom: .30rem;
	line-height: .26rem;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	




}










/* PC用  CSS */
@media (min-width: 992px) {/* 画面サイズが992px以下の時、{　}内のCSSを追加するメディアクエリ */

	
	
	
  
}










/* PC用  CSS */
@media (min-width: 1280px) {
	
/*----------------採用情報----------------*/
.recruit-top{
	padding: 80px 0;
}
.recruit-top-text h1{
  font-size : 35px;
}
.recruit-top-text p{
	margin-top:15px;
	line-height: 26px;
}
.recruit-top-img{
	top: 30px;
}

	
	


/*ーーーーー共通デザインーーーーー*/
.recruit-article{
	padding: 80px 0 0 0;
}
.recruit-wrap{
	margin-bottom:70px;
}
.recruit-wrap h3{
  font-size : 35px;
	margin-bottom: 20px;
	left: -70px;
}


/*ーーーーーポイントーーーーー*/
.recruit-wrap-div1{
	padding: 30px 0 .50px 100px;
}
.recruit-wrap-div1 p>i{
	top: 4px;
	left: -37px;
	 font-size :26px;
}
.recruit-wrap-div1 p{
  font-size : 22px;
	margin-bottom: 15px;
}

/*ーーーーー仕事内容ーーーーー*/
.recruit-wrap-div2 h4{
   font-size : 22px;
}
.recruit-wrap-div2 p{
	margin-top: 15px;
	margin-bottom: 30px;
	line-height: 27px;
}


/*ーーーーー対象ーーーーー*/
.recruit-wrap-div3 h4{
  font-size : 22px;
}
.recruit-wrap-div3 h5{
  font-size : 18px;
	margin-top: 25px;
}
.recruit-wrap-div3 p{
	margin-top: 10px
}



/*ーーーーー表共通ーーーーー*/
.recruit-wrap-div4 dt{
  font-size : 15px;
	padding: 15px 0;
	width: 160px;
}

.recruit-wrap-div4 dd{
  font-size : 15px;
	padding: 15px 30px;
	width: 606px;
}	
	
	
.point-div p{
  font-size : 13px;
}	
	
	



/*ーーーーー会社の魅力ーーーーー*/
.recruit-wrap-div5{
	padding-bottom: 80px;
}
.recruit-wrap-div5>h3{
  font-size : 30px;
  line-height : 46px;
	margin-top: 30px;
}
.recruit-wrap-div5>img{
	margin-top: 30px
}
.recruit-wrap-div5 h4{
  font-size :18px;
}
.recruit-wrap-div5 p{
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 26px;
}
		
	
	
	
	
		
	
  
}