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

/* ------------------------------
button
------------------------------ */
/* ------------------------------
key_visual
------------------------------ */
#key_visual {
  background: url(/recruit/image/welfare/idx_kv_bg01.jpg) top center no-repeat; }
  @media only screen and (max-width: 480px) {
    #key_visual {
      background-size: cover; } }

/* ------------------------------
welfare
------------------------------ */
article#welfare {
  background: #f6f6f6; }
  @media only screen and (max-width: 480px) {
    article#welfare {
      padding: 0; } }
  article#welfare #section01 {
    width: 960px;
    padding: 50px 0 40px;
    margin: 0 auto; }
    @media only screen and (max-width: 480px) {
      article#welfare #section01 {
        box-sizing: border-box;
        width: 100%;
        padding: 30px 10px 20px; } }
    article#welfare #section01 .box {
      box-sizing: border-box;
      width: 440px;
      background: #fff url(/recruit/image/welfare/idx_bg01.png) top center no-repeat;
      padding: 55px 0 30px;
      margin: 0 0 20px; }
      @media only screen and (max-width: 480px) {
        article#welfare #section01 .box {
          width: 100%; } }
      article#welfare #section01 .box:nth-of-type(2n+1) {
        float: left; }
        @media only screen and (max-width: 480px) {
          article#welfare #section01 .box:nth-of-type(2n+1) {
            float: none; } }
      article#welfare #section01 .box:nth-of-type(2n) {
        float: right; }
        @media only screen and (max-width: 480px) {
          article#welfare #section01 .box:nth-of-type(2n) {
            float: none; } }
      article#welfare #section01 .box h3 {
        background-position: top center;
        background-repeat: no-repeat;
        padding: 90px 0 20px;
        font-size: 20px;
        letter-spacing: 1px;
        text-align: center; }
        @media only screen and (max-width: 480px) {
          article#welfare #section01 .box h3 {
            padding: 65px 0 15px;
            background-size: 50px auto; } }
        article#welfare #section01 .box h3.ttl01 {
          background-image: url(/recruit/image/welfare/idx_h3_bg01.png); }
        article#welfare #section01 .box h3.ttl02 {
          background-image: url(/recruit/image/welfare/idx_h3_bg02.png); }
        article#welfare #section01 .box h3.ttl03 {
          background-image: url(/recruit/image/welfare/idx_h3_bg03.png); }
        article#welfare #section01 .box h3.ttl04 {
          background-image: url(/recruit/image/welfare/idx_h3_bg04.png); }
        article#welfare #section01 .box h3.ttl05 {
          background-image: url(/recruit/image/welfare/idx_h3_bg05.png); }
          @media only screen and (max-width: 480px) {
            article#welfare #section01 .box h3.ttl05 {
              background-size: 35px auto; } }
        article#welfare #section01 .box h3.ttl06 {
          background-image: url(/recruit/image/welfare/idx_h3_bg06.png); }
        article#welfare #section01 .box h3.ttl07 {
          background-image: url(/recruit/image/welfare/idx_h3_bg07.png); }
        article#welfare #section01 .box h3.ttl08 {
          background-image: url(/recruit/image/welfare/idx_h3_bg08.png); }
        article#welfare #section01 .box h3.ttl09 {
          background-image: url(/recruit/image/welfare/idx_h3_bg09.png); }
        article#welfare #section01 .box h3.ttl10 {
          background-image: url(/recruit/image/welfare/idx_h3_bg10.png); }
      article#welfare #section01 .box p {
        padding: 0 30px;
        line-height: 175%; }