@charset "UTF-8";

.contentbk {
}

/*フォーム*/
#form {
}

#form .input_txt {
	color:#004fb2;
	margin-bottom:15px;
}
#form dl {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
	border-bottom:1px solid #c2e0f4;
}
#form dt,#form dd {
 	text-align: left;
	vertical-align: top;
	padding:20px 37px;
	border-top:1px solid #c2e0f4;
}
#form dt {
	color:#004fb2;
	width:263px;
	/*display:flex;
	align-items:center;*/
	background-color:#eaf7ff;
}
#form span.must {
	color:#ff0000;
}

#form dd {
	font-weight:500;
	width:calc(100% - 263px);
}
#form dd div.inbk {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
#form dd.radio-list div.inbk {
	gap:60px;
}
#form dd div.inbk.add_blk {
	flex-direction:column;
}

#form dd div.inbk .email_cell {
	display:flex;
	gap:20px;
}


#form dd input,#form dd textarea,#form dd select {
	width:100%;
	padding:7px 5px 5px;
	box-sizing:border-box;
	border:1px solid #c2e0f4;
}
#form dd input {
	padding:7px 15px;
	box-sizing:border-box;
}
/*#form dd input[type="text" i] {
	height:55px;
}*/
#form dd div.inbk input[type="text" i] {
	width:calc((100% - 20px)/2);
	max-width:212px;
}
#form dd .age_blk .wide_s,#form dd .birth_blk .wide_s {
	display:flex;
	gap:15px;
}
#form dd div.wide_s input[type="text" i] {
	max-width:116px;
	min-width:5em;
}

#form dd.radio-list .mwform-checkbox-field label, #form dd.radio-list .mwform-radio-field label {
    display:flex;
    align-items:center;
    gap:10px;
}
#form dd.radio-list .mwform-checkbox-field label > input, #form dd.radio-list .mwform-radio-field label > input {
	width:16px;
	height:16px;
	padding:0;
	margin:0;
	border:4px solid #0078c9;
}

/* チェックされたラジオボタン内側のスタイル */
input[type="radio"]::before {
  background-color: #0078c9;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
/* チェックされたらラジオボタン内側を表示 */
input[type="radio"]:checked::before {
  opacity: 1;
}
/* デフォルトのラジオボタンのスタイル */
input[type="radio"] {
  appearance: none; /* デフォルトのスタイルを消す */
  border: 1px solid #0078c9;
  border-radius: 50%;
  height: 16px;
  margin: 0;
  position: relative;
  width: 16px;
}

.add_label {
	display:inline-block;
	min-width:60px;
	margin-right:30px;
}




.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0!important;
}
#form dd textarea {
	height:86px;
}

.conf_txt {
	display:none;
	padding-top:0;
}

.btnblk {
	display:flex;
	justify-content:center;
	max-width:530px;
	margin:0 auto 40px;
	position:relative;
	gap:20px;
}
.btnblk .confirm_button {
	color:#fff;
	font-size:16px;
	width:100%;
	max-width:244px;
	padding:15px 20px;
	background-color: #db5547;
	border-radius:25px;
	border:none;
	cursor:pointer;
}
.btnblk .confirm_button.back {
}



/*プライバシーポリシー同意*/
#form .pp_in {
	margin-bottom:40px;
}
#form .pp_in p {
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
}
#form .pp_in p a {
	display:inline-block;
	text-decoration:underline;
}

#form .pp_in .mwform-checkbox-field,#form .pp_in .mwform-checkbox-field label, #form .pp_in .mwform-radio-field label {
	width:20px;
	height:20px;
}
.mwform-checkbox-field label, .mwform-radio-field label {
  align-self: center;
  accent-color: #004fb2;
}
.mwform-checkbox-field-text {
	font-size: 0;
	position: relative;
	cursor: pointer;
}
.mwform-checkbox-field input, .mwform-radio-field input {
	width:16px;
	height:16px;
}

/*送信メールに表示する会社名（ページ名）*/
.mw_wp_form textarea[name="page_title"],
.mw_wp_form input[name="page_title"] {
	display: none;
}



/*確認画面*/
.mw_wp_form_confirm.mw_wp_form_preview #form {
	padding-top:200px;
}
.mw_wp_form_confirm.mw_wp_form_preview #form .conf_txt {
	font-size:140%;
	text-align:center;
	display:block;
	margin-bottom:15px;
}
.mw_wp_form_confirm.mw_wp_form_preview #form dd {
	padding: 22px 20px;
}
.mw_wp_form_confirm.mw_wp_form_preview #form dd .add_label {
	display:none;
}
.mw_wp_form_confirm.mw_wp_form_preview #form dd .note_txt,.mw_wp_form_confirm.mw_wp_form_preview #form dd .note_txt + br {
	display:none;
}


.mw_wp_form_confirm.mw_wp_form_preview #form .pp_in p {
	display:none;
}

.mw_wp_form.mw_wp_form_complete {
	padding:200px 0;
}
.recruitment_thanks {
	text-align:center;
	padding:30px 0;
}

.mw_wp_form_input,
.mw_wp_form_confirm,
.mw_wp_form_complete {
	scroll-margin-top: 200px;
}



/* -------------------------------------
contact
------------------------------------- */
.contact {
	
}
.contact .pp_blk {
	border:1px solid #c2e0f4;
	padding:25px;
	margin-bottom:62px;
}
.contact .pp_blk .pptxt {
	font-size:13px;
	line-height:1.75;
	margin-bottom:20px;
}
.contact .pp_blk .pptxt a {
	display:inline-block;
	text-decoration:underline;
}
.contact .pp_blk .pp_note {
    line-height: 1.2;
    display: flex;
    align-items: center;
}


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

}
@media screen and (max-width:1380px) {
	
}
@media screen and (max-width:1280px) {



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

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


}

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


}

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


}
@media screen and (max-width:880px) {
#sec3 .contentbk {
	padding:40px 20px;
}

}

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


}

@media screen and (max-width:768px) {
.btnblk .confirm_button {
    background-size: 35px auto;
} 

#form dd .other-input {
	left:0;
}


}

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

}

@media screen and (max-width:640px) {
	#form dl {
		/*gap: 30px 20px;*/
	}

	#form dd div.inbk {
		flex-wrap: nowrap;
	}


}

@media screen and (max-width:600px) {
	#form dl {
		gap: 0;
	}
	#form dd.radio-list div.inbk {
		gap: 10px;
	}

	#form dt,#form dd {
		display:block;
		width:100%;
		padding: 20px;
	}
	#form dt {
		/*margin-bottom:10px;*/
	}
	#form dd {
		margin-bottom:25px;
		padding: 20px 0;
	}



.btnblk .confirm_button,.btnblk .confirm_button.back {
}


}

@media screen and (max-width:400px) {
#form dd.radio-list div.inbk {
	flex-wrap:wrap;
}
#form dd .age_blk .wide_s, #form dd .birth_blk .wide_s {
    gap: 5px;
}
#form dd div.wide_s input[type="text" i] {
	padding: 7px 7px;
}

.add_label {
    min-width: 56px;
    margin-right: 20px;
}

#form dd div.inbk .add_cell input[type="text" i].cities,
#form dd div.inbk .add_cell input[type="text" i].hnumb,
#form dd div.inbk .add_cell input[type="text" i].atpnum {
	width:100%;
	max-width:100%;
}


}
@media screen and (max-width:320px) {
#form dd div.wide_s input[type="text" i] {
	min-width:3em;
	padding: 7px 7px;
}
#form dd div.wide_s input[type="text" i].year {
	min-width:5em;
}




}

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