@charset "utf-8";

.p_404 {
	text-align: center;
	line-height: 1.5;
	padding: 3em 20px;}

/* =========================================================================
 contact form
========================================================================= */

.form_input {
	padding: 0.5em 1.5em 2em;
	height: auto;}

#inqform .form_input dl {
	display: flex;
	flex-wrap: wrap;}
#inqform .form_input dt,
#inqform .form_input dd {
	font-size: 14px;
	line-height: 1.5;}
#inqform .form_input dt {
	padding: 1em 0 1em 0;
	position: relative;
	width: 100%;}
#inqform .form_input .req dt::after {
	color: #fff;
	background: #13903E;
	content: '必須';
	margin: 0 0 0 0.5em;
	padding: 0 0.5em;}
#inqform .form_input .req.conf dt::after {
	content: '確認';}
#inqform .form_input dd {
	padding: 0 0 1em;
	width: 100%;}
#inqform .notearea {
	text-align: center;
	padding: 1em 0 4em;}
#inqform .notearea a {
	color: #00913a;}
#inqform .btnarea {
	text-align: center;}
	#inqform .btnarea .bw:hover{
		background:#fff;
		transition:0.3s;
	}
	#inqform .btnarea .bw:hover::after{
		background: url('../images/common/arrow_grn.png');
		background-size:100%;
		transition: 0.3s;
	}
	#inqform .btnarea .bw {
		background: #00913a;
		display: inline-block;
		position: relative;
		transition: 0.3s;}
#inqform .btnarea .bw::after {
	content: '';
	position: absolute;
	top: 54%;
	right: 20px;
	margin: -6px 0 0 0;
	background: url('../images/common/arrow_wt.png');
	background-size: contain;
	width: 8px;
	height: 12px;
transition: 0.3s;}
#inqform .btnarea input {
	background: none;}

#inqform .msgarea {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 20px 3em;}
#inqform .msgarea p {
	margin: 0 0 1em;}
#inqform .msgarea p a {
	color: #00913a;}
