/* ------------app\view\Elements\mbl/recruite.tpl-----------------*/
@media (min-width: 1024px) and (max-width: 1366px) {
  .card.category {
    height: 400px; } }

@media (min-width: 1366px) {
  .card.category {
    height: 400px; } }

@media (max-width: 320px) {
  .form-check {
    padding-left: 0; } }

@media (min-width: 320px) and (max-width: 768px) {
  .form-check {
    padding-left: 0; } }

@media (min-width: 1024px) and (max-width: 1366px) {
  .form-check {
    padding-left: 0; } }

.search-button {
  width: 100%; }

h4 {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px; }

.Word {
  background: #f5f5f5;
  border-radius: 3px;
  padding-top: 20px;
  padding-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.125); }

@media (max-width: 1024px) and (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 2;
            column-count: 2; } }

@media (max-width: 1024px) and (min-width: 576px) {
  .w-576 {
    /*
    display: block!important;

 */ } }

.btn-sugi {
  color: #fff;
  background-color: #829c98;
  border-color: #829c98; }
  @media (max-width: 992px) {
    .btn-sugi {
      font-weight: bold; } }