@charset "UTF-8";
@import "common/layout.css";

#jp-help-index-nav {
}
  #jp-help-index-nav ul {
    float: left;
  }
    #jp-help-index-nav ul li {
      float: left;
      /*width: -webkit-calc(100%/4 - .75%);*/
      /*width : calc(100%/4 - .75%);*/
      width: 249px;
      height: 76px;
      margin-right: 10px;
      margin-bottom: 10px;
      display: table;
    }
    #jp-help-index-nav ul li:nth-child(4n) {
       margin-right: 0;
    }
      #jp-help-index-nav ul li a {
        /*display: block;*/
        display: table-cell;
        /*padding: 20px;*/
        padding:  0 20px;
        color: #3b3b3b;
        background: url(../img/common/ico-arrow-002.png) 95% 50% no-repeat;
        -ms-background-size: 8px 15px;
        -moz-background-size: 8px 15px;
        background-size: 8px 15px;
        font-size: 18px;
        vertical-align: middle;
       }

@media screen and (max-width: 767px) {

  #jp-help-index-nav ul {
   width: 94%;
   padding: 0 3%;
  }
    #jp-help-index-nav ul li {
/*
      width:  width : -webkit-calc(100%/2 - 1%);
      width : calc(100%/2 - 1%);
*/
      width : 49%;
      margin-right: 2%;
      margin-bottom: 5px;
    }
    #jp-help-index-nav ul li:nth-child(2n) {
       margin-right: 0;
       float: right;
    }
      #jp-help-index-nav ul li a {
        font-size: 12px;
      }

}