.mw_wp_form_input .form_contents_status li.cl_01,
.mw_wp_form_complete .form_contents_status li.cl_02,
.mw_wp_form_input .form_contents_status li.cl_01 span::before,
.mw_wp_form_complete .form_contents_status li.cl_02 span::before {
	background: #13903e;
	color: #fff;}
/*--------------------------------------------------- FORM : INPUT*/
.form_cmn input[type="text"],
.form_cmn input[type="email"],
.form_cmn input[type="password"],
.form_cmn input[type="tel"],
.form_cmn input[type="number"],
.form_cmn input[type="url"],
.form_cmn input[type="date"],
.form_cmn textarea{
	resize: vertical;
	display:block;
	width:100%;
	padding: 0.5em 1em;
	border:1px solid #9B9B9C;
	line-height:1.5;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;}
.form_cmn input[type="text"].short {
	width: 160px;}
/*--------------------------------------------------- FORM : INPUT:PLACEHOLDER*/
.form_cmn input::placeholder { color: #ccc; }
.form_cmn textarea::placeholder { color: #ccc; }
/* IE */
.form_cmn input:-ms-input-placeholder { color: #ccc; }
.form_cmn textarea:-ms-input-placeholder { color: #ccc; }
/* Edge */
.form_cmn input::-ms-input-placeholder { color: #ccc; }
.form_cmn textarea::-ms-input-placeholder { color: #ccc; }

.form_cmn input:focus:placeholder-shown {
color: transparent;}
.form_cmn input:focus::-webkit-input-placeholder {
color: transparent;}
.form_cmn input:focus::-moz-placeholder {
color: transparent;}
.form_cmn input:focus:-ms-input-placeholder {
color: transparent;}
.form_cmn input:focus::-ms-input-placeholder {
color: transparent;}

input:focus:placeholder-shown {
color: transparent;}
input:focus::-webkit-input-placeholder {
color: transparent;}
input:focus::-moz-placeholder {
color: transparent;}
input:focus:-ms-input-placeholder {
color: transparent;}
input:focus::-ms-input-placeholder {
color: transparent;}

input::-webkit-input-placeholder {
    padding-top: 0.1em;}
/*--------------------------------------------------- FORM : INPUT:NUMBER*/
/* Chrome、Safari スピンボタンを消す */
.form_cmn input[type="number"]::-webkit-outer-spin-button,
.form_cmn input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;}
/* Firefox、IE スピンボタンを消す */
.form_cmn input[type="number"]{
	-moz-appearance:textfield;}
/*--------------------------------------------------- FORM : LABEL*/
.form_cmn label{
	display:inline-block;
	padding: 0 0.5em 0 0;
	margin: 0 1em 0 0;
	cursor:pointer;}
.form_cmn .itemgroup {
	display: flex;
	flex-wrap: wrap;}
.form_cmn input[type="checkbox"],
.form_cmn input[type="radio"] {
	display: none;}
.form_cmn .mwform-checkbox-field label,
.form_cmn .mwform-radio-field label {
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;}
.form_cmn .mwform-checkbox-field label::before,
.form_cmn .mwform-radio-field label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0.5em 0 0;
	border:1px solid #9B9B9C;}
.form_cmn .mwform-radio-field label::before,
.form_cmn .mwform-radio-field label.checked::after {
	border-radius: 10px;}
.form_cmn .mwform-checkbox-field label.checked::after,
.form_cmn .mwform-radio-field label.checked::after,
.form_cmn .mwform-checkbox-field label.checked::after,
.form_cmn .mwform-radio-field label.checked::after  {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	background: #00913a;
	top: auto;
	left: 3px;}
.form_cmn .mw_wp_form .horizontal-item + .horizontal-item {
	margin: 0;}
/*--------------------------------------------------- FORM : FILE*/
.form_cmn .mw_wp_form input[type="file"]{
	display: none;}
.form_cmn label.file {
	padding: 0;
	margin: 0;}
.form_cmn input.fakefileup {
	box-shadow: none;
	border: 1px solid;
	width: 10em;
	text-align: center;
	cursor: pointer;
	pointer-events: none;}
.form_cmn input.fakefilename {
	padding: 0;
	border: none;
	box-shadow: none;
	font-size: 0.875em;
	opacity: 0.5;
	margin: 0.5em 0 0;}
.form_cmn .mwform-file-delete {
	align-self: center;
	padding: 0 0.5em;
	display: inline-block;}
/*--------------------------------------------------- FORM : SELECT*/
.form_cmn select{
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	cursor:pointer;
	border:1px solid #9B9B9C;
	/* デフォルトの Appearance を解除 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.form_cmn select option{
	padding:5px 10px;
	cursor:pointer;
	border-bottom:1px solid #9B9B9C;}
/*--------------------------------------------------- FORM : BUTTON*/
.form_cmn input[type="submit"],
.form_cmn input[type="reset"],
.form_cmn input[type="button"]{
	display:inline-block;
	min-width:250px;
	text-align:center;
	padding:10px 20px;
	cursor:pointer;
	background:#00913a;
	color:#FFF;
	vertical-align:middle;
	border:1px solid #13903E;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.form_cmn input[type="reset"]{
	background:#666;}
.form_cmn input[type="submit"]:hover,
.form_cmn input[type="reset"]:hover,
.form_cmn input[type="button"]:hover{
	color:#13903E;
	background: #fff;
	border:1px solid #13903E;
	transition: 0.3s;
}
/*--------------------------------------------------- FORM : FOCUS*/
.form_cmn input:focus,
input.input_cmn:focus,
.form_cmn textarea:focus,
textarea.input_cmn:focus,
.form_cmn label:focus,
label.label_cmn:focus,
.form_cmn select:focus,
select.select_cmn:focus {
	border-color:#00913a;}

/* =========================================================================
 RECRUIT
========================================================================= */
.tbl_salary {
	
}
.tbl_salary .thead {
	display: none;}
.tbl_salary .dl {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;}
.tbl_salary .dl .dt {
	width: 100%;}
.tbl_salary .dl .dd {
	width: 100%;}
.tbl_salary .txt_tbls_th {
	width: 4.5em;
	display: inline-block;}
/* ================================================================================================

MEDIA QUERY

================================================================================================ */
/* =========================================================================
 480PX
========================================================================= */
@media all and (min-width:481px) {
	.tbl_salary .thead {
		display: block;}
	.tbl_salary .dl {
		border: none;
		padding: 0;}
	.tbl_salary .dl .dt {
		width: 10em;}
	.tbl_salary .dl .dd {
		width: calc(100% - 10em);}
}

/* =========================================================================
 640PX
========================================================================= */
@media all and (min-width:641px) {
	.form_input {
		padding: 2.5em 3em;}
	#inqform .form_input dt {
		padding: 1em 0;
		width: 200px;}
	#inqform .form_input dd {
		padding: 1em 0;
		width: calc(100% - 200px);}
}
/* =========================================================================
 768PX
========================================================================= */
@media all and (min-width:769px) {

}

/* =========================================================================
 1024PX
========================================================================= */
@media all and (min-width:1025px) {

}

/*IE対策*/
@-ms-viewport {
    width: device-width;
    initial-scale: 1;}
@media all and (-ms-high-contrast:none) {
	.form_cmn .form_input_item01 .mwform-checkbox-field label.checked::after,
	.form_cmn .form_input_item01 .mwform-radio-field label.checked::after{
		top:6px;
	}
	.form_cmn .form_input_item02 .mwform-checkbox-field label.checked::after,
	.form_cmn .form_input_item02 .mwform-radio-field label.checked::after{
		top:5px;
	}
}