@media all and (-ms-high-contrast: none){
  .wrapper {
    margin-top: 68px !important;
  }
}


ul#emp_cate{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
}

ul#emp_cate li{
  width: 30%;
  margin: 0.5em;
  text-align: center;
  background-color: #ffffff;
  display: inline-block;
  border: solid 1px #1063aa;
  cursor : pointer;
}

ul#emp_cate li:hover{
  background-color: #1588FF;
  transition: background-color 0.2s,color 0.1s;
}

ul#emp_cate li a:hover{
  color:#ffffff;
}

ul#emp_cate li a{
  color: #0e5fb0;
  display: inline-block;
  text-decoration: none;
  height: 100%;
  width: 100%;
  padding: 1em 0;
}



@media only screen and (max-width: 1000px) and (min-width: 841px){
  ul#emp_cate li a{
    font-size: 2vw;
  }
  ul#emp_cate li {
    width: 45%;
    margin: 0.5em;
  }

  .column-contents-img img{
    width: 90%;
  }
  .column-contents-img img.w160{
    width: 160px;
  }

}

@media only screen and (max-width: 840px) and (min-width: 601px){
  ul#emp_cate li a{
    font-size: 2.2vw;
  }
  ul#emp_cate li {
    width: 100%;
    margin: 0em;
  }
  ul#emp_cate li + li {
    border-top: none;
  }
  .column-contents-img img{
    width: 80%;
  }

  .contents-image-right {
    float: right;
    margin: 1em auto;
  }

}

@media only screen and (max-width: 600px) {
  ul#emp_cate li a {
    font-size: 3vw;
  }
  ul#emp_cate li {
    width: 100%;
    margin: 0em;
  }
  ul#emp_cate li + li {
    border-top: none;
  }
}

@media only screen and (max-width: 1800px) and (min-width: 1001px){
  .ctContentsWrapper {
    margin-top: 2em;
  }
  .contents-image-right{
    margin: unset;
  }
}

@media only screen and (min-width: 1801px) {
  .contents-image-right {
    float: right;
    margin: 0px 30px 30px 0;
  }
}


p.sub_cate{
  text-align: center;
  font-size: 23px !important;
  padding: 12px 0;
  background-color: skyblue;
  margin: 1em 0 1.5em;
  color: white;
}


/* 600 ---  840 */