/******************************
EMPLOYMENT CSS
******************************/
#employment ul li,
#employment ol li {
  line-height: 2em; }

#employment .page-tit {
  text-align: left;
  font-size: 16px; }

#employment.sub .page-tit .container > div:not(.sp-pulldown) {
  height: auto; }

#employment h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px; }

/* improve */
#employment #improve .cap,
#employment #improve aside {
  text-align: center; }

#employment #improve .cap {
  margin-bottom: 30px; }

#employment #improve .cap span {
  display: block;
  font-size: 21px; }

#employment #improve .cap small {
  font-size: 14px; }

#employment #improve aside span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; }

#employment #improve aside small {
  font-size: 14px; }

#employment #improve img {
  margin-bottom: 30px; }

/* occupation */
#employment #occupation figure {
  text-align: center;
  margin-bottom: 60px; }

#employment #occupation .table-layout ul > li:first-child {
  border-top: solid 1px #dfdfdf; }

#employment #occupation .table-layout > ul li {
  padding: 8px 0;
  border-bottom: solid 1px #dfdfdf;
  font-size: 16px; }

#employment #occupation .col .dot-button::before {
  margin-top: 25px; }

#employment #occupation .col .dot-button a::after {
  content: '';
  width: 16px;
  height: 14px;
  background: url(../../images/common/icon_target_blank.png) no-repeat;
  background-size: 16px 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px; }

/*  pc-large to pc-small */
@media (min-width: 992px) {
  #employment .inner {
    width: 960px;
    margin: 0 auto; }

  #employment section:not(.page-tit) .container {
    padding: 0 40px; }

  #employment .page-tit {
    margin-bottom: 108px; }

  #employment .page-tit h3 {
    margin-bottom: 100px; }

  #employment #improve {
    margin-bottom: 115px; }

  #employment #occupation {
    margin-bottom: 180px; }

  #employment .col {
    margin-bottom: 180px; }

  #employment .margin {
    margin-bottom: 30px; }

  /* occupation */
  #employment #occupation .col:last-child {
    margin-bottom: 0; }

  #employment #occupation .table-layout {
    width: 100%; }

  #employment #occupation .table-layout .left {
    padding-right: 3.33333%; }

  #employment #occupation .table-layout .right {
    padding-left: 3.33333%; } }
/* pc-small */
@media (min-width: 992px) and (max-width: 1199px) {
  #employment .inner {
    width: 900px;
    margin: 0 auto; } }
/* smartphone to tablet */
@media (max-width: 991px) {
  #employment .dot-title {
    margin-left: 0; }

  #employment h5 {
    font-size: 13px;
    margin-bottom: 20px; }

  #employment h5,
  #employment ul li {
    line-height: 1.8em; }

  #employment section .container {
    padding: 0 10px; }

  #employment .page-tit .container {
    padding: 0; }

  #employment .page-tit .container .inner {
    padding: 0 10px; }

  #employment .page-tit .container .on-pulldown {
    padding: 0 60px 0 10px; }

  #employment .page-tit .container .on-pulldown:after {
    right: 20px; }

  #employment #improve {
    margin-bottom: 40px; }

  #employment #occupation {
    margin-bottom: 50px; }

  #employment .col {
    margin-bottom: 50px; }

  #employment .margin {
    margin-bottom: 15px; }

  /*#employment img {
  	max-width: 100%;
  	height: auto;
  }*/
  /* improve */
  #employment #improve .cap {
    margin-bottom: 8px; }

  #employment #improve .cap span {
    font-size: 14px;
    line-height: 1.8em;
    font-weight: bold; }

  #employment #improve .cap small {
    font-size: 14px;
    font-weight: normal; }

  #employment #improve aside span {
    font-size: 14px;
    margin-bottom: 10px; }

  #employment #improve aside small {
    font-size: 14px; }

  #employment #improve img {
    margin-bottom: 20px; }

  /* occupation */
  #employment #occupation figure {
    margin-bottom: 30px; }

  #employment #occupation .table-layout ul:last-child li:first-child {
    border-top: none; }

  #employment #occupation .table-layout > ul li {
    padding: 10px 0; }

  /*#employment #occupation .col .dot-button a {
  	padding: 15px 0 5px 20px;
      background: url(../../images/common/icon_arrow01.png) 0 12px no-repeat;
  }*/
  #employment #occupation .col .dot-button::before {
    margin-bottom: 10px; }

  #employment #occupation .col .dot-button a::after {
    margin: -5px 0 0 4px; }

  #employment .inner p:not(.title) {
    text-align: justify; } }
@media (max-width: 599px) {
  #employment #improve .cap span {
    font-weight: normal; }

  #employment #improve .cap small {
    font-size: 14px; }

  #employment #improve aside span {
    font-weight: bold; } }