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

#recruit #topimg h3.catch{
	position:absolute;
	width:100%;
	text-align:right;
	top:10%;
	right:10%;}

#recruit #topimg .wrap{
	position:absolute;
    width: 40%;
    padding: 50px 0 25px;
	top:30%;
	right:10%;
	}
#recruit #topimg .textbox{
	width:100%;}

#recruit #topimg h4{
	font-size:1.8vw;
	margin-bottom:20px;}

#recruit #topimg .textbox p + p{
	margin-top:2rem;}


#recruit #item h3{
	font-size:1.8vw;
	margin-bottom:5px;}

#recruit #item .flexbox + .flexbox{
	margin-top:70px;}

#recruit #item .flexbox.right{flex-direction : row-reverse;}

#recruit #item .textbox,#item .imgbox{
	width:50%;}

#recruit #item .textbox{
	position:relative;
	text-align:left;
	background:#ededed;
	padding:2vw 3vw;}

#business #item .textbox a{
	position:absolute;
	text-align:left !important;
	bottom:2vw;
	left:0;
	right:0;
	margin:0 auto;}


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

#recruit p{
	font-size:1.2rem;
	text-align:left;}

#recruit #topimg h3.catch{
	position:absolute;
	width:60%;
  top: 60px;
  right:10px;
  margin: auto;}

#recruit #topimg .wrap{
	position: relative;
    width: 100%;
    padding: 50px 20px 25px;
	top:0;
	right:0;
	}

#recruit #topimg .textbox{
	width:80%;
	margin:0 auto;}

#recruit #topimg h4{
	text-align:center;
	font-size:2.1rem;
	margin-bottom:20px;}

#recruit #item h3{
	font-size:1.6rem;
	margin-bottom:10px;
	text-align:center;}


#recruit #item .textbox,#item .imgbox{
	width:100%;}

#recruit #item .textbox{
	padding:30px;}


}



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

#recruit #topimg .textbox{
	width:100%;}

#recruit #item .textbox{
	font-size:1.0rem;}

#recruit #item h3{
	font-size:1.8rem;}

#recruit #item .flexbox + .flexbox{
	margin-top:50px;}


}