.clearfix, #department_idx #section01, article#department_under #section01 #block01, article#department_under #section02 {
  *zoom: 1; }
  .clearfix:after, #department_idx #section01:after, article#department_under #section01 #block01:after, article#department_under #section02:after {
    content: "";
    display: table;
    clear: both; }

/* ------------------------------
button
------------------------------ */
/* ------------------------------
department_idx
------------------------------ */
#department_idx #section01 {
  width: 1000px;
  padding: 35px 0 80px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    #department_idx #section01 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px 10px; } }
  #department_idx #section01 h2 {
    display: table;
    box-sizing: border-box;
    width: 128px;
    height: 128px;
    background: url(/en/recruit/image/department/idx_h1_bg.png) no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 175%;
    padding: 0 15px;
    margin: 0 0 40px;
    float: left; }
    @media only screen and (max-width: 480px) {
      #department_idx #section01 h2 {
        margin: 0 auto 30px;
        float: none; } }
    #department_idx #section01 h2 span {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  #department_idx #section01 .tx01 {
    width: 850px;
    padding: 5px 0 40px 15px;
    color: #999;
    font-size: 16px;
    line-height: 120%;
    float: left; }
    @media only screen and (max-width: 480px) {
      #department_idx #section01 .tx01 {
        width: 100%;
        padding: 0 0 30px;
        line-height: 150%;
        text-align: center;
        float: none; } }
    #department_idx #section01 .tx01 span {
      display: block;
      color: #000;
      font-size: 26px;
      line-height: 120%;
      padding: 0 0 15px; }
      @media only screen and (max-width: 480px) {
        #department_idx #section01 .tx01 span {
          font-size: 22px;
          padding: 0 0 10px; } }
  #department_idx #section01 .item {
    width: 300px;
    background: url(/en/recruit/image/department/idx_bg01.png) repeat;
    margin: 0 0 0 50px;
    padding: 0;
    float: left; }
    @media only screen and (max-width: 480px) {
      #department_idx #section01 .item {
        width: 100%;
        margin: 0 0 20px;
        float: none; } }
    @media only screen and (max-width: 480px) {
      #department_idx #section01 .item img {
        width: 100%; } }
    #department_idx #section01 .item h3 {
      box-sizing: border-box;
      width: 300px;
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      line-height: 52px;
      padding: 0 20px; }
      @media only screen and (max-width: 480px) {
        #department_idx #section01 .item h3 {
          width: 100%;
          font-size: 18px; } }
    #department_idx #section01 .item p {
      padding: 20px 20px 30px;
      line-height: 150%; }
      #department_idx #section01 .item p span {
        display: block;
        font-size: 20px;
        line-height: 135%;
        padding: 0 0 15px; }
        @media only screen and (max-width: 480px) {
          #department_idx #section01 .item p span {
            font-size: 20px; } }
    #department_idx #section01 .item a {
      text-decoration: none; }
      #department_idx #section01 .item a:hover {
        opacity: 0.75;
        filter: Alpha(opacity=75); }
    #department_idx #section01 .item:nth-of-type(1) {
      clear: both;
      margin: 0; }
      @media only screen and (max-width: 480px) {
        #department_idx #section01 .item:nth-of-type(1) {
          margin: 0 0 20px; } }
      #department_idx #section01 .item:nth-of-type(1) h3 {
        background: #8bb1d8; }
      #department_idx #section01 .item:nth-of-type(1) p {
        border-bottom: 10px solid #8bb1d8; }
        #department_idx #section01 .item:nth-of-type(1) p span {
          color: #8bb1d8; }
    #department_idx #section01 .item:nth-of-type(2) h3 {
      background: #6cc; }
    #department_idx #section01 .item:nth-of-type(2) p {
      border-bottom: 10px solid #6cc; }
      #department_idx #section01 .item:nth-of-type(2) p span {
        color: #6cc; }
    #department_idx #section01 .item:nth-of-type(3) h3 {
      background: #c9c; }
    #department_idx #section01 .item:nth-of-type(3) p {
      border-bottom: 10px solid #c9c; }
      #department_idx #section01 .item:nth-of-type(3) p span {
        color: #c9c; }

/* ------------------------------
department_under
------------------------------ */
article#department_under #section01 {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 50px; }
  @media only screen and (max-width: 480px) {
    article#department_under #section01 {
      width: 100%;
      padding: 0 0 30px; } }
  article#department_under #section01 .main_pic {
    width: 100%; }
  article#department_under #section01 #block01 {
    background: url(/en/recruit/image/department/dep_bg01.png) repeat;
    padding: 30px 100px 15px; }
    @media only screen and (max-width: 480px) {
      article#department_under #section01 #block01 {
        padding: 30px 20px; } }
    article#department_under #section01 #block01 .ttl {
      width: 128px;
      height: 128px;
      color: #fff;
      font-size: 20px;
      font-weight: normal;
      line-height: 128px;
      letter-spacing: 2px;
      text-align: center;
      float: left; }
      @media only screen and (max-width: 480px) {
        article#department_under #section01 #block01 .ttl {
          margin: 0 auto 15px;
          float: none; } }
    article#department_under #section01 #block01 .box01 {
      width: 640px;
      padding: 12px 0 0;
      float: right; }
      @media only screen and (max-width: 480px) {
        article#department_under #section01 #block01 .box01 {
          width: 100%;
          float: none; } }
      article#department_under #section01 #block01 .box01 h2 {
        font-size: 26px;
        font-weight: normal;
        line-height: 110%;
        margin: 0 0 25px; }
        @media only screen and (max-width: 480px) {
          article#department_under #section01 #block01 .box01 h2 {
            font-size: 22px;
            line-height: 135%;
            text-align: center;
            margin: 0 0 20px; } }
      article#department_under #section01 #block01 .box01 p {
        line-height: 175%;
        margin: 0 0 15px; }
article#department_under #section02 {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 60px; }
  @media only screen and (max-width: 480px) {
    article#department_under #section02 {
      box-sizing: border-box;
      width: 100%;
      padding: 0 10px 10px; } }
  article#department_under #section02 .box01 {
    width: 620px;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#department_under #section02 .box01 {
        width: 100%;
        padding: 0 0 5px;
        float: none; } }
    article#department_under #section02 .box01 h2 {
      font-size: 26px;
      font-weight: normal;
      line-height: 110%;
      margin: 0 0 25px; }
      @media only screen and (max-width: 480px) {
        article#department_under #section02 .box01 h2 {
          font-size: 20px;
          line-height: 135%;
          margin: 0 0 20px; } }
    article#department_under #section02 .box01 p {
      line-height: 175%;
      margin: 0 0 15px; }
  article#department_under #section02 .box02 {
    width: 315px;
    float: right; }
    @media only screen and (max-width: 480px) {
      article#department_under #section02 .box02 {
        width: 100%;
        margin: 0 auto;
        float: none; } }
    article#department_under #section02 .box02 img {
      display: block;
      margin: 0 0 20px; }
      @media only screen and (max-width: 480px) {
        article#department_under #section02 .box02 img {
          margin: 0 auto 20px; } }

/*======== sales ========*/
article.sales .ttl {
  background: url(/en/recruit/image/department/sales_bg01.png) no-repeat; }
article.sales h2 {
  color: #87ABD1; }

/*======== sales ========*/
article.sem .ttl {
  background: url(/en/recruit/image/department/sem_bg01.png) no-repeat; }
article.sem h2 {
  color: #6cc; }

/*======== web ========*/
article.web .ttl {
  background: url(/en/recruit/image/department/web_bg01.png) no-repeat; }
article.web h2 {
  color: #c9c; }