@charset "UTF-8";
/************************************
form
*************************************/
/*
reset
***********************/
button, option, textarea, input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="text"], input[type="select"], input[type="option"], input[type=""] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  outline: 0;
  margin: 0;
  background: none;
}

/* for firefox */
select {
  text-indent: 0.01px;
  text-overflow: "";
}
/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */
select::-ms-expand {
  display: none;
}

/* ------------------------------------------ */
/* フォーカス時の色変更 */
.s-form textarea:focus,
.s-form input[type="email"]:focus,
.s-form input[type="tel"]:focus,
.s-form input[type="text"]:focus {
	outline: solid 1px #20b2aa ;
	box-shadow: 0px 5px 10px 0px rgba(224,255,255,0.7);
}
/* 入力欄の基本デザイン */
.s-form input[type="email"],
.s-form input[type="tel"],
.s-form input[type="text"],
.s-form textarea,
.s-form select {
	padding: 5px;
	width: 100%;
	font-size: 1.3rem;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.s-form input[type="radio"], 
.s-form input[type="checkbox"] {
	display:inline-block;
}
.s-form textarea {
  height: 160px; /* デフォルトの高さ */
}
.s-form select {
	display: block;
	width: auto;
	height:34px;
	overflow: hidden;
	padding:5px 30px 5px 10px;
}
.s-form .c-wrap--select {
	position: relative;
	display: inline-block;
}
.s-form .c-wrap--select:after {
	position: absolute;
	display: inline-block;
	content: '';
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #333;
	top: 25px;
	right: 11px;
	pointer-events: none;
}
.s-form input#zip {
	width:30%;
}
.s-form input[type="text"][name^="年齢"] {
	width:20%;
	margin-right:5px;
}
.s-form select#prefecture {
	margin:10px 0;
}
.s-form input[type="email"]#mailconfirm {
	margin-top:10px;
}

/* 日付Picker */
.ui-widget.ui-widget-content {
	width: 250px;
}
/* アップロードボタン */ 	
.s-form input::file-selector-button { 	
box-sizing: border-box; 	
min-height: 40px; 	
margin-right: 16px; 	
padding-top: 8px; 	
padding-right: 16px; 	
padding-bottom: 8px; 	
padding-left: 16px; 	
background-color: #fff; 	
color: #333 !important; 	
border-radius: 6px; 	
border-width: 1px; 	
border-style: solid; 	
border-color: #333; 	
text-decoration: none; 	
} 	
.s-form input[type="file"] { 	
padding: 30px 50px; 	
background: #f5f5f5; 	
border-radius: 15px; 	
cursor: pointer; 	
margin-right: 10px; 	
width:90%; 	
} 

/* ---------------- 基本レイアウト --------------------- */
.s-form .c-tag--haveto {
	margin: auto 0 auto 6px;
}

/* ---------------- ボタンデザイン調整 --------------------- */
/* 送信ボタンpadding固定 */
.s-formbtn input[type="submit"].c-btn__text {
	padding: 15px 30px;
	font-size: 1.6rem;
}
/* 確認ページ戻るボタン */
.s-formbtn .c-btn--back {
	position:relative;
	cursor:pointer;
	text-align: center;
	display: inline-block;
	margin: 20px auto 0;
}
.s-formbtn .c-btn--back:before {
	position:absolute;
	content:"";
	top:0;
	left:0;
	background-color:#888;
	transition: .3s ease;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.s-formbtn .c-btn--back:after {
	position:absolute;
	content:"";
	top:50%;
	left:20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: inline-block;
	width: 11px;
	height: 11px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(225deg) translate(5px ,5px);
	transition: .3s ease;
}
.s-formbtn .c-btn--back .c-btn__text {
	font-size:1.5rem!important;
	padding:12px 20px 12px 40px !important;
}
.s-formbtn .c-btn--back:hover:before {
	background-color:#666;
}
.s-formbtn .c-btn--back:hover:after {
	left:15px;
}

/* ---------------- MW WP form対応 --------------------- */
/* チェックボックス・ラジオボタンの配置 */
.s-form .mwform-checkbox-field,
.s-form .mwform-radio-field {
	display: block;
}
.s-form .mwform-checkbox-field:nth-of-type(n+2) ,
.s-form .mwform-radio-field:nth-of-type(n+2) {
	margin-top:3px;
	margin-left: 0!important;
}
/* リキャプチャ対応 */
input[name="recaptcha-v3"] + br {
display:none;	
}

/* エラー表示 */
.mw_wp_form .error-message { 
	display: none; 
}
.mw_wp_form_error .error-message {
	display: block;
	text-align: center;
	padding: 30px 10px;
	margin-bottom: 40px;
	border: 1px solid #B70000;
	background: #F9E3E4;
	color: #B70000;
	font-weight: bold;
}
/* 確認画面のアラート表示 */
.mw_wp_form.mw_wp_form_input .confirm-message {	
	display: none; 
}
.mw_wp_form_confirm .confirm-message {
	display: block;
	text-align: center;
	padding: 30px 10px;
	margin-bottom: 40px;
	border: 1px solid #daa520;
	background: #fafad2;
	color: #B70000;
	font-weight: bold;
}
/* 入力画面の調整 */
.mw_wp_form_input .s-formbtn .c-btn--back {
	display: none;
}
/* 確認画面の調整 */
.mw_wp_form_confirm .c-tag--haveto,
.mw_wp_form_confirm .c-wrap--select::after,
.mw_wp_form_confirm input + br,
.mw_wp_form_confirm .u-inputonly {
	display: none;
}
/* 確認画面希望職種の引数対応 */
.s-form input[name="jobtype"] {
border: 0;
pointer-events: none;
}
/* 完了画面の調整 */
.mw_wp_form_complete .s-formcomplete {
	text-align:center;
}
.mw_wp_form_complete .c-text--normal {
	margin-top:30px;
}
/* 添付ファイル「アップロードしました」表示上書き */
.mw-wp-form_file {
color: transparent; 	
pointer-events: none; 	
position: relative; 	
} 	
	
.mw-wp-form_file:after { 	
content: "添付ファイルあり"; 	
color: #333; 	
position: absolute; 	
left: 0; 	
top: 5px; 	
} 	
.mw_wp_form_input .mw-wp-form_file:after { 	
top: 5px; 	
} 	
.mw_wp_form_confirm .mw-wp-form_file:after { 	
top: 0; 	
} 
/* 添付ファイルファイル名非表示 */
.mw_wp_form_input #filename {
	display: none;
}
/* 添付ファイルがない場合はファイル名非表示 */ 	
.mw_wp_form_confirm .c-table__text--file { 	
color:transparent; 	
}
/* 個人情報同意対応 */
/* .s-form__consent {
text-align:center;
margin-bottom:20px
}
.mw_wp_form_confirm .s-form__consent{
display:none;
}
.s-form__consent span.error {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
} */
.s-form__consent {
margin-bottom:20px;
font-size:1.7rem;
font-weight:bold;
}
		
/* ---------------- スマートフォン対応 --------------------- */
@media screen and (max-width:810px) {
	.s-form input[type="tel"],
	.s-form .c-btn--back {
		width: 100%;
	}
	.s-form .c-btn--back {
		width: 80%;
	}
	/*MW WP Form 完了画面の調整 */
	.mw_wp_form_complete .s-formcomplete {
		text-align:left;
	}
	.mw_wp_form_complete .c-text--normal br {
		display:none;
	}
}