@charset "UTF-8";
/*-------------------------------------------------
 共通
-------------------------------------------------*/
.jobSearch {
  position: relative;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 16px;
  /* ローディング */
}
@media screen and (max-width: 640px) {
  .jobSearch {
    font-size: 3.5vw;
  }
}
.jobSearch div,
.jobSearch span, .jobSearch h1, .jobSearch h2, .jobSearch h3, .jobSearch h4, .jobSearch h5, .jobSearch h6, .jobSearch button, .jobSearch p, .jobSearch dl, .jobSearch dt, .jobSearch dd, .jobSearch ul, .jobSearch ol, .jobSearch li, .jobSearch table, .jobSearch caption, .jobSearch tbody, .jobSearch thead, .jobSearch tfoot, .jobSearch tr, .jobSearch th, .jobSearch td, .jobSearch figure {
  font-size: inherit;
}
.jobSearch.jsPanelPopup .jsCheckPanel {
  position: fixed;
  padding: 1%;
  box-sizing: border-box;
  width: 80%;
  height: auto;
  max-height: 80%;
  top: 10%;
  left: 10%;
  background: #f7f7f7;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: 3px 3px 5px 0 black;
  z-index: 99999;
}
@media screen and (max-width: 1024px) {
  .jobSearch.jsPanelPopup .jsCheckPanel {
    padding: 3%;
  }
}
.jobSearch.jsPanelPopup .jsCheckPanel > dt {
  display: block;
}
.jobSearch.jsPanelPopup .jsClose {
  position: fixed;
  top: 10%;
  right: 10%;
  width: 30px;
  height: 30px;
  margin: -30px -30px 0 0;
  display: block;
  background: #ffffff;
  line-height: 100%;
  text-align: center;
  border: solid 1px #cccccc;
  font-size: 20px;
  padding: 3px 0 7px;
  cursor: pointer;
  border-radius: 100%;
  z-index: 99999;
  display: none;
  box-sizing: border-box;
}
.jobSearch.jsPanelPopup .jsClose:before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 100%;
}
.jobSearch.jsPanelFixed .jsTogglePanel {
  display: none;
}
.jobSearch.jsPanelFixed .jsCheckPanel {
  display: block;
}
.jobSearch li {
  list-style: none;
}
.jobSearch .jsForm {
  background: #ffffff;
}
.jobSearch .jsForm .jsButton {
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm .jsButton {
    position: relative;
    margin: 0 auto;
  }
}
.jobSearch .jsForm .jsButton button {
  background: none;
  cursor: pointer;
  width: 100%;
  border: 0;
  padding: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm .jsButton button {
    width: 100%;
    max-width: none;
    display: block;
    padding: 0;
  }
}
.jobSearch .jsForm .jsButton button:hover {
  opacity: 0.8;
}
.jobSearch .jsForm .jsButton button span {
  letter-spacing: 0;
  transition: all 0.5s;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  text-align: left;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 1.125em;
  font-weight: bold;
  padding: 0.6em 0.5em 0.4em 3.4em;
  line-height: 1.5;
  background: #c20a00;
  color: #ffffff;
  text-align: left;
}
@media all and (-ms-high-contrast: none) {
  .jobSearch .jsForm .jsButton button span {
    padding-top: 0.65em;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm .jsButton button span {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}
.jobSearch .jsForm .jsButton button span:before {
  content: "";
  width: 1.444em;
  height: 1.444em;
  display: block;
  background: url(../img/search01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5em;
}
.jobSearch .jsForm .jsCheckedTermList {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.2em 0 0 0;
  border-bottom: solid 2px #b3b3b3;
  margin-top: 0;
}
@media all and (-ms-high-contrast: none) {
  .jobSearch .jsForm .jsCheckedTermList {
    padding-top: 0.5em;
  }
}
.jobSearch .jsForm .jsPanel > dl.box > dt {
  font-weight: bold;
}
.jobSearch .jsForm .jsPanelList {
  overflow: hidden;
}
.jobSearch .jsForm .jsSearchMessage {
  color: #000000;
  background: url(../img/message.png) no-repeat center;
  background-size: contain;
  width: 15em;
  height: 0;
  padding: 7.64em 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4.5em 0 0 0.3em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm .jsSearchMessage {
    background-image: url(../img/message_sp.png);
    width: 9.7em;
    padding: 4.5em 0 0 0;
    margin-top: -2.5em;
  }
}
.jobSearch .jsForm .jsSearchMessage span {
  display: none;
}
.jobSearch .jsForm .jsSearchTitle {
  width: 30em;
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 0 auto -3.4em;
  padding: 6em 0 0 0;
  background: url(../img/title.png) no-repeat center #ffffff;
  background-size: 14.5em auto;
  position: relative;
  top: -3.125em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm .jsSearchTitle {
    width: 76vw;
  }
}
.jobSearch .jsForm .jsSearchTitle span {
  display: none;
}
.jobSearch .jsForm .hiddenData {
  display: none !important;
}
.jobSearch .jsForm #panel_search {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.jobSearch .jsForm #panel_search:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.jobSearch .jsForm #panel_search li.jsPanel {
  width: 31%;
  float: left;
  margin: 0 3.5% 25px 0;
  position: relative;
}
.jobSearch .jsForm #panel_search.form1 .jsPanel:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsPanel > dl {
    letter-spacing: normal;
  }
}
.jobSearch .jsForm #panel_search.form1 .jsPanel > dl.box {
  position: relative;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsPanel > dl.box {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsPanel > dl.box > dt {
    font-size: 4vw;
    line-height: 1em;
    padding: 1.5em 0;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsPanel > dl.box > dd {
    font-size: 3vw;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsPanel > .jsCheckedTermList {
    float: none;
    letter-spacing: normal;
    display: block;
    width: 100%;
    vertical-align: top;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsButton {
    width: 6em !important;
    text-align: center;
    background: none;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsButton:before {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form1 .jsButton button {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form3 {
    position: relative;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.form3 .jsButton {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.jobSearch .jsForm #panel_search .panelInner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
  padding: 0 0 1.2em;
  font-size: inherit;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .panelInner {
    margin: 0 auto;
    max-width: none;
    float: none;
    padding: 4vw 6vw 6vw;
  }
}
.jobSearch .jsForm #panel_search .jsInner {
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 2.18em 4.17em 2.8em 2.7em;
  background: #ffffff;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInner {
    display: block;
    box-sizing: border-box;
    padding: 0;
    background: transparent;
  }
}
.jobSearch .jsForm #panel_search .jsInner:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.jobSearch .jsForm #panel_search .jsInner > div:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.jobSearch .jsForm #panel_search .jsInner .formBox {
  display: table-cell;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  vertical-align: top;
  box-sizing: border-box;
  background: #ffffff;
  box-sizing: border-box;
  padding: 0;
}
@media (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInner .formBox {
    background: transparent;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList {
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList {
    float: none;
    margin-bottom: 2em;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols1 {
    font-size: 3.5vw;
    width: calc(100% - 7em);
    margin: 0;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList.cols2 {
  background: url(../img/bg01.png) no-repeat 50% 1.4em;
  background-size: 1.4375em auto;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols2 {
    width: 100%;
    background-position: 50%;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList.cols2 > li {
  float: left;
  width: 45.9%;
  margin: 0 8.2% 2em 0;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols2 > li {
    width: 100%;
    margin: 0 0 4em 0;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList.cols2 > li:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols2 > li:nth-child(2n) {
    margin: 0;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li {
    width: 48%;
    margin: 0 4% 5vw 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:nth-child(1), .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:nth-child(2) {
    width: 46% !important;
    margin-right: 8% !important;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:nth-child(2) {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:nth-child(3) {
    margin-right: 0 !important;
    padding-left: 2em;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:nth-child(3):before {
    right: auto;
    left: 0;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols3 > li:before {
    font-size: 3.5vw;
    top: 0.2em !important;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList.cols5 > li {
  width: 21%;
  margin: 0 4.4% 2.5em 0;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanelList.cols5 > li {
    width: 43%;
    margin-right: 7%;
    margin-bottom: 1.5em;
  }
}
.jobSearch .jsForm #panel_search .jsPanelList.cols5 > li:nth-child(4) {
  margin-right: 0;
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword {
  width: calc(100% - 11.3em) !important;
  margin: 0 !important;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword {
    width: 100% !important;
    padding: 0;
  }
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box {
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box {
    width: 100%;
    display: block;
  }
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box:before {
  display: none;
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt, .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dd {
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt, .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dd {
    width: 100% !important;
    display: block !important;
  }
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt {
  width: 7.2em;
  display: table-cell;
  text-align: left;
  margin: 0 0 4px;
  background: none;
  border: none;
  box-sizing: border-box;
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt span {
  font-size: 1.125em;
  color: #000000;
  font-weight: bold;
}
@media all and (-ms-high-contrast: none) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt {
    padding-top: 0.4em;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dt {
    border-bottom: 0;
    margin-bottom: 0.5em;
  }
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dd {
  border: solid 2px #333333;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box > dd .btn_select span {
    line-height: 1em;
    padding: 0.5em 0.5em;
  }
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box input {
  width: 100%;
  height: auto;
  border: none;
  padding: 0.7em 0.3em;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: #ffffff;
  font-size: inherit;
  margin: 0;
}
.jobSearch .jsForm #panel_search .jsPanel.jsPanel-keyword > dl.box input::placeholder {
  color: #808080;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
  border: solid 2px #000000;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box:before {
  content: "";
  width: 1em;
  height: 1em;
  display: block;
  background: url(../img/bg01.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 0.7em;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsPanel > dl.box:before {
    margin-left: 0.3em;
  }
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box.genre > dt span {
  letter-spacing: 1em;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dt {
  text-align: center;
  vertical-align: middle;
  width: 37.5%;
  box-sizing: border-box;
  display: table-cell;
  background: #e9e8e2;
  display: none;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dt span {
  color: #c20a00;
  font-size: 0.9375em;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dd {
  display: table-cell;
  vertical-align: middle;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dd .btn_select {
  position: relative;
  background: none;
  cursor: pointer;
  width: 100%;
  border: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  transition: all 0.5s;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dd .btn_select:hover {
  opacity: 0.8;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dd .btn_select span {
  box-sizing: border-box;
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 1.125em;
  text-align: left;
  font-weight: bold;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  padding: 0.4em 1em 0.3em 0.8em;
  background: #ffffff;
  color: #000000;
  position: relative;
}
.jobSearch .jsForm #panel_search .jsPanel > dl.box > dd .btn_select span:before {
  content: "";
  position: absolute;
  display: block;
  right: 0.3em;
  top: 50%;
  transform: translateY(-30%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3889em 0.2778em 0 0.2778em;
  border-color: currentColor transparent transparent transparent;
}
@media all and (-ms-high-contrast: none) {
  .jobSearch .jsForm #panel_search .jsPanel > dl.box > dd .btn_select span {
    padding-top: 0.65em;
  }
}
.jobSearch .jsForm #panel_search .jsInput {
  display: table;
  width: 80.2%;
  padding: 0 3% 0 0;
  box-sizing: border-box;
  float: left;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInput {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    float: none;
    vertical-align: bottom;
  }
}
.jobSearch .jsForm #panel_search .jsInput dt,
.jobSearch .jsForm #panel_search .jsInput dd {
  font-size: 18px;
  vertical-align: middle;
  display: table-cell;
}
.jobSearch .jsForm #panel_search .jsInput dt {
  font-weight: bold;
  width: 17.6%;
  margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInput dt {
    display: block;
    font-size: 4vw;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInput dd {
    display: block;
    width: 100%;
  }
}
.jobSearch .jsForm #panel_search .jsInput dd input {
  font-weight: normal;
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  height: auto;
  border: 3px solid #C0D54D;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 4px;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search .jsInput dd input {
    font-size: 4vw;
    padding: 14px;
    margin-bottom: 0;
  }
}
.jobSearch .jsForm #panel_search.jsReSearch {
  background: url(../img/bg-stone.jpg) no-repeat center top/cover;
}
.jobSearch .jsForm #panel_search.jsReSearch .jsSearchTitle {
  background: #ffffff;
  width: 100%;
  padding: 9.5em 0 0 0;
  margin: 0 auto;
  top: auto;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.jsReSearch .jsSearchTitle {
    padding: 7em 0 0 0;
  }
}
.jobSearch .jsForm #panel_search.jsReSearch .jsSearchTitle:before {
  content: "";
  width: 100%;
  height: 8.4375em;
  display: block;
  background: url(../img/title_research.png) no-repeat center bottom;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -2.85em;
}
.jobSearch .jsForm #panel_search.jsReSearch .panelInner {
  padding: 6em 0 4.4em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsForm #panel_search.jsReSearch .panelInner {
    padding: 18vw 4vw 6vw;
  }
}
.jobSearch .jsCheck {
  border: solid 1px #f7f7f7;
  border-top: 0;
}
.jobSearch .jsCheck dl {
  padding: 0;
  margin: 0 0 -1px 0;
}
.jobSearch .jsCheck dl.layer_0 {
  border: 0;
}
.jobSearch .jsCheck dl.layer_0 > dt {
  border-left: 0;
}
.jobSearch .jsCheck dl.active > dt {
  border-bottom: 0;
}
.jobSearch .jsCheck dl.active > dt > .btnToggle:before {
  content: "";
}
.jobSearch .jsCheck dl.active > dd {
  display: block;
}
.jobSearch .jsCheck dl > dt {
  border: solid 1px #f7f7f7;
  border-left: 0;
  border-right: 0;
  padding: 0px;
  position: relative;
  line-height: 30px;
  padding-left: 40px;
  font-weight: bold;
  font-size: 112.5%;
  color: #757575;
  cursor: pointer;
}
.jobSearch .jsCheck dl > dt:hover {
  color: #f15219;
}
.jobSearch .jsCheck dl > dt > label {
  display: block;
}
.jobSearch .jsCheck dl > dt > .btnToggle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  padding-top: 1px;
  background-color: #c20a00;
  color: #ffffff;
  transition: all 0.5s;
}
.jobSearch .jsCheck dl > dt > .btnToggle:before {
  content: "";
  font-family: FontAwesome;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jobSearch .jsCheck dl > dt > .btnToggle:hover {
  background-color: #ffffff;
  color: #c20a00;
}
.jobSearch .jsCheck dl > dd {
  display: none;
  margin: 0 0 0 30px;
  padding: 0;
}
.jobSearch .jsCheck dl > dd > ul {
  border: solid 1px #FFFFFF;
  border-bottom: 0;
  border-right: 0;
  padding: 0 6px;
  margin: 0;
  background: #ffffff;
}
.jobSearch .jsCheck dl > dd > ul li {
  list-style: none;
  padding: 0 1em 0 0;
  margin: 0;
  line-height: 2.5em;
  display: inline-block;
  font-size: 87.5%;
}
.jobSearch .jsCheck dl dt {
  background: #ffffff;
}
.jobSearch .jsCheck .jsAllCheck {
  background: #ffffff;
  display: block;
  padding: 0px;
  position: relative;
  line-height: 30px;
  padding-left: 6px;
  font-weight: bold;
  font-size: 100%;
  color: #757575;
  border-top: solid 1px #f7f7f7;
}
.jobSearch .jsCheck input[type=checkbox],
.jobSearch .jsCheck label {
  cursor: pointer;
}
.jobSearch .jsCheck label:hover {
  color: #f15219;
}
.jobSearch .jsCheck > ul {
  border-top: solid 1px #FFFFFF;
  padding: 0 10px;
  margin: 0;
  background: #ffffff;
}
.jobSearch .jsCheck > ul li {
  list-style: none;
  padding: 0 1em 0 0;
  margin: 0;
  line-height: 2.5em;
  display: inline-block;
}
.jobSearch .jsCheckPanel {
  display: none;
}
.jobSearch .jsCheckPanel > dt {
  display: none;
}
.jobSearch .jsCheckPanel > dt > span {
  color: #333333;
  font-weight: bold;
  padding-bottom: 0.5em;
  font-size: 115%;
  display: block;
}
.jobSearch .jsCheckPanel > dd {
  padding-left: 0;
}
.jobSearch .jsCheckPanel dd {
  padding-left: 1em;
}
.jobSearch .jsCheckPanel dd li {
  width: auto;
  display: inline-block;
}
.jobSearch .jsLoading {
  display: none;
  width: 100%;
  height: 0;
  padding: 200px 0 0 0;
  overflow: hidden;
  position: relative;
  background: url(../img/loading.gif) no-repeat center;
  box-shadow: none;
  z-index: 1;
}
.jobSearch .jsPagination {
  margin-bottom: 60px;
}
.jobSearch .jsPagination.jsButton button {
  max-width: 300px;
  margin: 0 auto;
}
.jobSearch .jsPagination button {
  background: none;
  border: none;
  display: block !important;
  padding: 0.5em !important;
  cursor: pointer;
}
.jobSearch .jsPagination ul > li {
  color: #ffa897;
  margin-right: 1em;
  display: inline-block;
}
.jobSearch .jsPagination ul > li > button {
  background-color: #c20a00;
  color: #ffffff;
}
.jobSearch .jsPanel .jsCheckedTermList:before,
.jobSearch .jsPanel .jsCheckedTermList .jsCheckedTerm {
  margin-right: 1em;
  line-height: 1.6em;
  display: inline-block;
  font-weight: normal;
  font-size: 0.875em;
  color: #4d4d4d;
}
.jobSearch .jsPanel .jsCheckedTermList:before {
  content: "こだわらない";
}
.jobSearch .jsPanel .jsCheckedTermList.active:before {
  display: none;
}
.jobSearch .jsPanel .jsCheckedTermList .jsCheckedTerm {
  font-weight: bold;
  color: #333333;
}
.jobSearch .jsPopupBack {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  display: none;
}
.jobSearch .jsResultsCount {
  text-align: right;
  margin: 3px 0;
  font-weight: bold;
  font-size: 0.875em;
  color: #333333;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsResultsCount {
    width: 94vw;
    margin: 0 auto 5vw;
  }
}
.jobSearch .jsResultsCount span {
  color: #c20a00;
}
.jobSearch .jsResultsHead {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  z-index: 0;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsResultsHead {
    margin-top: 0;
  }
}
.jobSearch .jsResultsHead span {
  padding: 0 0.5em 0 23px;
  margin: 0.8em 0 15px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #4C4948;
  box-sizing: border-box;
  letter-spacing: 0.3em;
  z-index: 1;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsResultsHead span {
    font-size: 14px;
  }
}
.jobSearch .jsResultsMessage {
  text-align: center;
  line-height: 2;
}
.jobSearch .jsResultsMessage dl > dt {
  color: #E4707C;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsResultsMessage dl > dt {
    font-size: 16px;
  }
}
.jobSearch .jsResultsMessage dl > dd {
  color: #403F41;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 1em;
}
@media screen and (max-width: 640px) {
  .jobSearch .jsResultsMessage dl > dd {
    font-size: 14px;
  }
}
.jobSearch .jsResultsText {
  color: #4380C8;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1em;
  line-height: 1.4;
}

.jsPopupSelect {
  margin: 1em auto !important;
  display: block !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  width: 100% !important;
  max-width: 180px;
  border: none;
  background-color: #c20a00;
  color: #ffffff;
  padding: 0.9em;
}
@media all and (-ms-high-contrast: none) {
  .jsPopupSelect {
    padding-top: 0.5em;
    padding-bottom: 0.6em;
  }
}
.jsPopupSelect:hover {
  opacity: 0.8;
}

.jsMessage {
  line-height: 2em;
}

#resultList {
  position: relative;
  width: 100%;
  padding: 6.4em 0 3em;
  background: white;
}
@media screen and (max-width: 640px) {
  #resultList {
    padding-top: 10vw;
  }
}
#resultList .resultsTitle {
  width: 100%;
  max-width: 980px;
  padding: 0;
  margin: 0 auto 3.6em;
  box-sizing: border-box;
}
#resultList .resultsTitle .jsResultsHead {
  width: 17.3125em;
  height: 7.625em;
  position: relative;
  margin: 0 auto;
  z-index: 0;
  background: url(../img/results_title.png) no-repeat center;
  background-size: 17.3125em auto;
}
@media screen and (max-width: 640px) {
  #resultList .resultsTitle .jsResultsHead {
    width: 94vw;
    margin: 0 auto 5vw;
  }
}
#resultList .resultsTitle .jsResultsHead:before {
  content: "";
  width: 100%;
  height: 1px;
  display: none;
  background: #cccccc;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
#resultList .resultsTitle .jsResultsHead span {
  padding: 0 0.5em 0 31px;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #4C4948;
  position: relative;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  z-index: 1;
  display: none;
  background: #ffffff;
}
#resultList .resultsTitle .jsResultsHead span:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #c20a00;
  display: block;
  border-right: solid 9px #afd200;
  top: -1px;
  left: 0;
  position: absolute;
}
#resultList .resultsTitle .jsResultsHead span:after {
  content: "";
  width: 9px;
  height: 9px;
  background: #c20a00;
  display: block;
  border-left: solid 9px #afd200;
  top: 8px;
  left: 0;
  position: absolute;
}
#resultList #case_archive {
  display: flex;
}

@media screen and (max-width: 640px) {
  .firstSearchWrap .firstSearchInner {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .firstSearchWrap .firstSearchInner > .mapBox, .firstSearchWrap .firstSearchInner > .searchBox {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.jobMap {
  padding: 123px 0 130px;
  max-width: 980px;
  width: 100%;
  position: relative;
  display: block;
  margin: 0 auto 14px;
}
@media screen and (max-width: 640px) {
  .jobMap {
    padding: 0;
    margin-bottom: 0;
  }
}
.jobMap:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.jobMap .mapInner {
  box-sizing: border-box;
  width: 100%;
  max-height: 618px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .jobMap .mapInner {
    padding: 0;
  }
}
.jobMap .mapTitle {
  margin-bottom: 2.2em;
  line-height: 1;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 1.2em 0 0.9em;
  z-index: 0;
}
@media screen and (max-width: 640px) {
  .jobMap .mapTitle {
    white-space: nowrap;
    font-size: 3vw;
    box-sizing: border-box;
    position: relative;
    width: 66%;
    top: auto;
    left: auto;
    margin: 0;
  }
}
.jobMap .mapTitle:before {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  border-top: solid 1px #c9c9c9;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
.jobMap .mapTitle span {
  padding: 0 1.3em 0 13em;
  background: url(../img/title_areasearch.png) no-repeat 0.5em 53% #ffffff;
  background-size: auto 1.025em;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .jobMap .mapTitle span {
    background-position: 1.1em 53%;
  }
}
.jobMap .mapMessage {
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
  width: 23.8%;
  margin: 5.1% 0 0 32.3%;
}
@media screen and (max-width: 640px) {
  .jobMap .mapMessage {
    box-sizing: border-box;
    position: relative;
    width: 66%;
    top: auto;
    left: auto;
    margin: 0 0 2em;
    z-index: 0;
  }
}
.jobMap .mapBox {
  position: relative;
  width: 253%;
  padding: 0;
  margin: -146.5% 0 0 -78.1%;
  background: #90DDFF;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox {
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 6% 3% 0;
    box-sizing: border-box;
    height: auto;
    text-align: left;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox:before {
    display: none;
  }
}
.jobMap .mapBox .mapAll {
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .mapAll {
    display: none;
  }
}
.jobMap .mapBox .mapAll .cls-1 {
  fill: #e2e2e2;
  stroke: #231815;
}
.jobMap .mapBox .areaBox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  /*北海道エリア
  ------------------------------*/
  /*東北エリア
  ------------------------------*/
  /*関東エリア
  ------------------------------*/
  /*信越・北陸エリア
  ------------------------------*/
  /*東海エリア
  ------------------------------*/
  /*関西エリア
  ------------------------------*/
  /*中国エリア
  ------------------------------*/
  /*四国エリア
  ------------------------------*/
  /*九州エリア
  ------------------------------*/
  /*沖縄エリア
  ------------------------------*/
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox {
    width: 17.7%;
    margin: 0 2.3% 6% 0;
    vertical-align: top;
    position: relative;
    display: inline-block;
    top: auto !important;
    left: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox:nth-child(5n) {
    margin-right: 0;
  }
}
.jobMap .mapBox .areaBox#area_a01 dt {
  display: none;
}
.jobMap .mapBox .areaBox#area_a01 dd ul > li .pref {
  background-color: #4B92CB;
}
.jobMap .mapBox .areaBox#area_a01 dd ul > li .pref:hover {
  background-color: #0E6DB9;
}
.jobMap .mapBox .areaBox#area_a02.enableArea dt:hover .area {
  background: #c2d4e5;
}
.jobMap .mapBox .areaBox#area_a02 dt {
  margin: 20% 0 0 101.5%;
}
.jobMap .mapBox .areaBox#area_a02 dt .area {
  border-color: #8BB0DD;
  color: #8BB0DD;
}
.jobMap .mapBox .areaBox#area_a02 dd ul > li .pref {
  background-color: #8BB0DD;
}
.jobMap .mapBox .areaBox#area_a02 dd ul > li .pref:hover {
  background-color: #4782C9;
}
.jobMap .mapBox .areaBox#area_a03 {
  color: #75C400;
}
.jobMap .mapBox .areaBox#area_a03.enableArea dt:hover .area {
  background: #a2d2cc;
}
.jobMap .mapBox .areaBox#area_a03 dt {
  margin: 75.65% 0 0 63.1%;
}
.jobMap .mapBox .areaBox#area_a03 dt .area {
  border-color: #4cadaa;
  color: #4cadaa;
}
.jobMap .mapBox .areaBox#area_a03 dd ul > li .pref {
  background-color: #4CADAA;
}
.jobMap .mapBox .areaBox#area_a03 dd ul > li .pref:hover {
  background-color: #13938F;
}
.jobMap .mapBox .areaBox#area_a04.enableArea dt:hover .area {
  background: #b4d6a9;
}
.jobMap .mapBox .areaBox#area_a04 dt {
  margin: 21% 0 0 63%;
}
.jobMap .mapBox .areaBox#area_a04 dt .area {
  border-color: #70b565;
  color: #70b565;
}
.jobMap .mapBox .areaBox#area_a04 dd ul > li .pref {
  background-color: #70B565;
}
.jobMap .mapBox .areaBox#area_a04 dd ul > li .pref:hover {
  background-color: #459F37;
}
.jobMap .mapBox .areaBox#area_a05 {
  color: #FFAC00;
}
.jobMap .mapBox .areaBox#area_a05.enableArea dt:hover .area {
  background: #d6e294;
}
.jobMap .mapBox .areaBox#area_a05 dt {
  margin: 75.65% 0 0 52.3%;
}
.jobMap .mapBox .areaBox#area_a05 dt .area {
  border-color: #b4cd3b;
  color: #b4cd3b;
}
.jobMap .mapBox .areaBox#area_a05 dd ul > li .pref {
  background-color: #B4CD3B;
}
.jobMap .mapBox .areaBox#area_a05 dd ul > li .pref:hover {
  background-color: #9DBE00;
}
.jobMap .mapBox .areaBox#area_a05 .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBox#area_a06 {
  color: #FF3F65;
}
.jobMap .mapBox .areaBox#area_a06.enableArea dt:hover .area {
  background: #dac2dd;
}
.jobMap .mapBox .areaBox#area_a06 dt {
  margin: 59% 0 0 34.87%;
}
.jobMap .mapBox .areaBox#area_a06 dt .area {
  border-color: #bb8dcc;
  color: #bb8dcc;
}
.jobMap .mapBox .areaBox#area_a06 dd ul > li .pref {
  background-color: #BB8DCC;
}
.jobMap .mapBox .areaBox#area_a06 dd ul > li .pref:hover {
  background-color: #A364BA;
}
.jobMap .mapBox .areaBox#area_a06 .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBox#area_a07.enableArea dt:hover .area {
  background: #f8cdd3;
}
.jobMap .mapBox .areaBox#area_a07 dt {
  margin: 33% 0 0 30%;
}
.jobMap .mapBox .areaBox#area_a07 dt .area {
  border-color: #f7a2b8;
  color: #f7a2b8;
}
.jobMap .mapBox .areaBox#area_a07 dd ul > li .pref {
  background-color: #F7A2B8;
}
.jobMap .mapBox .areaBox#area_a07 dd ul > li .pref:hover {
  background-color: #F47C9B;
}
.jobMap .mapBox .areaBox#area_a07 .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBox#area_a08.enableArea dt:hover .area {
  background: #f5c9a1;
}
.jobMap .mapBox .areaBox#area_a08 dt {
  margin: 60% 0 0 17%;
}
.jobMap .mapBox .areaBox#area_a08 dt .area {
  border-color: #f29b55;
  color: #f29b55;
}
.jobMap .mapBox .areaBox#area_a08 dd ul > li .pref {
  background-color: #F29B55;
}
.jobMap .mapBox .areaBox#area_a08 dd ul > li .pref:hover {
  background-color: #EE7F25;
}
.jobMap .mapBox .areaBox#area_a08 .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBox#area_a09.enableArea dt:hover .area {
  background: #f8beb5;
}
.jobMap .mapBox .areaBox#area_a09 dt {
  margin: 33% 0 0 6%;
}
.jobMap .mapBox .areaBox#area_a09 dt .area {
  border-color: #f8857c;
  color: #f8857c;
}
.jobMap .mapBox .areaBox#area_a09 dd ul > li .pref {
  background-color: #F8857C;
}
.jobMap .mapBox .areaBox#area_a09 dd ul > li .pref:hover {
  background-color: #F76D62;
}
.jobMap .mapBox .areaBox#area_a09 .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBox#area_a10 dt {
  display: none;
}
.jobMap .mapBox .areaBox#area_a10 dd ul > li .pref {
  background-color: #E67264;
}
.jobMap .mapBox .areaBox#area_a10 dd ul > li .pref:hover {
  background-color: #E25E4E;
}
.jobMap .mapBox .areaBox.balloon_left dt .area:before, .jobMap .mapBox .areaBox.balloon_left dt .area:after {
  top: 50%;
}
.jobMap .mapBox .areaBox.balloon_left dt .area:before {
  border-color: #cccccc;
  border-width: 6px 11px;
  margin-top: -6px;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -21px;
}
.jobMap .mapBox .areaBox.balloon_left dt .area:after {
  border-color: #ffffff;
  border-width: 5px 10px;
  margin-top: -5px;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -19px;
}
.jobMap .mapBox .areaBox.balloon_right dt .area:before, .jobMap .mapBox .areaBox.balloon_right dt .area:after {
  top: 50%;
}
.jobMap .mapBox .areaBox.balloon_right dt .area:before {
  border-color: #cccccc;
  border-width: 6px 11px;
  margin-top: -6px;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -21px;
}
.jobMap .mapBox .areaBox.balloon_right dt .area:after {
  border-color: #ffffff;
  border-width: 5px 10px;
  margin-top: -5px;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -19px;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.enableArea dt {
    display: block !important;
    cursor: pointer;
  }
}
.jobMap .mapBox .areaBox.enableArea dt:hover .area {
  color: #ffffff;
  background: #5bc3e6;
  border-color: #5bc3e6;
}
.jobMap .mapBox .areaBox.enableArea dt:hover .area:before, .jobMap .mapBox .areaBox.enableArea dt:hover .area:after {
  border-color: #5bc3e6;
}
.jobMap .mapBox .areaBox.enableArea dt .cls-1 {
  cursor: pointer;
}
.jobMap .mapBox .areaBox.enableArea dt .cls-1 .cls-1:hover {
  opacity: 0.5;
}
.jobMap .mapBox .areaBox.enableArea dt .cls-2 {
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.active {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.active dt {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.active dd {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.disable {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.disableArea {
    display: none;
  }
}
.jobMap .mapBox .areaBox.disableArea dd ul > li {
  pointer-events: none;
}
.jobMap .mapBox .areaBox.disableArea dd ul > li .pref {
  background: #ECE9C8 !important;
  color: #ffffff !important;
}
.jobMap .mapBox .areaBox.comingSoon {
  pointerEvents: none;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox.comingSoon {
    display: none;
  }
}
.jobMap .mapBox .areaBox.comingSoon:before {
  content: "";
  width: calc(247 / 2479.54 * 100%);
  height: 0;
  padding: calc(186 / 2479.54 * 100%) 0 0 0;
  background: url(../img/coming_soon.svg) no-repeat center;
  background-size: contain;
  margin: 69.66% 0 0 33.11%;
  position: absolute;
  z-index: 99;
}
.jobMap .mapBox .areaBox.comingSoon dd ul > li .cls-2 {
  opacity: 0.5;
}
.jobMap .mapBox .areaBox dt {
  white-space: nowrap;
  z-index: 1;
  position: absolute;
  text-align: center;
  width: calc(119.13 / 2479.54 * 100%);
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt {
    margin: 0 !important;
    width: 100%;
    vertical-align: top;
    position: relative;
    display: inline-block;
    top: auto !important;
    left: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt a {
    pointer-events: none;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt svg {
    display: none;
  }
}
.jobMap .mapBox .areaBox dt span {
  font-weight: bold;
  text-align: center;
  width: 100%;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt span {
    position: absolute;
    font-size: 3.5vw;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.jobMap .mapBox .areaBox dt .area {
  display: none;
  transition: all 0.5s;
  padding: 0.3em 1.1em;
  border-radius: 8px;
  border: 4px dotted #cccccc;
  color: #5bc3e6;
  font-size: 20px;
  font-weight: normal;
  background: #ffffff;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt .area {
    display: block;
    background: #ffffff;
    color: #333333 !important;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
    left: 0;
    border: 2px solid #FF8B5E !important;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dt .area:after {
    display: none;
  }
}
.jobMap .mapBox .areaBox dt .cls-1 {
  fill: #ffffff;
  stroke: currentColor;
  stroke-width: 1;
  stroke-miterlimit: 10;
}
.jobMap .mapBox .areaBox dt .cls-2 {
  fill: currentColor;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul {
    font-size: 0;
  }
}
.jobMap .mapBox .areaBox dd ul > li {
  border-radius: 8px;
  top: 0;
  left: 0;
  height: 0;
  position: absolute;
  box-sizing: border-box;
  /*北海道エリア
  ------------------------------*/
  /*北海道*/
  /*東北エリア
  ------------------------------*/
  /*青森県*/
  /*岩手県*/
  /*宮城県*/
  /*秋田県*/
  /*山形県*/
  /*福島県*/
  /*関東エリア
  ------------------------------*/
  /*茨城県*/
  /*栃木県*/
  /*群馬県*/
  /*埼玉県*/
  /*千葉県*/
  /*東京都*/
  /*神奈川県*/
  /*信越・北陸エリア
  ------------------------------*/
  /*新潟県*/
  /*富山県*/
  /*石川県*/
  /*福井県*/
  /*山梨県*/
  /*長野県*/
  /*東海エリア
  ------------------------------*/
  /*岐阜県*/
  /*静岡県*/
  /*愛知県*/
  /*三重県*/
  /*関西エリア
  ------------------------------*/
  /*滋賀県*/
  /*京都府*/
  /*大阪府*/
  /*兵庫県*/
  /*奈良県*/
  /*和歌山県*/
  /*中国エリア
  ------------------------------*/
  /*鳥取県*/
  /*島根県*/
  /*岡山県*/
  /*広島県*/
  /*山口県*/
  /*四国エリア
  ------------------------------*/
  /*徳島県*/
  /*香川県*/
  /*愛媛県*/
  /*高知県*/
  /*九州エリア
  ------------------------------*/
  /*福岡県*/
  /*佐賀県*/
  /*長崎県*/
  /*熊本県*/
  /*大分県*/
  /*宮崎県*/
  /*鹿児島県*/
  /*沖縄エリア
  ------------------------------*/
  /*沖縄県*/
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li {
    padding: 0 !important;
    width: 17.7% !important;
    height: auto;
    margin: 0 2.3% 6% 0 !important;
    display: inline-block;
    position: relative;
    top: auto !important;
    left: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li:nth-child(5n) {
    margin-right: 0 !important;
  }
}
.jobMap .mapBox .areaBox dd ul > li#pref_01 {
  margin: 2.5% 0 0 85%;
  width: 14.9%;
  padding: 8% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_02 {
  margin: 11.5% 0 0 85.1%;
  width: 14.9%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_03 {
  margin: 17.3% 0 0 92.7%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_04 {
  margin: 23.1% 0 0 92.7%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_05 {
  margin: 17.3% 0 0 85.1%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_06 {
  margin: 23.1% 0 0 85.1%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_07 {
  margin: 28.9% 0 0 85.1%;
  width: 14.9%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_08 {
  margin: 58.83% 0 0 63.21%;
  width: calc(160.09 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_09 {
  margin: 34.7% 0 0 92.7%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_10 {
  margin: 34.7% 0 0 85.1%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_11 {
  margin: 63.03% 0 0 57.68%;
  width: calc(164.13 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_12 {
  margin: 64.42% 0 0 63.13%;
  width: calc(161.1 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_13 {
  margin: 65.62% 0 0 58.92%;
  width: calc(134.29 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_14 {
  margin: 67.22% 0 0 58.59%;
  width: calc(122.68 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_15 {
  margin: 28.9% 0 0 77.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_16 {
  margin: 28.9% 0 0 69.9%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_17 {
  margin: 28.9% 0 0 62.3%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_18 {
  margin: 34.7% 0 0 62.3%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_19 {
  margin: 46.3% 0 0 77.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_20 {
  margin: 34.7% 0 0 77.5%;
  width: 7.3%;
  padding: 11.3% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_21 {
  margin: 61.24% 0 0 43.98%;
  width: calc(195.5 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_22 {
  margin: 67.15% 0 0 50.33%;
  width: calc(233.26 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_23 {
  margin: 68.3% 0 0 45.96%;
  width: calc(162.43 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_24 {
  margin: 69.35% 0 0 40.97%;
  width: calc(153.4 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_25 {
  margin: 66.14% 0 0 40.99%;
  width: calc(94.14 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_26 {
  margin: 65.39% 0 0 35.99%;
  width: calc(158.4 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_27 {
  margin: 70.39% 0 0 36.89%;
  width: calc(102.15 / 2479.54 * 100%);
  z-index: 1;
}
.jobMap .mapBox .areaBox dd ul > li#pref_28 {
  margin: 65.93% 0 0 32.39%;
  width: calc(167.16 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_29 {
  margin: 72.41% 0 0 39.27%;
  width: calc(97.93 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_30 {
  margin: 75.08% 0 0 36.55%;
  width: calc(129.88 / 2479.54 * 100%);
}
.jobMap .mapBox .areaBox dd ul > li#pref_31 {
  margin: 40.5% 0 0 39.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_32 {
  margin: 40.5% 0 0 31.9%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_33 {
  margin: 46.3% 0 0 39.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_34 {
  margin: 46.3% 0 0 31.9%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_35 {
  margin: 40.5% 0 0 24.3%;
  width: 7.3%;
  padding: 11.3% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_36 {
  margin: 58.9% 0 0 38.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_37 {
  margin: 53.1% 0 0 38.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_38 {
  margin: 53.1% 0 0 30.9%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_39 {
  margin: 58.9% 0 0 30.9%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_40 {
  margin: 40.5% 0 0 8.1%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_41 {
  margin: 40.5% 0 0 0.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_42 {
  margin: 46.3% 0 0 0.5%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_43 {
  margin: 46.3% 0 0 8.1%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_44 {
  margin: 40.5% 0 0 15.7%;
  width: 7.3%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_45 {
  margin: 46.3% 0 0 15.7%;
  width: 7.3%;
  padding: 11.3% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_46 {
  margin: 52.1% 0 0 0.5%;
  width: 14.9%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li#pref_47 {
  margin: 57.9% 0 0 -11%;
  width: 9.9%;
  padding: 5.5% 0 0 0;
}
.jobMap .mapBox .areaBox dd ul > li.enablePref .cls-1 {
  cursor: pointer;
}
.jobMap .mapBox .areaBox dd ul > li.enablePref .cls-1:hover {
  opacity: 0.5;
}
.jobMap .mapBox .areaBox dd ul > li.disablePref {
  pointer-events: none;
}
.jobMap .mapBox .areaBox dd ul > li.disablePref .cls-2 {
  opacity: 0.5;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li.disablePref .pref {
    opacity: 1;
    border-color: #B3B3B3 !important;
    color: #B3B3B3;
  }
}
.jobMap .mapBox .areaBox dd ul > li.prefBox .cls-1 {
  stroke: #231815;
}
.jobMap .mapBox .areaBox dd ul > li svg {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li svg {
    display: none;
  }
}
.jobMap .mapBox .areaBox dd ul > li .cls-2 {
  pointer-events: none;
}
.jobMap .mapBox .areaBox dd ul > li .pref {
  display: none;
  font-size: 1rem;
  transition: all 0.5s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #a0dcf0;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li .pref {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    height: 0 !important;
    padding: 75% 0 0 0;
    border: 2px solid #FF8B5E !important;
    border-radius: 5px;
    background: #ffffff !important;
    color: #333333;
    font-weight: bold;
    font-size: 22px;
  }
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBox dd ul > li .pref span {
    font-size: 3.5vw;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.jobMap .mapBox .areaBox .prefBox .cls-1 {
  fill: currentColor;
}
.jobMap .mapBox .areaBack {
  display: none;
}
@media screen and (max-width: 640px) {
  .jobMap .mapBox .areaBack.active {
    color: #333333;
    width: 100%;
    text-align: right;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    padding-bottom: 6%;
  }
}

.recommendBox {
  padding: 0;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox {
  border: solid 2px #33CCCC;
  border-radius: 12px;
  width: 31.2%;
  margin: 0 3.2% 3em 0;
  padding: 2%;
  background: #ffffff;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .recommendBox#loop .tabs ul.tab_contents .itemBox {
    width: 100%;
    margin: 0 0 2em;
  }
}
.recommendBox#loop .tabs ul.tab_contents .itemBox:nth-of-type(3n) {
  margin-right: 0;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox a {
  display: block;
  transition: all 0.5s;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox a:hover {
  opacity: 0.5;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox figure {
  width: 30.5%;
  height: auto;
  float: left;
  margin-bottom: 16px;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive {
  clear: both;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive dl {
  display: table;
  width: 100%;
  margin-bottom: 0.5em;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dt, .recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dd {
  display: table-cell;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dt {
  font-size: 12px;
  width: 3.5em;
  background: #999999;
  color: #ffffff;
  text-align: center;
  padding: 0.4em 0;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dd {
  background: #ffffff;
  padding-left: 0.5em;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .title_archive {
  width: 65%;
  float: right;
  box-sizing: border-box;
  background: none;
  padding: 0;
  margin-bottom: 7px;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .title_archive dl > dt {
  font-size: 13px;
  color: #33CCCC;
  line-height: 1em;
}
.recommendBox#loop .tabs ul.tab_contents .itemBox .title_archive dl > dd {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}
.recommendBox > dl {
  position: relative;
  padding-top: 5em;
}
.recommendBox > dl > dt {
  max-width: 400px;
  width: 40.82%;
  margin-bottom: 2%;
}
@media screen and (max-width: 640px) {
  .recommendBox > dl > dt {
    width: 50.75%;
    margin-bottom: 2em;
  }
}
.recommendBox .buttonBox {
  width: 100%;
  display: block;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .recommendBox .buttonBox button {
    border-radius: 2.5vw;
    font-size: 3vw;
  }
}
.recommendBox .itemList:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.recommendBox .linkList {
  display: none;
}
@media screen and (max-width: 640px) {
  .recommendBox .linkList {
    display: block;
  }
}
.recommendBox .linkList dl > dt {
  width: 68.4%;
  margin-bottom: 2em;
}
.recommendBox .linkList ul:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.recommendBox .linkList ul > li {
  width: 48%;
  float: left;
  margin: 0 4% 2em 0;
}
.recommendBox .linkList ul > li:nth-child(1) {
  display: none;
}
.recommendBox .linkList ul > li:nth-child(2n+1) {
  margin-right: 0;
}
.recommendBox .linkList ul > li .buttonBox button {
  width: 100%;
}
.recommendBox .linkList ul > li .buttonBox button span {
  display: none;
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs {
    margin-bottom: 2em;
  }
}
.recommendBox .tabs ul.tab_menu {
  display: block;
  width: 100%;
  font-size: 0;
  border-bottom: solid 9px #33CCCC;
  position: relative;
  margin-bottom: 42px;
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_menu:before {
    width: 30%;
    padding: 31.92% 0 0 0;
  }
}
.recommendBox .tabs ul.tab_menu > li {
  display: inline-block;
  background: #E6E6E6;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
  padding: 1.8em 1.5em 1.2em;
  min-width: 90px;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  vertical-align: bottom;
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_menu > li {
    display: none;
  }
}
.recommendBox .tabs ul.tab_menu > li:first-child {
  min-width: 140px;
}
.recommendBox .tabs ul.tab_menu > li:hover, .recommendBox .tabs ul.tab_menu > li.active {
  background: #33CCCC;
  color: #ffffff;
}
.recommendBox .tabs ul.tab_contents {
  overflow: visible !important;
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_contents > li:nth-child(1) {
    display: block !important;
  }
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_contents > li:nth-child(1) .buttonBox {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_contents > li:nth-child(n+2) {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .recommendBox .tabs ul.tab_contents > li .box:nth-of-type(n+3) {
    display: none;
  }
}
.recommendBox .tabs ul.tab_contents > li .buttonBox {
  display: none;
}

#home_new {
  padding: 1px 0;
  background: rgba(255, 228, 81, 0.2);
}

.newBox {
  padding: 0;
}
.newBox#loop .tabs ul.tab_contents {
  background: #258CD6;
}
@media screen and (max-width: 640px) {
  .newBox#loop .tabs ul.tab_contents .buttonBox button {
    background: #ffffff;
    color: #258CD6;
    box-shadow: 0 5px 0 #5b5b5b;
  }
}
@media screen and (max-width: 640px) {
  .newBox#loop .tabs ul.tab_contents .buttonBox button:before {
    border-color: transparent transparent transparent #258CD6;
  }
}
.newBox#loop .tabs ul.tab_contents .itemBox {
  width: 100%;
  margin: 0;
  padding: 1% 4%;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .newBox#loop .tabs ul.tab_contents .itemBox {
    width: 100%;
    margin: 0 0 2em;
  }
}
.newBox#loop .tabs ul.tab_contents .itemBox:nth-of-type(3n) {
  margin-right: 0;
}
.newBox#loop .tabs ul.tab_contents .itemBox a {
  width: 100%;
  display: block;
  color: #ffffff;
  text-decoration: underline;
  font-size: 15px;
  line-height: 1.8;
}
.newBox#loop .tabs ul.tab_contents .itemBox .date,
.newBox#loop .tabs ul.tab_contents .itemBox .job {
  display: inline-block;
}
.newBox#loop .tabs ul.tab_contents .itemBox .date {
  color: #ffffff;
  font-size: 15px;
  margin-right: 0.5em;
}
.newBox#loop .tabs ul.tab_contents .itemBox .info_archive {
  clear: both;
}
.newBox#loop .tabs ul.tab_contents .itemBox .info_archive dl {
  display: table;
  width: 100%;
  margin-bottom: 0.5em;
}
.newBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dt, .newBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dd {
  display: table-cell;
}
.newBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dt {
  font-size: 12px;
  width: 3.5em;
  background: #999999;
  color: #ffffff;
  text-align: center;
  padding: 0.4em 0;
}
.newBox#loop .tabs ul.tab_contents .itemBox .info_archive dl > dd {
  background: #ffffff;
  padding-left: 0.5em;
}
.newBox#loop .tabs ul.tab_contents .itemBox .job {
  background: #ffffff;
  border-radius: 15px;
  padding: 0 0.5em;
  color: #258CD6;
  font-size: 13px;
  line-height: 1.8;
}
.newBox#loop .tabs ul.tab_contents .itemBox .title_archive {
  width: 65%;
  float: right;
  box-sizing: border-box;
  background: none;
  padding: 0;
  margin-bottom: 7px;
}
.newBox#loop .tabs ul.tab_contents .itemBox .title_archive dl > dt {
  font-size: 13px;
  color: #33CCCC;
  line-height: 1em;
}
.newBox#loop .tabs ul.tab_contents .itemBox .title_archive dl > dd a {
  font-size: 14px;
  line-height: 1.8;
  font-weight: bold;
  color: #333333;
  text-decoration: underline;
}
.newBox > dl {
  position: relative;
  padding: 5em 0 0;
}
.newBox > dl > dt {
  max-width: 400px;
  width: 40.82%;
  margin-bottom: 2%;
}
@media screen and (max-width: 640px) {
  .newBox > dl > dt {
    width: 50.75%;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 640px) {
  .newBox .tabs {
    margin-bottom: 2em;
  }
}
.newBox .tabs ul.tab_menu {
  display: block;
  width: 100%;
  font-size: 0;
  border-bottom: solid 9px #258CD6;
  position: relative;
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_menu:before {
    width: 30%;
    padding: 31.92% 0 0 0;
  }
}
.newBox .tabs ul.tab_menu > li {
  display: inline-block;
  background: #E6E6E6;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
  padding: 1.8em 1.5em 1.2em;
  min-width: 90px;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_menu > li {
    display: none;
  }
}
.newBox .tabs ul.tab_menu > li:first-child {
  min-width: 140px;
}
.newBox .tabs ul.tab_menu > li:hover, .newBox .tabs ul.tab_menu > li.active {
  background: #258CD6;
  color: #ffffff;
}
.newBox .tabs ul.tab_contents {
  overflow: visible !important;
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_contents {
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_contents > li:nth-child(1) {
    display: block !important;
  }
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_contents > li:nth-child(n+2) {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_contents > li .box:nth-of-type(n+3) {
    display: none;
  }
}
.newBox .tabs ul.tab_contents > li .buttonBox {
  display: none;
}
@media screen and (max-width: 640px) {
  .newBox .tabs ul.tab_contents > li .buttonBox {
    display: block;
  }
}
.newBox .itemList:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.newBox .buttonBox {
  width: 100%;
  display: block;
  text-align: center;
}
.newBox .buttonBox button {
  background: #258CD6;
  background-size: 8px 12px;
  border: none;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-radius: 25px;
  box-shadow: 0 5px 0 #999999;
  padding: 0.9em;
  width: 80%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .newBox .buttonBox button {
    border-radius: 2.5vw;
    font-size: 3vw;
  }
}
.newBox .buttonBox button:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -6px;
}
.newBox .linkList {
  display: none;
}
@media screen and (max-width: 640px) {
  .newBox .linkList {
    display: block;
  }
}
.newBox .linkList dl > dt {
  width: 68.4%;
  margin-bottom: 2em;
}
.newBox .linkList ul:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
.newBox .linkList ul > li {
  width: 48%;
  float: left;
  margin: 0 4% 2em 0;
}
.newBox .linkList ul > li:nth-child(1) {
  display: none;
}
.newBox .linkList ul > li:nth-child(2n+1) {
  margin-right: 0;
}
.newBox .linkList ul > li .buttonBox button {
  width: 100%;
}
.newBox .linkList ul > li .buttonBox button span {
  display: none;
}

/*
.secPickup{
	background:#efefef;
	#loop{
		position:relative;
		padding:110px 0 40px;
		margin:0 auto;
		@media screen and (max-width: 640px){
			padding:0 0 10vw;
		}
		ul{
			&.items{
				& > li{
					&.box{
						padding:0;
						border:none;
						width:23.5%;
						float:left;
						margin:0 2% 20px 0;
						font-size:14px;
						@media screen and (max-width: 640px){
							width:100%;
							float:none;
							margin:0 0 20px 0;
						}
						&:nth-child(4n){
							margin-right:0;
						}
						figure{
							width:100%;
							height:0;
							padding:66.8% 0 0 0;
							overflow:hidden;
							position:relative;
							margin-bottom:7px;
							img{
								position:absolute;
								top:0;
								right:0;
								bottom:0;
								left:0;
								width:100%;
								height:100%;
								object-fit:cover;
							}
						}
						.postTerm{
							font-size:1em;
							height:auto!important;
							line-height:1;
							padding:0.3em 0.7em 0.2em;
							margin-bottom:0.5em;
							@media all and (-ms-high-contrast: none){
								padding-top:0.6em;
							}
						}
						.postTitle{
							font-size:1.286em;
							color:#4C4948;
							font-weight:bold;
						}
					}
				}
			}
		}
	}
	.pickupTitle{
		color:#333333;
		font-size:20px;
		font-weight:bold;
		text-align:center;
		margin-bottom:1em;
		letter-spacing:0em;
		line-height:1.0;
		background:url(../img/title_pickup.png) no-repeat 1.1em 53% #ffffff;
		background-size:auto 1.025em;
		position:absolute;
		top:0;
		left:0;
		padding:1.2em 2.6em 0.9em 9em;
		@media screen and (max-width: 640px){
			font-size:3vw;
			position:relative;
			display:inline-block;
			margin-bottom:2em;
			margin-left:-3.191%;
		}
		&:before{
			content:"";
			position:absolute;
			top:0;
			left:100%;
			margin-left:-5px;
			width: 5px;
			height: 0;
			border-style: solid;
			border-width: 3.1em 1.75em 0 0;
			border-color: #ffffff transparent transparent transparent;
		}
	}
}
*/

/*# sourceMappingURL=common.css.map */