#commonsection .box2 { background:url(../images/recruit/images/recruit1.png) center; background-size:cover;}

/*ーーーーーーーーーーーーーーーー
PC/SP共通
ーーーーーーーーーーーーーーーー*/






/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
	
	.pc {
		display: block;
	}	
	
	.sp {
		display:none;
	}
	
	
#section1 .box1{ text-align:left; color:#000;}
#section1 .box1 h2{ padding:110px 0 50px; font-size:24px;	text-align: center;}
	
#section1 .box1 p{ padding-bottom:50px;}
#section1 .box1 p.title_text{ line-height:2.56; }
	
#section1 .box1 .box_title { padding-bottom:15px; color:#9F7C52; font-weight:bold; font-size:18px;}	
#section1 .box1 .box_text { padding-bottom:15px; line-height:1.7; }	
	
#section1 .box1 .title {
	text-align: center;
	padding:70px 0 25px 0;
}
	
	.title_text {
		text-align: center;
	}

	.r_flexbox {
		display:flex;
		max-width:960px;
		margin:0 auto;
		justify-content: space-around;
	}
	
	.r_flexbox2 {
		display:flex;
		max-width:960px;
		margin:0 auto;
		justify-content: center;
	}
	
	.r_box {
		margin:0 50px;
		width:50%;
		box-sizing: border-box;
	}
	
	.box_img {
		text-align: center;
	}
	
	.staffimg {
		margin-right: 15px;
	}
	
	.staff_text {
		background-image:url("../images/recruit/images/fukidashi_01.png");
		background-repeat: no-repeat;
		width:600px;
		height:240px;
	}
	
	.staff_text2 {
		background-image:url("../images/recruit/images/fukidashi_02.png");
		background-repeat: no-repeat;
		width:600px;
		height:240px;
	}
	
	.staff_text {
		padding:35px 75px 35px 90px;
		width:600px;
		height:240px;
		box-sizing: border-box;
	}
	
	.staff_text2 {
		padding:35px 125px 35px 45px;
		width:600px;
		height:240px;
		box-sizing: border-box;
	}
	
#section1 .box2{ max-width:960px; margin:auto; color:#000; background:#fff; padding:25px; box-sizing: border-box;}

	.works {
		padding:15px;
		font-size:17px;
		max-width:600px;
		margin:0 auto;
		box-sizing: border-box;
	}
	
	.s3 {
		display: inline-block;
		font-size:22px;
		font-weight:bold;
		background-image: url("../images/recruit/images/bar.png");
		background-repeat:repeat-y;
		padding-left:20px;
		margin-bottom:15px;
		align-items: center;
	}
	
	.s2 {
		margin-bottom:15px;
		color:#9C7C52;
		font-weight:bold;
	}
	
	.w_box {
		padding-bottom:25px;
	}
	
	.images  {
		display:flex;
		justify-content: space-between;
		margin:0 auto;
		max-width:960px;
		box-sizing: border-box;
	}
	
	.images img {
		width:100%;
		margin:25px 0;
	}
	
#section1 .box3{ padding:85px 0 100px; text-align:center; color:#000;}
#section1 .box3 .txt1{ padding-bottom:40px;}
#section1 .box3 .txt2{ padding-bottom:30px;}
#section1 .box3 .txt3{ width:288px; height:68px; display:flex;align-items: center;justify-content: center; margin:auto; border:solid 1px #000; font-size:25px;}
#section1 .box3 .txt3 .s1{ display:inline-block; padding-right:20px;}
#section1 .box3 .txt3 a{ display:none;}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
	
	.pc {
		display: none;
	}	
	
	.sp {
		display:block;
	}
	
	
	
#section1{ width:100%; overflow:hidden;}
#section1 .box1{ color:#000;}
#section1 .box1{ text-align:left; color:#000;}
#section1 .box1 h2{ padding:50px 0 25px 0; font-size:4.8vw;	text-align: center;}
	
#section1 .box1 p{ padding:25px;}
	
#section1 .box1 .box_title { padding-bottom:15px; color:#9F7C52; font-weight:bold; font-size:4.8vw;}	
#section1 .box1 .box_text { padding-bottom:15px; }	
	
	.title_text {
		text-align: center;
	}
	
	.title  {
		text-align: center;
	}	
	
	.title img  {
		width:90%;
	}

	.r_flexbox {
		display:flex;
		flex-direction: column;
		max-width:960px;
		margin:0 auto;
		justify-content: space-around;
	}
	
	.r_flexbox2 {
		display:flex;
		flex-direction: column;
		align-items: center;
		max-width:960px;
		margin:0 auto;
		justify-content: center;
	}
	
	.reverse {
		flex-direction: column-reverse;		
	}
	
	.r_box {
		margin:0px;
		width:auto;
		box-sizing: border-box;
	}
	
	.box_img {
		text-align: center;
	}
	
	.staffimg {
		margin-right: 15px;
	}
	
	.staff_text {
		background:rgba(255,255,255,0.8);
		width:auto;
		height:auto;
		box-sizing: border-box;
		margin-bottom:50px;
	}
	
	.staff_text2 {
		background:rgba(255,255,255,0.8);
		width:auto;
		height:auto;
		box-sizing: border-box;
			margin-bottom:50px;
	}
	

	
#section1 .box2{ max-width:960px; margin:auto; color:#000; background:#fff; padding:25px 15px;}

	.works {
		padding:15px;
		font-size:4.8vw;
		max-width:600px;
		margin:0 auto;
		box-sizing: border-box;
	}
	
	.s3 {
		display: inline-block;
		font-size:4.8vw;
		font-weight:bold;
		background-image: url("../images/recruit/images/bar.png");
		background-repeat:repeat-y;
		padding-left:20px;
		margin-bottom:15px;
		align-items: center;
	}
	
	.s2 {
		margin-bottom:15px;
		color:#9C7C52;
		font-weight:bold;
	}
	
	.w_box {
		padding-bottom:25px;
	}
	
	.images  {
		display:flex;
		flex-direction: column;
		justify-content: center;
		margin:0 auto;
		max-width:960px;
		box-sizing: border-box;
		text-align: center;
	}
	
	.images img {
		width:70%;
		margin:10px 0 5px 0;
	}	
	
#section1 .box3{ padding:10vw 0 50vw; text-align:center; color:#000;}
#section1 .box3 .txt1{ padding-bottom:10vw; font-size:4vw;}
#section1 .box3 .txt2{ padding-bottom:10vw;}
#section1 .box3 .txt3{ width:calc(80vw - 1vw); height:15vw; display:flex;align-items: center;justify-content: center; margin:auto; border:solid 0.5vw #000; font-size:6vw; position:relative;}
#section1 .box3 .txt3 .s1{ display:inline-block; padding-right:3vw;}
#section1 .box3 .txt3 a{ position:absolute; width:100%; height:15vw; display:block; left:0; top:0;}
}