@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap');

.text-top-recruit{
	text-align: center;
}

.head-recruit{
	margin-bottom: .5em;
	color: #9a905f;
}

.box-recruit{
	display: flex;
	flex: row nowrap;
	padding: 1em 0;
}

.box-recruit{
	border-bottom: 1px solid #ccc;
}

.box-recruit:first-child{
	border-top: 1px solid #ccc;
}

.box-recruit dt{
	margin-right: 1em;
	color: #fff;
	text-align: center;
	background: #9a905f;
}

.outer-recruit p{
	text-align: justify;
}

.recruit_wrapper{
	font-family:  YuMincho, "Yu Mincho",'Noto Serif JP', serif , "Hiragino Mincho ProN", "serif";
	font-size: 18px;}

.recruit_wrapper h2{
	font-size: 3rem;
	color: #736c3b;
	text-align: center;}

.recruit_wrapper main{
	width: 80%;
	margin: 0 auto;
}

.main-visual p{
	position: absolute;
	z-index: 30;
	font-family:  YuMincho, "Yu Mincho",'Noto Serif JP', serif , "Hiragino Mincho ProN", "serif";
	color: #736c3b;}

.br_pc{
	margin-left: 1em;}

	.main-visual span{
		margin-left: 1em;}

.recruit_message{
	width: 100%;
	padding: 6rem 0;
	background: linear-gradient(#ccc396 18%,#9c925f);}

.recruit_message_innner{
	margin: 0 auto;
	width: 70%;
	color: #fff;
	font-size: 1.4rem;
	line-height: 3rem;}

.recruit_jobtype_innner{
	width: 70%;
	padding: 10rem 0;
	margin: 0 auto;}

.recruit_jobtype_container ul{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-top:2rem;}

.recruit_jobtype li{
	text-align: right;}

.recruit_jobtype img{
	width: 100%;}

.recruit_jobtype_pc li{
	width: 32%;}

.recruit_jobtype_pc span{
	color: #736c3b;}
	
.recruit_jobtype_sp li{
	display: none;	}

.jobtype_item2{
	padding-top: 30px;}

.jobtype_item3{
	padding-top: 60px;}

.jobtype_emboss{
	color: #e5e5e5;
	font-size: 6rem;}

.recruit_data h2{
	margin-bottom: 5rem;}

.recruit_data_innner{
	width: 70%;
	padding: 2rem;
	margin: 0 auto;}

.recruit_data_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;}

.recruit_data_box1{
	margin-bottom: 1rem;
	border: solid #c7c2a9 2px;}
	
.recruit_data_box2{
	margin-bottom: 1rem;
	border: solid #ebe9df 2px;}

.recruit_data_name{
	margin-top: 4rem;
	font-size: 1.5rem;
	color: #393327;}

.recruit_data_container img{
	margin-top: 2rem;}

.recruit_data_number{
	margin-top: 2rem;
	font-size: 2.2rem;
	color: #736c3b;}

.recruit_storong{
	margin-top: 6rem;}

.recruit_storong_container{
	position: relative;
	width: 70%;
	margin: 0 auto;}

.recruit_storong h2{
	text-align:left;
	margin-bottom: 1rem;}

.storong_textbox{
	background-color: #f7f6f2;
	width: 70%;
	padding: 2rem 0rem;}

.storong_textbox p{
	width: 60%;
	padding: 1.5rem;
	color: #393327;
	font-size: 1.2rem;
	line-height: 3rem;}

.recruit_storong img{
	display: block;
	position:absolute;
	width: 40%;
	top:0;
	right:0;}

.storong_emboss{
	color: #e5e5e5;
	font-size: 6rem;}

.recruit_system{
	margin-top: 12rem;}

.system_inner{
	width: 70%;
	box-sizing:border-box;
	margin: 0 auto;
	margin-top:3rem; 
	padding: 4rem 2rem;
	background-color: #f7f6f2;}

.system_textbox{
	width: 60%;
	margin: 0 auto;
	line-height: 2rem;}

.system_textbox_title{
	font-size: 1.5rem;
	margin-bottom: 1rem;}

.system_inner img{
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 3rem 0;}

.system_container{
	display: flex;}

.system_textbox2{
	width: 45%;
	margin: 0 auto;
	line-height: 2rem;}

.system_emboss{
	color: #e5e5e5;
	font-size: 6rem;
	margin-left: 15%;}

.recruit_feature{
	margin-top: 8rem;
	background-color: #f7f6f2;}

.recruit_feature_inner{
	width: 70%;
	margin: 0 auto;
	padding: 6rem 0;}
	
.feature_desc_box{
	width: 90%;
	margin: 0 auto;
	margin-top: 3rem;
	font-size: 1.4rem;
	color: #393327;}

.feature_textarea_box{
	width: 90%;
	margin: 0 auto;
	margin-top: 3rem;
	padding: 3rem;
	border: solid 1px #ab9f60;
	line-height: 2rem;
	background-color: #fff;}

.feature_textarea_box h3{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	color: #ab9f60;}


/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */



/* ////////////////////////////////////////
PC ー1366
//////////////////////////////////////// */

@media screen and (min-width:1366px) , print {

	
.main-visual{
	height: 35em;}
	
	
.main-visual p{
	z-index: 30;
	margin-top:12%;
	margin-left: 6rem;
	font-size: 4rem;
	line-height: 5rem;
	color: #736c3b;}

video.pc{
	position: absolute;
	z-index: 10;
	height: 35em;
	top:50;
	right: 0;
	display: flex;
	justify-content: flex-end;
	}
	
.pc source{
	position: absolute;
	z-index: 10;
	width: 80%;
	height: 35em;
	top:50;
	right: 0;
	display: flex;
	justify-content: flex-end;
	}
	
.recruit_data_img01{
	width: 20%;}
	
.recruit_data_img02{
	width: 32%;}
	
.recruit_jobtype_sp li{
	display: none;	}
		
.recruit_data_box1,.recruit_data_box2{
	width: 32%;
	height: 400px;
	text-align: center;}	
}

/* ////////////////////////////////////////
PC 1366ー640
//////////////////////////////////////// */


@media screen and (max-width:1366px) and (min-width:641px) , print {

.main-visual{
	height: 30em;}
	
.main-visual p{
	z-index: 30;
	margin-top:15%;
	margin-left: 3rem;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #736c3b;}
	

video.pc{
	position: absolute;
	z-index: 10;
	/*width: 70%;*/
	height: 30em;
	top:50;
	right: 0;
	display: flex;
	justify-content: flex-end;}
	
.pc source{
	position: absolute;
	z-index: 10;
	width: 70%;
	height: 30em;
	top:50;
	right: 0;
	display: flex;
	justify-content: flex-end;}
	
	
.recruit_message_innner{
	width: 75%;}

.recruit_jobtype_innner{
	width: 75%;}
	
.jobtype_emboss{
	font-size: 5rem;}
	
.recruit_data_innner{
	width: 75%;}
	
.recruit_data_img01{
	width: 16%;
	margin-top: 2rem;}

.recruit_data_img02{
	width: 35%;
	margin-top: 2rem;}
	
.system_emboss{
	font-size: 5rem;}
		
}


@media screen and (max-width:1366px) and (min-width:1000px) , print {

	
.recruit_data_box1,.recruit_data_box2{
	width: 32%;
	height: 340px;
	text-align: center;}
	
	.recruit_storong h2{
		font-size: 2.3rem;	}

	.recruit_storong_container{
		width: 75%;}
	
	.storong_textbox p{
		width: 70%;}
}


	
@media screen and (max-width:999px) and (min-width:641px) , print {
	
.toumei{
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 30em;
	top:50;
	right: 0;
	background: linear-gradient(270deg, transparent 0 50%, #FFF 80%);}
	
.main-visual p{
	margin-top:20%;
	margin-left: 2rem;
	font-size: 2rem;
	line-height: 2.5rem;}
	
.recruit_data_box1,.recruit_data_box2{
	width: 32%;
	height: 300px;
	text-align: center;}
	
	.recruit_storong h2{
		font-size: 1.8rem;}

	.recruit_storong_container{
		width: 75%;}
		
	.storong_textbox p{
		width: 75%;
		font-size: 1.2rem;
		line-height: 2rem;}

}	
	
/* ////////////////////////////////////////
sp 640ー
//////////////////////////////////////// */
@media screen and (max-width: 640px){
	
.recruit_wrapper{
	font-size: 24px;}
	
.recruit_wrapper h2{
	font-size: 1.5rem;
	color: #736c3b;
	text-align: left;}
	
.br_pc{
	display: none;}
	
	.main-visual span{
		display: none;}
	
.main-visual p{
	position:static;
	margin:2rem 0 1.6rem;
	font-size: 1.4rem;
	text-align: center;
	color: #ab9f60;}
	
video.sp{
	width: 100%;}
	
	
.recruit_message{
	padding: 3rem 0;}
	
.recruit_message_innner{
	width: 90%;
	line-height: 2rem;	}
		
.recruit_jobtype_innner{
	width: 90%;
	margin: 0 auto;
	padding: 3rem 0;}
	
	.recruit_jobtype_container{
		margin-top: 1rem;}
	
	.recruit_jobtype_container ul{
		display:initial;}

	.recruit_jobtype_sp li{
		display: initial;}

	.recruit_jobtype_pc li{
		display: none;	}

	.recruit_jobtype_sp li img{
		margin-top: 1.2rem;}

	.jobtype_emboss{
		margin-top: 2rem;
		font-size: 3rem;}

	
.recruit_data_innner{
	width: 90%;
	padding: 0;}
	
	.recruit_data_innner h2{
		font-size: 2rem;
		text-align: center;
		margin-bottom: 2rem;}
	
.recruit_data_box1,.recruit_data_box2{
	width: 48%;
	height: 250px;
	text-align: center;}
	
.recruit_data_name{
	margin-top: 1.6rem;
	font-size: 1.2rem;}

.recruit_data_container img{
	margin-top:1rem;}
	
	.recruit_data_img01{
	width: 20%;}

	.recruit_data_img02{
	width: 38%;}
	
.recruit_data_number{
	margin-top: 1.6rem;
	font-size: 1.8rem;}
	
.recruit_storong_container{
		width: 90%;}
	
	.recruit_storong h2{
		font-size: 1.6rem;}
		
	.storong_textbox{
		width: 100%;}

	.storong_textbox p{
		width: 90%;
		height: 300px;
		padding: 1rem;
		font-size: 1rem;
		line-height: 1.8rem;}
	
	.recruit_storong img{
		display: block;
		position:absolute;
		width: 50%;
		top:65%;
		right:0;}
	
	.storong_emboss{
		font-size: 3rem;}
	
	
.recruit_system{
	margin-top: 6rem;}

.system_inner{
	width: 90%;
	margin: 0 auto;
	margin-top:2rem; 
	padding: 4rem 1rem;}
	
	.recruit_system h2{
		font-size: 2rem;
		text-align: center;
		margin-bottom: 2rem;}

	.system_textbox_title{
		font-size: 1.2rem;}
	
	.system_inner img{
		width: 80%;}
	
	.system_emboss{
		margin-left: 5%;
		font-size: 3rem;}
	
.recruit_feature{
	margin-top: 4rem;}
	
.recruit_feature_inner{
	width: 90%;
	padding: 3rem 0;}

.recruit_feature_inner h2{
	text-align: center;
	font-size: 2rem;
	padding: 3rem 0;}

	
.feature_desc_box{
	width: 80%;
	margin-top: 0;
	font-size: 1.2rem;
	line-height: 2rem;}

.feature_textarea_box h3{
	font-size: 1rem;
	margin-bottom: 1rem;}

.feature_textarea_box{
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 3rem;
	padding: 2rem;
	font-size: 0.8rem;
	line-height: 2rem;}	
}


/*------------------------------------------------------------------------------
  contact
------------------------------------------------------------------------------*/


.form_box {
  font-size: 1.16rem; }

input[type="text"],
input[type="password"],
textarea,
select {
  font-size: 1.16rem; }

.form_flow {
  margin: 3.33rem 0 2.5rem; }
  .form_flow ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .form_flow li {
    display: none;
    height: 4rem;
    background-color: #efefef;
    color: #9c9c9c;
    text-align: center;
    line-height: 4rem; }
  .form_flow li.here,
  .form_flow li.last {
    display: block;
    background-color: #969bb3;
    color: #fff;
    font-weight: bold; }

.form_lead {
  margin-bottom: 2.5rem;
  text-align: center; }

.form_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: solid 1px #dcdcdc; }
.form_box li {
  padding: 1.5rem 0;
  border-bottom: solid 1px #dcdcdc; }

.form_btn_box {
  padding: 4rem 0;
  text-align: center; }
  .form_btn_box a {
    display: inline-block;
    width: 16.66rem;
    height: 3.5rem;
    border-radius: 0.25rem;
    line-height: 3.5rem;
    color: #fff; }

.form_btn_left {
  margin-bottom: 1rem; }

.form_btn01 {
  background-color: #8a8053; }

.form_btn02 {
  background-color: #999; }

.form_data_header {
  margin-bottom: 0.75rem;
	  /*background-color: #F4F4F4;*/}
  .form_data_header label {
    margin: 0; }
  .form_data_header span {
    display: inline-block; }
  .form_data_header span.form_required {
    display: inline-block;
    width: 3.5rem;
    height: 2rem;
    margin-left: 0.5rem;
    background-color: #681111;
    color: #fff;
    text-align: center;
    line-height: 2rem; }

.form_data_item input[type="text"], .form_data_item textarea {
  width: 100%; }

.form_error_msg_first {
  padding-bottom: 1rem;
  color: #971717;
  font-weight: bold;
  text-align: center;
  font-size: 1.16rem; }

.form_error_msg {
  padding: 0.5rem 0;
  color: #971717;
  font-weight: bold; }

.form_data_item.address input[type="text"], .form_data_item.address select {
  margin-left: 1.4rem;
  margin-top: 1rem; }
.form_data_item.address input[type="text"] {
  width: calc(100% - 1.4rem); }
.form_data_item.address select {
  display: block; }
.form_data_item.address input[type="text"].form_zipcode {
  margin-top: 0;
  margin-left: 0.25rem;
  width: 10rem; }
.form_data_item.address .form_error_msg {
  margin-left: 1.4rem; }

.form_title_m {
  margin-bottom: 1.25rem;
  font-size: 1.33rem;
  text-align: center; }

.form_thanks_text {
  text-align: center;
  line-height: 1.8em; }

.form_back_home {
  margin: 3rem 0 0;
  padding-bottom: 4rem;
  text-align: center; }

.form_error_msg {
  display: none; }

@media screen and (min-width: 1280px) {
  .form_flow {
    margin: 96px 0 72px; }
    .form_flow li {
      height: 72px;
      line-height: 72px; }

  .form_lead {
    margin-bottom: 72px; }

  .form_box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: solid 1px #dcdcdc; }
  .form_box li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px 24px;
    border-bottom: solid 1px #dcdcdc; }

  .form_data_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 304px;
    margin-bottom: 0; }

  .form_data_item {
    width: 764px; }

  .form_btn_box {
    padding: 72px 0 104px; }
    .form_btn_box a {
      display: inline-block;
      width: 280px;
      height: 56px;
      border-radius: 3px;
      line-height: 56px;
      color: #fff; }

  .form_back_home {
    padding-bottom: 104px; } }

@media screen and (min-width: 768px) {
  input[type="text"],
  input[type="password"],
  textarea,
  select {
    font-size: 1rem; }

  .form_lead .sp_br {
    display: none; }

  .form_flow ul {
    display: flex; }
  .form_flow li {
    display: block;
    width: 33%; }
  .form_flow li.here {
    width: 34%;
    background: url(../img/form_flow_bg.svg) no-repeat right center #969bb3;
    /*background-size: 12px 72px;*/ }

  .form_btn_left,
  .form_btn_right {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 1rem; }

  .form_title_m .sp_br,
  .form_thanks_text .sp_br {
    display: none; }

  .form_title_m::before {
    content: "【"; }

  .form_title_m::after {
    content: "】"; } }