@charset "UTF-8";
/* Form CSS. */
/* ========================================= TAG
* ========================================= */
input[type="search"] { margin: 0.5em 0; padding: 1em; min-width: calc(320px - 3em - 6px); width: auto; max-width: calc(100% - 3em - 6px); font-size: 1.1em; font-size: 1rem; border: solid #EEE 3px; }

/* ========================================= #container
* ========================================= */
#container { /* form */ /* #form */ /* exvalidation overwrite. */ /*  jQuery UI datepicker overwrite. */ /* e.t.c. */ }
#container form fieldset { margin-bottom: 2em; padding: 1em; min-width: calc(320px - 4em - 2px); width: auto; max-width: calc(100% - 4em - 2px); text-align: left; border: 1px solid #999; }
#container form input { margin: 0.5em 0; }
#container form input[type="text"], #container form input[type="password"], #container form input[type="tel"], #container form input[type="email"], #container form input[type="date"], #container form input[type="time"], #container form input[type="url"] { padding: 1em; font-size: 1.1em; font-size: 1rem; max-width: calc(100% - 2em - 6px); border: solid #EEE 3px; }
#container form input[type="text"] { max-width: calc(100% - 2em - 6px); }
#container form input[type="text"].kana { max-width: calc(100% - 7em - 6px); }
#container form input[type="text"].addr { margin-left: 1em; width: calc(100% - 3em - 6px); }
#container form input[type="text"].email, #container form input[type="text"].zip1, #container form input[type="text"].zip2, #container form input[type="text"].b_yeer, #container form input[type="text"].b_month, #container form input[type="text"].b_day { padding: 1em 0.25em; }
#container form input[type="text"].email, #container form input[type="text"].zip1, #container form input[type="text"].b_yeer, #container form input[type="text"].b_month, #container form input[type="text"].b_day { text-align: right; }
#container form input[type="text"].email { max-width: calc(40% - 0.5em - 6px); }
#container form input[type="text"].email.domain { text-align: left; max-width: calc(48% - 0.5em - 6px); }
#container form input[type="text"].zip1 { width: calc(480px * 0.3 - 0.5em - 6px); max-width: calc(30% - 0.5em - 6px); }
#container form input[type="text"].zip2 { width: calc(480px * 0.4 - 0.5em - 6px); max-width: calc(40% - 0.5em - 6px); }
#container form input[type="text"].b_yeer { width: calc(480px * 0.3 - 0.5em - 6px); max-width: calc(30% - 0.5em - 6px); }
#container form input[type="text"].b_month, #container form input[type="text"].b_day { width: calc(480px * 0.22 - 2em - 6px); max-width: calc(22% - 0.5em - 6px); }
#container form input[type="password"], #container form input[type="tel"], #container form input.tel, #container form input[type="date"], #container form input[type="time"], #container form input.date { max-width: calc(400px - 2em - 6px); }
#container form input[type="search"] { padding: 0.5em 1em; }
#container form input.wide-max { width: calc(100% - 4em - 6px); }
#container form textarea { padding: 1em; min-width: calc(320px - 8em - 6px); width: auto; max-width: calc(100% - 8em - 6px); font-size: 1em; border: solid #EEE 3px; }
#container form select { min-width: calc(320px - 8em - 6px); width: auto; max-width: calc(50% - 8em - 6px); border: solid #EEE 3px; }
#container #form { text-align: left; }
#container #form .send { margin: 2em; padding: 2em; width: calc(100% - 8em); color: #777; text-align: center; vertical-align: middle; border: 1px solid #777; display: table; }
#container #form .send::before, #container #form .send::after { display: none; }
#container #form fieldset #email { display: flex; align-items: baseline; }
#container #form fieldset legend { color: #333; }
#container #form fieldset label { color: #555; font-size: 0.9em; text-align: right; white-space: nowrap; }
#container #form fieldset #checkbox.group, #container #form fieldset #radio.group { padding: 0.5em; }
#container #form fieldset .group { padding: 1em; }
#container #form label input { margin-left: 1em; margin-right: .25em; }
#container .err { background-color: #ffebe6; }
#container .err.after { border-color: #ff3333; background: #FFF !important; }
#container .err input { background-color: #ffebe6; }
#container .fixed .formErrorContent { background: rgba(255, 51, 0, 0.9); }
#container span.err { background-color: transparent; }
#container .ui-datepicker { background-color: rgba(255, 255, 255, 0.9); padding: 1em; border: 1px solid #999; position: fixed; }
#container .ui-datepicker .ui-datepicker-header { position: relative; width: 100%; display: flex; justify-content: space-between; }
#container .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { padding-right: 1em; order: 1; cursor: pointer; }
#container .ui-datepicker .ui-datepicker-header .ui-datepicker-next { padding-left: 1em; order: 3; cursor: pointer; }
#container .ui-datepicker .ui-datepicker-header .ui-datepicker-title { padding: 0 1em; order: 2; }
#container .ui-datepicker .ui-datepicker-calendar { width: 100%; margin-top: 0.5em; }
#container .ui-datepicker .ui-datepicker-calendar th, #container .ui-datepicker .ui-datepicker-calendar td { padding: 0.5em; }
#container .ui-datepicker .ui-datepicker-calendar th { text-align: center; }
#container .ui-datepicker .ui-datepicker-calendar td { text-align: right; }
#container .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today { font-weight: bold; }
#container .pagebody { position: relative; margin: 0; padding: 0; width: 100%; display: block; }
#container .entry h5, #container .contact h5 { color: #333; }

/* ========================================= */
/*  Button.*/
/* ========================================= */
.button, .buttonSlv, .buttonRed, .buttonBlu, .buttonOrg, .search .button { width: auto; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: auto; margin-right: auto; padding: 1em; font: 1.2em/1em "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,sans-serif; color: #555; text-align: center; vertical-align: middle; text-decoration: none; outline: none; text-shadow: 1px 1px 0 #FFF; -webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3); -moz-box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3); -ms-box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3); box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.3); border: none; border: 1px solid #CCC; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -ms-border-radius: 0.2em; border-radius: 0.2em; background: #FFF; background: -webkit-linear-gradient(0deg, #CCC, #FFF); background: -moz-linear-gradient(0deg, #CCC, #FFF); background: -ms-linear-gradient(0deg, #CCC, #FFF); background: linear-gradient(0deg, #CCC, #FFF); cursor: pointer; display: inline-block; }

.button:hover, .buttonSlv:hover, .buttonRed:hover, .buttonBlu:hover, .buttonOrg:hover { color: #999; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background: #CCC; background: -webkit-linear-gradient(180deg, #CCC, #FFF); background: -moz-linear-gradient(180deg, #CCC, #FFF); background: -ms-linear-gradient(180deg, #CCC, #FFF); background: linear-gradient(180deg, #CCC, #FFF); }

.buttonRed { color: #FFF; text-shadow: 1px 1px 0 #000; background: #EE0077; background: -webkit-linear-gradient(0deg, #000, #EE0077); background: -moz-linear-gradient(0deg, #000, #EE0077); background: -ms-linear-gradient(0deg, #000, #EE0077); background: linear-gradient(0deg, #000, #EE0077); border-color: #EE0077; }

.buttonRed:hover { color: #FEE; background: #EE0077; background: -webkit-linear-gradient(180deg, #000, #EE0077); background: -moz-linear-gradient(180deg, #000, #EE0077); background: -ms-linear-gradient(180deg, #000, #EE0077); background: linear-gradient(180deg, #000, #EE0077); }

.buttonBlu { color: #FFF; text-shadow: 1px 1px 0 #000; background: #0066BB; background: -webkit-linear-gradient(0deg, #000, #0066BB); background: -moz-linear-gradient(0deg, #000, #0066BB); background: -ms-linear-gradient(0deg, #000, #0066BB); background: linear-gradient(0deg, #000, #0066BB); border-color: #0066BB; }

.buttonBlu:hover { color: #EEF; background: #0066BB; background: -webkit-linear-gradient(180deg, #000, #0066BB); background: -moz-linear-gradient(180deg, #000, #0066BB); background: -ms-linear-gradient(180deg, #000, #0066BB); background: linear-gradient(180deg, #000, #0066BB); }

.buttonOrg { color: #000; background: #ffeedd; background: -webkit-linear-gradient(0deg, #eeaa55, #ffeedd); background: -moz-linear-gradient(0deg, #eeaa55, #ffeedd); background: -ms-linear-gradient(0deg, #eeaa55, #ffeedd); background: linear-gradient(0deg, #eeaa55, #ffeedd); border-color: #ff7700; }

.buttonOrg:hover { color: #dd6600; background: -webkit-linear-gradient(180deg, #eeaa55, #ffeedd); background: -moz-linear-gradient(180deg, #eeaa55, #ffeedd); background: -ms-linear-gradient(180deg, #eeaa55, #ffeedd); background: linear-gradient(180deg, #eeaa55, #ffeedd); }

.button:active, .buttonSlv:active, .buttonRed:active, .buttonBlu:active, .buttonOrg:active, .buttonSlv:active, .buttonRed:active, .buttonBlu:active, .buttonOrg:active { color: #ff3333; background: #ffcca8; background: -webkit-linear-gradient(0deg, #ffeedd, #ffcca8); background: -moz-linear-gradient(0deg, #ffeedd, #ffcca8); background: -ms-linear-gradient(0deg, #ffeedd, #ffcca8); background: linear-gradient(0deg, #ffeedd, #ffcca8); border-color: #ffcca8; }

.button.small, .small.buttonSlv, .small.buttonRed, .small.buttonBlu, .small.buttonOrg, .buttonSlv.small, .buttonRed.small, .buttonBlu.small, .buttonOrg.small { font-size: 0.75em; margin: 0; padding: 0.5em; }

.button.check, .check.buttonSlv, .check.buttonRed, .check.buttonBlu, .check.buttonOrg, .buttonSlv.check, .buttonRed.check, .buttonBlu.check, .buttonOrg.check { margin: 0.5em; }

.back { margin: 1em 0; text-align: center; }

.submit { margin: 1em 0; width: 100%; text-align: center; }

.search input[type="search"] { padding: 0.5em 1em; }

.search .icon-search::before { content: "\e986"; }

.search .buttonSlv, .search .buttonRed, .search .buttonBlu, .search .buttonOrg, .search .button { padding: 0.75em; font-size: 0.9em; }

/* 求人一覧 上の検索窓 */
.main_search_block { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 1em; padding: 0.25em 1em; border: 4px solid #E4E4E4; width: 100%; box-sizing: border-box; }
.main_search_block input[type="search"] { flex: 2; min-width: auto; width: auto; border: none; outline: none; }