@charset "UTF-8";

.wpcf7-form-control-wrap {
	position: static !important;
}

div.wpcf7 .ajax-loader {
	margin: 10px auto 0 !important;
	display: block !important;
}

span.wpcf7-not-valid-tip {
	display: inline-block !important;
	color: #E60012 !important;
}

div.wpcf7-response-output {
	padding: 15px !important;
	margin: 40px 0 0 !important;
}

div.wpcf7-mail-sent-ok {
	background: #ebfbff;
	border: 2px solid #30b3d2 !important;
	color: #3f82b5 !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	background: #fee;
	border: 2px solid #E60012 !important;
	color: #E60012 !important;
}

.form_tbl td input[type="text"].wpcf7-not-valid,
.form_tbl td input[type="email"].wpcf7-not-valid,
.form_tbl td input[type="tel"].wpcf7-not-valid,
.form_tbl td textarea.wpcf7-not-valid {
	background: #fee;
}

.main_head_img {
	background-image: url("../recruit/img/bg-main.jpg");
	background-position: right 20% bottom;
}

.recruit {
	margin: 70px 0;
}

.address {
	text-align: center;
	margin-bottom: 30px;
}

.address_wrap {
	font-size: 0;
}

.address_name,
.address_tel {
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
}

.address_name {
	margin-right: 15px;
}

.address_tel img {
	display: block;
}

.recruit_txt {
	text-align: center;
	margin-bottom: 80px;
}

.main span.-asta {
	color: #f00;
}

.form_tbl {
	width: 100%;
	margin-bottom: 30px;
}

.form_tbl th,
.form_tbl td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px;
}

.form_tbl th {
	text-align: left;
	width: 180px;
	vertical-align: middle;
}

.form_tbl td {}

.form_tbl td input[type="text"],
.form_tbl td input[type="email"],
.form_tbl td input[type="tel"],
.form_tbl td textarea {
	width: 100%;
	padding: 10px;
	font-size: inherit;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	max-width: 100%;
	outline: none;
	background: #f1f1f1;
}

.recruit_foot {
	text-align: center;
}

.recruit_foot_privacy {
	margin-bottom: 20px;
}

.recruit_foot_privacy a {
	display: inline-block;
}

.recruit_foot_privacy a:after {
	font-family: icomoon;
	content: "\e908";
	color: #aaa;
	font-size: 12px;
	margin-left: 3px;
}

.recruit_foot_submit {}

.recruit_foot_submit input[type="submit"] {
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	color: #FFF;
	background: #23284A;
	padding: 15px 100px;
	border-radius: 100px;
	font-weight: bold;
	border: 2px solid #23284A;
	transition: all 0.3s;
}

.recruit_foot_submit input[type="submit"]:hover {
	background-color: #fff;
	color: #23284A;
	transition: all 0.3s;
}

.rec_type {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.-new .rec_type{
	margin-bottom: 80px;
}

.rec_type_btn {
	background-color: #23284A;
	border: 1px solid #23284A;
	border-radius: 50px;
	color: #fff;
	width: 100%;
	max-width: 320px;
	height: 68px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}

.rec_type_btn:hover {
	background-color: #fff;
	color: #23284A;
	transition: all 0.3s;
}

.head_line {
	background-color: #23284A;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.head_line_ttl {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
.rec_wrap{
	margin: 80px 0 50px;
}
.article_list{}
.article_list li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: bold;
	border: 1px solid #23284A;
	border-radius: 5px;
	padding: 20px 30px;
	width: 100%;
	transition: all 0.3s;
}
.article_list li a:hover{
	background-color: #23284A;
	color: #fff;
	transition: all 0.3s;
}
.article_list li a:hover{}
.arrow {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 1px;
  margin: 2.9px 0;
  border-radius: 9999px;
  background-color: #23284A;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 5px;
  height: 1px;
  border-radius: 9999px;
  background-color: #23284A;
  transform-origin: calc(100% - 0.5px) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}

.btn_w {
	background-color: #fff;
	color: #23284A;
	border: 1px solid #23284A;
	border-radius: 50px;
	width: 100%;
	max-width: 320px;
	height: 68px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	margin: 0 auto;
}

.btn_w:hover {
		background-color: #23284A;
	color: #fff;
	transition: all 0.3s;
}
.rec_tb{
	width: 100%;
}
.rec_tb tr{
	border-bottom: 1px solid #CCC;
}
.rec_tb tr:first-child{
	border-top: 1px solid #CCC;
}
.rec_tb tr th{
	padding: 18px 20px;
	width: 15%;
	text-align: left;
	font-weight: bold;
}
.rec_tb tr td{
	padding: 18px 20px;
	
}
.rec_tb{}

/* All SP & Tablet */
@media screen and (max-width:1030px) {}

/* All SP */
@media screen and (max-width:640px) {
	.address_name {
		margin-right: 0;
	}

	.recruit_txt {
		text-align: left;
		margin-bottom: 30px;
	}

	.form_tbl th,
	.form_tbl td {
		display: block;
		width: 100% !important;
		border-top: none;
		padding: 10px 0;
	}

	.form_tbl th {
		border-bottom: none;
		padding: 0;
	}

	.rec_type {
		flex-direction: column;
		gap: 10px;
	}
	.rec_tb tr th,
	.rec_tb tr td{
		display: block;
		width: 100%;
		padding: 10px;
	}
	.rec_tb tr th{
		padding-bottom: 0;
	}
	.rec_tb tr td{
		padding-top: 0;
	}

}