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

/*================================
お問い合わせ＆エントリーフォーム
================================*/
.contact_txt{ margin-bottom: 3rem;}
.error_box{
	background-color: #f5f5f3;
	padding: 1rem;
	margin-bottom: 3rem;
}
.error_box p{ color: #bf272d;}
.form_table{ border-color: #fff;}
.form_table .required{ color: #bf272d;}
.formError{
	left: 0 !important;
	margin-top: 8px !important;
}
.formError .formErrorArrow{ display: none;}
.formErrorContent{
	background-color: #bf272d !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.form_table th{ font-weight: normal;}
.form_table .form-group{
	position: relative;
	margin-bottom: 1rem;
}
.zip{
	display: flex;
	align-items: center;
}
.zip input{ width: 216px;}
.zip p{
	font-size: .85rem;
	text-indent: -.85rem;
	padding-left: .85rem;
	margin-bottom: 0;
}
.email p{
	font-size: .85rem;
	text-indent: -.85rem;
	padding-left: .85rem;
	margin-bottom: 0;
}
.email p:not(:last-child){ margin-top: 0.25rem;}
.address label:not(:first-child){ margin-top: .5rem;}
div:not(#confirm) .form_table{ margin-bottom: 1rem;}
.form_table .form-inline{
	display: inline-block;
	min-width: 240px;
}
.btnbox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}
#confirm .btnbox{ margin-top: 3rem !important;}
.submit,
.btn_submit{ transition: .3s;}
.btn_submit{
	color: #fff;
	border: #000 1px solid;
	border-radius: 0;
	padding: .65rem 1rem;
	text-align: center;
	background-color: #000;
}
.btn_submit:hover{
	color: #000;
	background-color: #fff;
}
#confirm .form_table{
	border-color: #e4e4e4;
	border-top-width: 1px;
	border-top-style: solid;
}
#confirm .form_table .form-group{ margin-bottom: 0 !important;}
.return{ margin-right: 1rem;}
.btn_return{
	position: relative;
	color: #000;
	border: #000 1px solid;
	border-radius: 0;
	background-color: #e4e4e4;
	text-align: center;
	padding: .65rem 1rem;
	transition: .3s;
}
.btn_return:hover{ color: #000;}
.form_ttl{
	color: #f18c8e;
	font-weight: bold;
	text-align: center;
	font-size: calc(1.3rem + 0.6vw);
	margin-bottom: 2rem;
}
.btn_finish{
	color: #fff;
	border: #000 1px solid;
	border-radius: 0;
	padding: .65rem 1rem;
	text-align: center;
	background-color: #000;
	max-width: 250px;
	display: block;
	margin: 2rem auto 0;
}
.btn_finish:hover{
	color: #000;
	background-color: #fff;
}

@media (min-width: 1200px){
	.form_ttl{ font-size: 1.75rem;}
}
@media (min-width: 768px){
	.zip input{ margin: 0 1rem 0 .5rem;}
	.submit,
	.btn_submit{ width: 250px;}
	.btn_return{ width: 155px;}
}
@media (max-width: 767px){
	.form_table th,
	.form_table td{
		width: 100%;
		display: block;
	}
	.zip{ flex-wrap: wrap;}
	.zip input{ margin-left: .5rem;}
	.zip p{
		width: 100%;
		margin-top: .25rem;
	}
	.submit_func{ width: 50%;}
	.btn_return,
	.btn_submit{
		font-size: .8rem;
	}
	.submit,
	.btn_submit{
		width: 100%;
		max-width: 250px;
	}
	#confirm .form_table th{ background-color: rgba(240, 181, 163, .1);}
	#confirm .submit,
	#confirm .btn_submit{ flex: 1;}
}

/*採用エントリー
================================*/
.work input{
	border: none;
	padding: 0;
  background-color: transparent!important;
}
.birthday{
	display: flex;
  align-items: center;
}
.birthday p{ margin: 0 .5rem 0 .25rem;}
.birthday .form-group{
	display: flex;
  align-items: center;
}
.birthday .form-group:nth-child(1) select{ width: 70px;}
.birthday .form-group:nth-child(2) select{ width: 50px;}
.birthday .form-group:nth-child(3) select{ width: 50px;}