@charset "UTF-8";
/* font-family */
/* フォントサイズ */
/* 右回転 */
@-webkit-keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 左回転 */
@-webkit-keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* X軸回転 */
@-webkit-keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
/* Y軸回転 */
@-webkit-keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
/* 上に上がりながら消える */
@-webkit-keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
/* 下に下がりながら表示 */
@-webkit-keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.theme-bg {
  background-color: #F6F7EB !important;
}

.theme-text {
  color: #333 !important;
}

.theme-border {
  border: 1px solid #357886 !important;
}

#header {
  background-color: #FFF;
  color: #333;
}

.main {
  background-color: #FFF;
  color: #333;
}

.theme-tokyo .theme-bg {
  background-color: #333;
  color: #F6F7EB !important;
}

.theme-tokyo .theme-text {
  color: #CCC !important;
}

.theme-tokyo .theme-border {
  border: 1px solid #666 !important;
}

.theme-tokyo #header {
  background-color: #000 !important;
  color: #CCC !important;
}

.theme-tokyo .main {
  background-color: #333 !important;
  color: #FFF !important;
}

/* 基本文字色 */
html {
  color: #333;
}

/* フォント */
body {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-noto {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-meiryo {
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.font-mono {
  font-family: Consolas, "Courier New", Courier, Monaco, "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

.font-msgo {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", Consolas, "Courier New", Courier, Monaco, monospace;
}

.font-btn {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*
================= 目次 =================

// 業種見出し
// 検索条件
// 固有チェックボックス
// フッター固定エントリー

========================================
*/
/*-------------------------------------
// 業種見出し
-------------------------------------*/
#EntryForm .panel:first-of-type .h2 {
  margin-top: 1em;
}

/*-------------------------------------
// 検索条件
-------------------------------------*/
.search-panel {
  display: none;
}
.search-panel .search-tbl th {
  font-size: 1.1em;
  font-weight: 600;
  width: 20%;
}
.search-panel .search-tbl td {
  padding-left: 25px;
}
.search-panel .search-tbl td .subtitle {
  margin: 0.6em 0 0.2em;
  font-weight: 500;
  font-size: 1.1em;
  color: #238ad0;
  border-bottom: 1px solid #46A2E0;
  position: relative;
  left: -0.4em;
}
.search-panel .search-tbl td .subtitle label {
  font-size: 1.1em;
}
@media screen and (max-width: 767px) {
  .search-panel .search-tbl td {
    padding-left: 15px;
  }
}
.search-panel .search-tbl .pref_other,
.search-panel .search-tbl #job_panel {
  display: none;
}

/* フィルタ実行 */
.search-filter {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 4em;
}
.search-filter #btnClose,
.search-filter #btnOpen,
.search-filter #btnSearch {
  display: none;
}

/*-------------------------------------
// 固有チェックボックス
-------------------------------------*/
input[type=checkbox].chk_entry {
  display: none; /* checkboxを非表示にする */
}

.sample_label {
  position: relative; /* ボックスの位置を指定する */
  padding: 0 0 0 32px; /* ボックス内側の余白を指定する */
  cursor: pointer;
}
.sample_label:hover:after {
  border-color: #0171bd; /* ボックスの境界線を実線で指定する */
}
.sample_label:after, .sample_label:before {
  position: absolute; /* ボックスの位置を指定する */
  content: ""; /* ボックスのコンテンツ */
  display: block; /* ブロックレベル要素化する */
  top: 50%; /* 上部から配置の基準位置を決める */
}
.sample_label:after {
  left: 5px;
  margin-top: -21px;
  width: 28px;
  height: 28px;
  border: 1px solid #1D1E22;
  border-radius: 0;
}
.sample_label:before {
  left: 13px; /* 左から配置の基準位置を決める */
  margin-top: -17px;
  width: 12px;
  height: 18px;
  border-right: 4px solid #0171bd; /* 境界線（右）のスタイルを指定する */
  border-bottom: 4px solid #0171bd; /* 境界線（下）のスタイルを指定する */
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); /* 要素を回転させる */
  opacity: 0; /* 要素を透過指定する */
}
input[type=checkbox].chk_entry:checked + .sample_label:before {
  opacity: 1; /* 要素を表示する */
}
@media screen and (max-width: 767px) {
  .sample_label:after {
    left: 18px;
    margin-top: -15px;
    width: 20px;
    height: 20px;
  }
  .sample_label:before {
    left: 23px;
    margin-top: -15px;
    width: 10px;
    height: 15px;
  }
}

/*-------------------------------------
// フッター固定エントリー
-------------------------------------*/
/* すべての企業をチェック */
.all-chk {
  display: inline-block;
  margin: 0 10px;
}
.all-chk a.all_chk_btn {
  font-size: 1em;
  font-weight: 500;
  text-decoration: underline;
  padding: 0 1em;
}
.all-chk a.all_chk_btn:not(:hover) {
  color: #585858;
}
.all-chk__on {
  border-right: 2px solid #999;
}

@media screen and (max-width: 575px) {
  .kigyo_list .btn-foot.btn-bookmark,
  .kigyo_list .btn-foot.btn-entry {
    min-width: 0;
    padding: 5px 20px 5px;
    font-size: 1.5rem;
    min-width: 130px;
  }
}/*# sourceMappingURL=kigyo_list.css.map */