/*
./assets/css/sp.css
*/
/*--------------------------------------------------

    1280px

--------------------------------------------------*/
@media screen and (max-width: 1280px) {
  .common-container {
    padding: 0 10px;
    width: 100%; }

  .main {
    width: 75%; }

  .sidebar {
    width: 22%; }

  .common-header {
    margin: 15px 0 20px; }

  .common-footer {
    width: 100%; }

  .nav li a {
    font-size: 14px; }
    .nav li a .menu-description {
      font-size: 10px; }

  .tablink ul li.li-security {
    width: 26.56%; }
  .tablink ul li.li-security-related {
    width: 40.62%; }
  .tablink ul li.li-common {
    width: 32.82%; }
  .tablink ul li a {
    font-size: 16px; }
    .tablink ul li a span {
      font-size: 12px; }

  .breadcrumbs {
    margin: 15px 0;
    width: 100%; }
    .breadcrumbs span,
    .breadcrumbs ul,
    .breadcrumbs li {
      display: inline-block;
      font-size: 11px; }
    .breadcrumbs ul,
    .breadcrumbs li {
      display: inline-block;
      list-style: none; }
    .breadcrumbs ul li {
      margin: 0 .5rem 0 0; }
      .breadcrumbs ul li a {
        color: #1787ff; }

  .widget {
    margin: 0 0 30px; }

  .swipe-table-caption {
    display: block;
    text-align: center; }
  .swipe-table {
    overflow: auto;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left, right, color-stop(0, #cccccc), color-stop(0.9, rgba(204, 204, 204, 0)), color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: -moz-linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: -o-linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: -ms-linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0);
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch; }
    .swipe-table::-webkit-scrollbar {
      height: 5px; }
    .swipe-table::-webkit-scrollbar-track {
      background-color: #f1f1f1; }
    .swipe-table::-webkit-scrollbar-thumb {
      background-color: #bcbcbc; }

  .view-frame {
    padding: 0 0 50%; }
  .view-map-frame {
    padding: 0 0 30%; }

  .sales-box {
    margin: 0;
    width: 100%; }
    .sales-box .sl {
      margin: 0 1% 30px;
      width: 23%; }

  .page-navigation,
  .post-navigation {
    margin: 50px 0; }

  .button-box {
    margin: 50px 0; } }
/*--------------------------------------------------

    1150px

--------------------------------------------------*/
@media screen and (max-width: 1150px) {
  .common-header {
    margin: 15px 0; }
    .common-header .header-sitemeta {
      margin: 0 0 0 30px; }

  .nav-button,
  .nav-icon,
  .nav-title {
    display: block; }

  .nav-button {
    position: relative;
    width: 100%;
    height: 49px;
    background-color: #1787ff; }
    .nav-button .nav-icon {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 30px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 20px;
      height: 4px;
      background-color: #ffffff;
      border: 0 none;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -o-border-radius: 1px;
      -ms-border-radius: 1px;
      border-radius: 1px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      .nav-button .nav-icon::before, .nav-button .nav-icon::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 20px;
        height: 4px;
        background-color: #ffffff;
        border: 0 none;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -o-border-radius: 1px;
        -ms-border-radius: 1px;
        border-radius: 1px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s; }
      .nav-button .nav-icon::before {
        margin-top: -7px; }
      .nav-button .nav-icon::after {
        margin-top: 7px; }
      .nav-button .nav-icon.active {
        background-color: transparent; }
        .nav-button .nav-icon.active::before, .nav-button .nav-icon.active::after {
          margin-top: 0; }
        .nav-button .nav-icon.active::before {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .nav-button .nav-icon.active::after {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .nav-button .nav-title {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 62px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #ffffff;
      font-weight: 400;
      font-size: 21px; }

  .navigation {
    position: relative;
    width: 100%; }
    .navigation.shadow-effect::before, .navigation.shadow-effect::after {
      display: none; }

  .nav {
    display: none;
    background-color: #1787ff;
    text-align: left; }
    .nav li {
      width: 100%;
      float: none;
      border-left: 0 none; }
      .nav li a {
        padding: 15px 30px;
        text-align: left; }
        .nav li a.nav-news:hover, .nav li a.nav-news.on {
          background-color: #24d4ba; }
        .nav li a.nav-seminars:hover, .nav li a.nav-seminars.on {
          background-color: #e78900; }
        .nav li a.nav-events:hover, .nav li a.nav-events.on {
          background-color: #ff72bd; }
        .nav li a.nav-feature:hover, .nav li a.nav-feature.on {
          background-color: #ff0000; }
        .nav li a.nav-humanresources:hover, .nav li a.nav-humanresources.on {
          background-color: #02005c; }
        .nav li a.nav-organization:hover, .nav li a.nav-organization.on {
          background-color: #003d00; }
        .nav li a.nav-sales:hover, .nav li a.nav-sales.on {
          background-color: #0039ff; }
        .nav li a.nav-jobinfo:hover, .nav li a.nav-jobinfo.on {
          background-color: #00bf17; }
        .nav li a .menu-description {
          text-align: left; } }
/*--------------------------------------------------

    1080px

--------------------------------------------------*/
@media screen and (max-width: 1080px) {
  .main {
    width: 72%; }

  .sidebar {
    width: 25%; }

  .tablink ul li a {
    padding: 10px 10px 5px; }
    .tablink ul li a span {
      display: block; }

  .post-box-all .post-box {
    width: 100%;
    float: none; }

  .pl .cf-box3 dl {
    width: 100%;
    float: none; } }
/*--------------------------------------------------

    1020px

--------------------------------------------------*/
@media screen and (max-width: 1020px) {
  .common-header .header-sitemeta,
  .common-header .header-hdbanner {
    margin: 20px auto;
    padding: 0;
    float: none; } }
/*--------------------------------------------------

    820px

--------------------------------------------------*/
@media screen and (max-width: 820px) {
  .main,
  .sidebar {
    width: 100%;
    float: none; }

  .main.fright,
  .sidebar.fleft {
    float: none; }

  .common-header .header-sitemeta,
  .common-header .header-hdbanner {
    margin: 0 auto 15px;
    float: none;
    text-align: center; }
  .common-header .header-sitemeta {
    padding: 0; }
  .common-header .logo a span,
  .common-header .logo a object {
    display: none; }
  .common-header .logo a svg {
    display: inline-block; }

  .widget-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1rem;
    width: 100%; }
    .widget-buttons .widget-btn {
      margin: 0 1%;
      padding: 0.75rem;
      width: 48%;
      border: 0 none;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      background-color: #52c0d4;
      color: #ffffff;
      font-weight: 400;
      font-size: 1rem;
      text-align: center; }

  .widget.widget-jobinfo {
    display: none; }

  .tablink ul li.li-security, .tablink ul li.li-security-related, .tablink ul li.li-common {
    width: 100%; }
  .tablink ul li a {
    font-size: 14px; }
    .tablink ul li a span {
      font-size: 10px; }

  .pagination {
    margin: 2em 0; }

  .pl .pl-image {
    width: 75px;
    float: left;
    border: 1px solid #999999; }
    .pl .pl-image a {
      display: inline-block; }
      .pl .pl-image a img {
        max-width: 100%; }
  .pl .pl-texts {
    margin: 0 0 0 85px;
    padding: 0 1.3em 0 0; }
    .pl .pl-texts > .pl-tel {
      position: static;
      z-index: auto;
      top: auto;
      right: auto;
      margin: 0 0 5px;
      width: 180px; }
      .pl .pl-texts > .pl-tel a {
        padding: 10px 0;
        font-size: 14px;
        line-height: 1;
        pointer-events: auto;
        background-size: contain; }
  .pl .pl-title,
  .pl .pl-info {
    width: 100%;
    overflow: hidden;
    white-space: nowrap; }
  .pl .pl-title {
    font-weight: 400; }
  .pl .pl-info .pl-entry-author,
  .pl .pl-info .pl-entry-date,
  .pl .pl-info .pl-entry-term {
    font-size: 11px; }
    .pl .pl-info .pl-entry-author a,
    .pl .pl-info .pl-entry-date a,
    .pl .pl-info .pl-entry-term a {
      font-size: 11px; }
  .pl .pl-info dl {
    display: inline-block;
    margin: 0 1em 0 0; }
    .pl .pl-info dl dt,
    .pl .pl-info dl dd {
      display: inline-block; }
    .pl .pl-info dl dd {
      margin: 0 1em 0 0; }
      .pl .pl-info dl dd a,
      .pl .pl-info dl dd span {
        display: inline-block;
        margin: 0 1em 0 0; }
    .pl .pl-info dl dt,
    .pl .pl-info dl dd,
    .pl .pl-info dl dd a,
    .pl .pl-info dl dd span {
      color: #000000;
      font-size: 13px; }
  .pl .pl-info.pl-children-block {
    line-height: 1.3em; }
    .pl .pl-info.pl-children-block dl {
      display: block; }
      .pl .pl-info.pl-children-block dl dt,
      .pl .pl-info.pl-children-block dl dd,
      .pl .pl-info.pl-children-block dl dd a,
      .pl .pl-info.pl-children-block dl dd span {
        font-size: 12px; }
  .pl .pl-desc {
    width: 100%;
    height: 2.8em;
    overflow: hidden;
    font-size: 12px; }
  .pl .pl-more {
    margin: 5px 0; }
    .pl .pl-more a {
      padding: 10px 30px 10px 20px;
      font-size: 11px; }
      .pl .pl-more a::before, .pl .pl-more a::after {
        width: 6px;
        height: 6px; }
      .pl .pl-more a::before {
        right: 20px; }
      .pl .pl-more a::after {
        right: 15px; }
  .pl .cf-box3 {
    margin: 0; }
    .pl .cf-box3 dl {
      width: 50%; }
  .pl .cf-box2 {
    margin: 0;
    width: 100%; }
    .pl .cf-box2 dl {
      width: 50%; }
  .pl .cf-table {
    margin: 0 0 10px; }
    .pl .cf-table dl {
      width: 100%; }
  .pl.medium {
    padding: 20px 0 10px; }
    .pl.medium .pl-image {
      width: 75px; }
    .pl.medium .pl-texts {
      margin: 0 0 0 85px; }
    .pl.medium .pl-title {
      font-size: 14px; }
    .pl.medium .pl-info {
      margin: 0; }
      .pl.medium .pl-info .pl-entry-author,
      .pl.medium .pl-info .pl-entry-date,
      .pl.medium .pl-info .pl-entry-term {
        font-size: 11px; }
        .pl.medium .pl-info .pl-entry-author a,
        .pl.medium .pl-info .pl-entry-date a,
        .pl.medium .pl-info .pl-entry-term a {
          font-size: 11px; }
    .pl.medium .pl-desc {
      font-size: 12px; }
  .pl.full {
    padding: 20px 0 10px; }
    .pl.full .pl-title {
      font-size: 14px; }
    .pl.full .pl-texts {
      margin: 0;
      width: 100%;
      float: none; }
  .pl.news {
    border-bottom: 1px solid #666666; }
    .pl.news .pl-title a,
    .pl.news .pl-title span {
      color: #24d4ba; }
    .pl.news .pl-more a:hover {
      background-color: #24d4ba; }
  .pl.seminars {
    border-bottom: 1px solid #666666; }
    .pl.seminars .pl-title a,
    .pl.seminars .pl-title span {
      color: #e78900; }
    .pl.seminars .pl-more a:hover {
      background-color: #e78900; }
  .pl.events {
    border-bottom: 1px solid #666666; }
    .pl.events .pl-title a,
    .pl.events .pl-title span {
      color: #ff72bd; }
    .pl.events .pl-more a:hover {
      background-color: #ff72bd; }
  .pl.feature {
    border-bottom: 1px solid #666666; }
    .pl.feature .pl-title a,
    .pl.feature .pl-title span {
      color: #ff0000; }
    .pl.feature .pl-more a:hover {
      background-color: #ff0000; }
  .pl.humanresources {
    border-bottom: 1px solid #666666; }
    .pl.humanresources .pl-title a,
    .pl.humanresources .pl-title span {
      color: #02005c; }
    .pl.humanresources .pl-more a:hover {
      background-color: #02005c; }
  .pl.organization {
    border-bottom: 1px solid #666666; }
    .pl.organization .pl-title a,
    .pl.organization .pl-title span {
      color: #003d00; }
    .pl.organization .pl-more a:hover {
      background-color: #003d00; }
  .pl.sales {
    border-bottom: 1px solid #666666; }
    .pl.sales .pl-title a,
    .pl.sales .pl-title span {
      color: #0039ff; }
    .pl.sales .pl-more a:hover {
      background-color: #0039ff; }
  .pl.jobinfo {
    border-bottom: 1px solid #666666; }
    .pl.jobinfo .pl-title a,
    .pl.jobinfo .pl-title span {
      color: #00bf17; }
    .pl.jobinfo .pl-more a:hover {
      background-color: #00bf17; }
  .pl.full.seminars .pl-title, .pl.full.events .pl-title, .pl.full.organization .pl-title {
    font-size: 20px; }
  .pl.jobinfo .pl-texts .pl-column .pl-salary,
  .pl.jobinfo .pl-texts .pl-column .pl-readmore {
    position: static;
    z-index: auto;
    top: auto;
    right: auto; }
  .pl.jobinfo .pl-texts .pl-column .pl-salary {
    text-align: left; }

  .sales-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .sales-box .sl {
      float: none; }

  .single {
    margin: 20px 0; }
    .single > .header > .title {
      font-size: 18px; }
    .single > .info {
      margin: 10px 0; }
      .single > .info .entry-author,
      .single > .info .entry-date,
      .single > .info .entry-term {
        font-size: 11px; }
        .single > .info .entry-author a,
        .single > .info .entry-date a,
        .single > .info .entry-term a {
          font-size: 11px; }
    .single > .content {
      margin: 10px 0;
      font-size: 14px; }
      .single > .content > .image {
        display: inline-block;
        margin: 0 2em 0 0;
        width: 141px;
        float: left; }
        .single > .content > .image img {
          max-width: 100%; }
    .single > .footer {
      margin: 20px 0; }
    .single .pl.medium {
      margin: 0 0 30px; }
    .single .pl .pl-texts > .pl-tel a {
      margin: 0;
      width: 180px; }
    .single .cf-box3 {
      margin: 10px 0 0; }
      .single .cf-box3 dl {
        width: 50%; }
    .single .cf-box2 {
      margin: 0;
      width: 100%; }
      .single .cf-box2 dl {
        width: 50%; }
    .single .cf-table {
      margin: 0 0 10px; }
      .single .cf-table dl {
        width: 100%; }
    .single.jobinfo .jobinfo-image {
      width: 40%; }
    .single.jobinfo .jobinfo-texts {
      margin: 0;
      width: 55%;
      float: right; }
      .single.jobinfo .jobinfo-texts.full {
        margin: 0;
        width: 100%;
        float: none; }

  .main-searchform .row {
    display: block; }
    .main-searchform .row .col {
      display: block; }
      .main-searchform .row .col-keywords, .main-searchform .row .col-seminartype, .main-searchform .row .col-eventtype, .main-searchform .row .col-securityindustry, .main-searchform .row .col-businesstype, .main-searchform .row .col-securityjobtype, .main-searchform .row .col-date, .main-searchform .row .col-area, .main-searchform .row .col-button {
        width: 100%; }
      .main-searchform .row .col-seminartype ul li, .main-searchform .row .col-eventtype ul li, .main-searchform .row .col-securityindustry ul li {
        width: 25%; }
      .main-searchform .row .col-businesstype ul li, .main-searchform .row .col-securityjobtype ul li {
        width: 50%; }
      .main-searchform .row .col-area, .main-searchform .row .col-button {
        margin: 10px 0 0; }
      .main-searchform .row .col-date {
        padding: 0; }
      .main-searchform .row .col-button {
        text-align: center; }
  .main-searchform .input-keywords {
    width: 80%; }
  .main-searchform .select-box {
    margin: 0;
    width: 100%; }

  .job-search-form .select-box.half {
    width: 49%; }
  .job-search-form .select-box.quarter {
    width: 24%; }
  .job-search-form.simple {
    display: none; }
  .job-search-form.complex {
    padding: 0; }
    .job-search-form.complex .row {
      margin: 1rem 0; }
      .job-search-form.complex .row .col.col-btn, .job-search-form.complex .row .col.col-label {
        width: 20%;
        font-size: 1rem; }
      .job-search-form.complex .row .col.col-label {
        padding: 5px 0; }
      .job-search-form.complex .row .col.col-items {
        width: 80%; }
    .job-search-form.complex .text-box {
      padding: 5px;
      width: 99%;
      font-size: 1.5rem; }
    .job-search-form.complex .list::before, .job-search-form.complex .list::after {
      content: "";
      display: table;
      clear: both; }
    .job-search-form.complex .list li {
      margin: 0 8% 0 0;
      width: 42%;
      float: left; }
      .job-search-form.complex .list li::before {
        display: none; }
    .job-search-form.complex .list .label-checkbox {
      display: block;
      padding: 1px 0 1px 20px;
      font-size: 1rem; }
      .job-search-form.complex .list .label-checkbox::before {
        top: 7px; }
    .job-search-form.complex .list .input-checkbox:checked + .label-checkbox::after {
      top: 9px; }
    .job-search-form.complex .select-box select {
      padding: 5px;
      font-size: 1rem; }
    .job-search-form.complex .submit-button {
      padding: 5px .5em 5px 1.5em;
      width: 100%;
      font-size: 1.3rem; }

  .call {
    display: inline-block;
    border: 2px solid #1787ff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 1.2rem; }
    .call a {
      display: inline-block;
      position: relative;
      padding: 1px 6px 2px 26px;
      color: #1787ff;
      text-decoration: none; }
      .call a .icon-mobile {
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 3px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 16px;
        height: 24px;
        background-color: #ffffff;
        border-width: 3px 2px 4px;
        border-style: solid;
        border-color: #1787ff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px; }
        .call a .icon-mobile::before, .call a .icon-mobile::after {
          content: "";
          display: block;
          position: absolute;
          z-index: 2;
          background-color: #ffffff; }
        .call a .icon-mobile::before {
          top: -2px;
          left: 4px;
          width: 4px;
          height: 1px; }
        .call a .icon-mobile::after {
          bottom: -3px;
          left: 5px;
          width: 2px;
          height: 2px;
          border: 0 none;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }

  #scroll {
    right: 5px;
    bottom: 5px; } }
/*--------------------------------------------------

    720px

--------------------------------------------------*/
@media screen and (max-width: 720px) {
  .common-header .header-hdbanner {
    width: 100%; } }
/*--------------------------------------------------

    540px

--------------------------------------------------*/
@media screen and (max-width: 540px) {
  .pl .cf-box2 dl,
  .pl .cf-box3 dl {
    padding: 0;
    width: 100%;
    float: none; }
    .pl .cf-box2 dl dt,
    .pl .cf-box2 dl dd,
    .pl .cf-box2 dl dd a,
    .pl .cf-box2 dl dd span,
    .pl .cf-box3 dl dt,
    .pl .cf-box3 dl dd,
    .pl .cf-box3 dl dd a,
    .pl .cf-box3 dl dd span {
      font-size: 11px; }

  .page.company .com-table dl {
    display: block; }
    .page.company .com-table dl dt,
    .page.company .com-table dl dd {
      display: block;
      width: 100%; }
    .page.company .com-table dl dt {
      padding: .5rem .5rem .1rem;
      border-bottom: none; }
    .page.company .com-table dl dd {
      padding: .1rem .5rem .5rem; }
  .page.company .org-chart {
    margin: 0;
    width: 100%; }

  .single.corporates .org-box:before, .single.corporates .org-box:after, .single.organization .org-box:before, .single.organization .org-box:after {
    display: none; }
  .single.corporates .org-box .org-image, .single.organization .org-box .org-image {
    margin: 0 auto 20px;
    float: none; }
  .single.corporates .org-box .org-texts, .single.organization .org-box .org-texts {
    margin-left: 0; }

  .main-searchform .row .col-seminartype ul li, .main-searchform .row .col-eventtype ul li, .main-searchform .row .col-securityindustry ul li {
    width: 50%; }

  .job-search-form.complex .list li {
    margin: 0;
    width: 100%;
    float: none; }
  .job-search-form.complex .submit-button {
    padding: 5px;
    text-align: center;
    letter-spacing: 1px; } }
/*--------------------------------------------------

    470px

--------------------------------------------------*/
@media screen and (max-width: 470px) {
  .single.jobinfo .jobinfo-table table,
  .single.jobinfo .jobinfo-table table tbody,
  .single.jobinfo .jobinfo-table table tr,
  .single.jobinfo .jobinfo-table table th,
  .single.jobinfo .jobinfo-table table td {
    display: block; }
  .single.jobinfo .jobinfo-table table th,
  .single.jobinfo .jobinfo-table table td {
    width: 100%; }
  .single.jobinfo .jobinfo-table table {
    border-style: solid solid none solid;
    border-width: 1px 1px none 1px; }
  .single.jobinfo .jobinfo-table table th,
  .single.jobinfo .jobinfo-table table td {
    border-style: none none solid;
    border-style: 0 0 1px; }

  .main-searchform .row .col-businesstype ul li, .main-searchform .row .col-securityjobtype ul li {
    width: 100%; }
  .main-searchform .row .col .input-keywords {
    width: 70%; } }
/*--------------------------------------------------

    460px

--------------------------------------------------*/
@media screen and (max-width: 460px) {
  .sales-box .sl {
    width: 48%; } }
/*--------------------------------------------------

    420px

--------------------------------------------------*/
@media screen and (max-width: 420px) {
  .single.jobinfo .jobinfo-image,
  .single.jobinfo .jobinfo-texts {
    width: 100%;
    float: none; }
  .single.jobinfo .jobinfo-image {
    margin: 0 0 1rem;
    text-align: center; }
  .single.jobinfo .jobinfo-apply {
    margin: 1rem 0 0;
    text-align: center; }

  .main-searchform .label-date {
    margin: 5px 0;
    width: 100%; }
    .main-searchform .label-date .lb-txt {
      text-align: center; }

  .job-search-form .select-box {
    display: block; }
    .job-search-form .select-box.half {
      width: 100%; }
  .job-search-form.complex .text-box {
    width: 97%; }
  .job-search-form.complex .row .col.col-btn, .job-search-form.complex .row .col.col-label {
    width: 25%; }
  .job-search-form.complex .row .col.col-items {
    width: 75%; } }

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