@charset "UTF-8";

/*****************************
	スマホリクルートページ
*****************************/
.recruit_contents_text{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% auto;
	font-size:3vw;
	color:#FFF;
	line-height:2em;
	text-align:center;
}
.recruit_contents_text div{
	font-size:4vw;
	font-weight: bold;
	color:#FFF;
	margin:1% auto 3%;
}
.recruit_contents_box{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.recruit_contents_img{
	width:98%;
	margin:3% auto 1%;
	text-align:cener;
	box-sizing: border-box;
}
.recruit_contents_img img{
	width:100%;
	vertical-align:bottom;
}
.recruit_contents_img_blank{
	width:98%;
	margin:3% auto 1%;
	text-align:cener;
	box-sizing: border-box;
	opacity: .5;
	position:relative;
}
.recruit_contents_img_blank img{
	width:100%;
	vertical-align:bottom;
}
.recruit_contents_img_blank .commingsoon{
	background-color:#000;
	position:absolute;
	top:10px;
	left:10px;
	text-align:center;
	font-size:3vw;
	color:#FFF;
	font-weight:bold;
}
.recruit_top_banner{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
}
.recruit_top_banner img{
	width:100%;
	vertical-align: bottom;
}
.recruit_back_contents{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background-color:#FFF;
	padding:1%;
	box-sizing: border-box;
}
.recruit_page_title{
	width:100%;
	font-size:3.2vw;
	color:#000;
	font-weight: bold;
	padding:2% 0 2% 1%;
	letter-spacing: .1em;
	text-align:left;
	border-bottom:3px #e2e2e2 solid;
}
.recruit_contents{
	display: flex;
	justify-content: space-between;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 3%;
}
.recruit_contents2{
	display: flex;
	justify-content: space-between;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.recruit_icon_item{
	width:15%;
}
.recruit_icon_item img{
	width:100%;
	vertical-align: bottom;
}
.recruit_icon_item2{
	width:20%;
	background-color:#e2e2e2;
	padding:3% 1%;
	box-sizing: border-box;
	border-bottom:2px #FFF solid;
}
.recruit_icon_item2 img{
	width:50%;
	vertical-align: bottom;
}
.recruit_icon_detail{
	width:85%;
	font-size:3vw;
	color:#000;
	text-align:left;
	line-height: 1.8em;
	padding:5% 0 1% 3%;
}
.recruit_icon_detail2{
	width:85%;
	font-size:3vw;
	color:#000;
	text-align:left;
	line-height: 1.8em;
	padding:5% 0 1% 3%;
	box-sizing: border-box;
	border-bottom:2px #e2e2e2 solid;
}
.recruit_icon_detail2 a{
	color:#666;
	text-decoration: underline;
}
.recruit_detail_box{
	width:100%;
	font-size:3vw;
	color:#000;
	text-align:left;
	line-height:1.8em;
	letter-spacing: .1em;
	padding:1%;
	box-sizing: border-box;
	border-top:3px #e2e2e2 solid;
	border-bottom:3px #e2e2e2 solid;
}
.recruit_detail_box div{
	font-size:3.4vw;
	color:#fe2e68;
	font-weight: bold;
}
.recruit_ouboform_btn{
	background-color:#e2e2e2;
	width:50%;
	height:auto;
	overflow:hidden;
	font-size:3vw;
	color:#000;
	text-align:center;
	line-height:50%;
	margin:10% auto;
}
.recruit_ouboform_btn{
	color:#000;
	display: block;
	text-decoration: none;
}

/*****************************
お見積りフォーム
******************************/
.recruit_ouboform_topitem{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:3.2vw;
	color:#FFF;
	font-weight: bold;
	margin:1% auto;
	letter-spacing: .1em;
	line-height:2em;
	text-align:center;
}
.recruit_ouboform_toptext{
	font-size:2.8vw;
	color:#FFF;
	text-align:center;
	line-height:1.6em;
}
.recruit_ouboform_text span{
	color:#fd0002;
}
.recruit_ouboform_box{
	background-color:#FFF;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:3% 0;
}
.recruit_ouboform_hissutext{
	width:98%;
	font-size:2.8vw;
	color:#fd0002;
	text-align:right;
	line-height:2em;
	letter-spacing: .1em;
	margin:3% auto;
}
.recruit_ouboform_contents{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
	display: flex;
	justify-content: space-between;
	border-bottom:1px #000 solid;
}
.recruit_ouboform_item{
	width:35%;
	font-size:3vw;
	color:#000;
	text-align:left;
	line-height:2em;
	letter-spacing: .1em;
	padding-left:10px;
	box-sizing: border-box;
}
.recruit_ouboform_item span{
	color:#fd0002;
}
.recruit_ouboform_input{
	width:65%;
	font-size:3vw;
	color:#000;
	text-align:left;
	line-height:2em;
	letter-spacing: .1em;
	padding-left:3%;
	box-sizing: border-box;
}
.form-label {
    margin-bottom: 3%;
}
.input-text {
    padding: 3%;
    border-radius: 8px;
    width: 90%;
    border: 1px solid #999;
    outline: none;
	margin-right:2%;
	margin-bottom:1%;
}
/* プレースホルダー */
.input-text::placeholder {
    color: #999;
}
.input-text:focus {
    outline: 1px solid var(--color-focus-border);
}
.input-text--textarea {
    min-height: 150px;
    field-sizing: content;
}

input[type="checkbox"] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top:2%;
  border: 1px solid #999;
  vertical-align: -5px;
}
.pc_br{display: none;}
.sp_br{}
.recruit_form_btnbox{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.recruit_ouboform_button{
	width:90%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
.recruit_ouboform_submit{
	width:90%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
input[type=submit]{
	background-color:#999;
	width:50%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:1%;
}
input[type=button] {
	background-color:#999;
	width:50%;
	font-size: 2.8vw;
	color:#FFF;
	text-align:center;
	padding:1%;
}

@media screen and (min-width: 901px) {

/*****************************
	リクルートページ
*****************************/
.recruit_contents_text{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
	font-size:1.6vw;
	color:#FFF;
	line-height:1.8em;
	text-align:center;
}
.recruit_contents_text div{
	font-size:2vw;
	font-weight: bold;
	color:#FFF;
	margin:5px auto 10px;
}
.recruit_contents_box{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:5px auto 10px;
}
.recruit_contents_img{
	width:1000px;
	margin:10px auto 5px;
	text-align:cener;
	box-sizing: border-box;
}
.recruit_contents_img img{
	width:100%;
	vertical-align:bottom;
}
.recruit_contents_img_blank{
	width:1000px;
	margin:10px auto 5px;
	text-align:cener;
	box-sizing: border-box;
	opacity: .5;
	position:relative;
}
.recruit_contents_img_blank img{
	width:100%;
	vertical-align:bottom;
}
.recruit_contents_img_blank .commingsoon{
	position:absolute;
	background-color:#000;
	top:10px;
	left:20px;
	text-align:center;
	font-size:2.4vw;
	color:#FFF;
	font-weight:bold;
}
.recruit_top_banner{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0;
}
.recruit_top_banner img{
	width:100%;
	vertical-align: bottom;
}
.recruit_back_contents{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto 20px;
	background-color:#FFF;
	padding:5px;
	box-sizing: border-box;
}
.recruit_page_title{
	width:1200px;
	font-size:2vw;
	color:#000;
	font-weight: bold;
	padding:5px 0 5px 5px;
	letter-spacing: .1em;
	text-align:left;
	border-bottom:3px #e2e2e2 solid;
}
.recruit_contents{
	display: flex;
	justify-content: space-between;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto 20px;
}
.recruit_contents2{
	display: flex;
	justify-content: space-between;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.recruit_icon_item{
	width:100px;
}
.recruit_icon_item img{
	width:100%;
	vertical-align:bottom;
}
.recruit_icon_item2{
	width:230px;
	background-color:#e2e2e2;
	padding:10px 5px;
	box-sizing: border-box;
	border-bottom:2px #FFF solid;
}
.recruit_icon_item2 img{
	width:30%;
	vertical-align:bottom;
}
.recruit_icon_detail{
	width:1100px;
	font-size:1.6vw;
	color:#000;
	text-align:left;
	line-height: 2em;
	padding:20px 0 5px 15px;
	box-sizing: border-box;
}
.recruit_icon_detail2{
	width:970px;
	font-size:1.4vw;
	color:#000;
	text-align:left;
	line-height: 1.8em;
	padding:5px 0 5px 15px;
	box-sizing: border-box;
	border-bottom:2px #e2e2e2 solid;
}
.recruit_icon_detail2 a{
	color:#666;
	letter-spacing: .1em;
	text-decoration: underline;
}
.recruit_detail_box{
	width:1200px;
	font-size:1.4vw;
	color:#000;
	text-align:left;
	line-height:1.8em;
	letter-spacing: .1em;
	padding:5px;
	box-sizing: border-box;
	border-top:3px #e2e2e2 solid;
	border-bottom:3px #e2e2e2 solid;
}
.recruit_detail_box div{
	font-size:1.8vw;
	color:#fe2e68;
	font-weight: bold;
}
.recruit_ouboform_btn{
	background-color:#e2e2e2;
	width:500px;
	height:auto;
	overflow:hidden;
	font-size:2vw;
	color:#000;
	text-align:center;
	padding:20px 0;
	margin:50px auto 30px;
}
.recruit_ouboform_btn a{
	color:#000;
	display: block;
	text-decoration: none;
}

/*****************************
採用募集フォーム
******************************/
.recruit_ouboform_topitem{
	width:1200px;
	height:auto;
	overflow:hidden;
	font-size:2vw;
	color:#FFF;
	font-weight: bold;
	margin:5px auto;
	letter-spacing: .1em;
	line-height:2em;
	text-align:center;
}
.recruit_ouboform_toptext{
	font-size:1.6vw;
	color:#FFF;
	text-align:center;
	line-height:1.6em;
	margin-bottom:20px;
}
.recruit_ouboform_toptext span{
	color:#fd0002;
}
.recruit_ouboform_box{
	background-color:#FFF;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:10px 0;
	padding:10px 0;
}
.recruit_ouboform_hissutext{
	width:1000px;
	font-size:1.6vw;
	color:#fd0002;
	text-align:right;
	line-height:2em;
	letter-spacing: .1em;
	margin:5px auto;
}
.recruit_ouboform_contents{
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:5px auto;
	display: flex;
	justify-content: space-between;
	border-bottom:1px #000 solid;
}
.recruit_ouboform_item{
	width:400px;
	font-size:1.6vw;
	color:#666;
	text-align:left;
	line-height:2em;
	letter-spacing: .1em;
	padding-left:10px;
	box-sizing: border-box;
}
.recruit_ouboform_item span{
	color:#fd0002;
}
.recruit_ouboform_input{
	width:600px;
	font-size:1.6vw;
	color:#666;
	text-align:left;
	line-height:2em;
	letter-spacing: .1em;
	padding-left:10px;
	box-sizing: border-box;
}
.form-label {
    margin-bottom: 8px;
}
.input-text {
    padding: 12px;
    border-radius: 8px;
    width: 400px;
    border: 1px solid #999;
    outline: none;
	margin-right:10px;
	margin-bottom:5px;
}
/* プレースホルダー */
.input-text::placeholder {
    color: #999;
}
.input-text:focus {
    outline: 1px solid var(--color-focus-border);
}
.input-text--textarea {
    min-height: 150px;
    field-sizing: content;
}

input[type="checkbox"] {
  position: relative;
  width: 30px;
  height: 30px;
  margin-top:10px;
  border: 1px solid #999;
  vertical-align: -5px;
}
.pc_br{}
.sp_br{display: none;}
.recruit_form_btnbox{
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
	display: flex;
	justify-content: center;
}
.recruit_ouboform_button{
	width:500px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
.recruit_ouboform_submit{
	width:500px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:0;
	margin:3% auto;
}
input[type=submit]{
	background-color:#999;
	width:300px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:5px;
}
input[type=button] {
	background-color:#999;
	width:300px;
	font-size: 1.6vw;
	color:#FFF;
	text-align:center;
	padding:5px;
}

}