#list {
  padding-top: 5rem; }
  #list .ttl {
    font-size: 3.0rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-bottom: 6.5rem; }
    #list .ttl span {
      position: relative;
      display: inline-block;
      padding-left: 5rem; }
      #list .ttl span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(../images/industrial-stop/icon_parts.svg) 0 0 no-repeat;
        background-size: 100% auto;
        width: 4rem;
        height: 4rem; }
  #list .search_wrap {
    background-color: #E9F5F3;
    margin-bottom: 3rem;
    padding: 3rem 0;
    -webkit-filter: drop-shadow(0px 0.6rem 0.6rem rgba(0, 123, 128, 0.1));
    filter: drop-shadow(0px 0.6rem 0.6rem rgba(0, 123, 128, 0.1)); }
    #list .search_wrap .s_con {
      width: 51.5rem; }
    #list .search_wrap .searchform .s {
      width: calc(100% - 5rem);
      padding: 1.6rem; }
    #list .search_wrap .searchform .searchsubmit {
      width: 5rem;
      height: 5rem; }
  #list .list_navi {
    padding-bottom: 4rem; }
    #list .list_navi ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrao: wrap;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #list .list_navi ul li {
        width: calc(50% - 2rem);
        list-style: none; }
        #list .list_navi ul li a {
          border: 0.1rem solid #EDEDED;
          display: block;
          padding-top: 1.7rem;
          padding-bottom: 2.6rem;
          text-align: center;
          font-size: 1.8rem;
          font-weight: 700;
          position: relative; }
          #list .list_navi ul li a:after {
            content: "";
            width: 1.3rem;
            height: 0.8rem;
            background: url(../images/common/arrow_down.svg) 0 0 no-repeat;
            background-size: 100% auto;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 1.0rem;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all  0.3s ease;
            -o-transition: all  0.3s ease;
            transition: all  0.3s ease; }
          #list .list_navi ul li a:hover:after {
            bottom: 0.5rem; }
  #list .list_block {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    #list .list_block h4 {
      color: #00BAA4;
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 2rem; }
    #list .list_block table {
      margin-bottom: 2.5rem;
      width: 100%;
      border: 0.1rem solid #EDEDED; }
      #list .list_block table th {
        background-color: #e9f5f3;
        font-weight: 700;
        font-size: 1.5rem;
        text-align: center;
        padding: 1.5rem 0;
        border-right: 0.1rem solid #fff;
        width: 33.333%; }
        #list .list_block table th:last-of-type {
          border-right: none; }
      #list .list_block table td {
        border-right: 0.1rem solid #EDEDED;
        border-top: 0.1rem solid #EDEDED;
        padding: 1.5rem 0;
        text-align: center;
        font-size: 1.5rem;
        width: 33.333%; }
        #list .list_block table td span {
          display: block;
          font-size: 1.2rem; }
        #list .list_block table td a {
          color: #00BAA4;
          font-size: 100%; }
        #list .list_block table td:last-of-type {
          border-right: none; }
  #list .btn_wrap {
    padding-top: 7rem;
    padding-bottom: 9.5rem; }

@media screen and (max-width: 767px) {
  #list {
    padding-top: 3rem; }
    #list .ttl {
      font-size: 2.0rem;
      margin-bottom: 3rem; }
      #list .ttl span {
        padding-left: 2.5rem; }
        #list .ttl span:before {
          width: 2rem;
          height: 2rem; }
    #list .search_wrap {
      padding: 1rem 0;
      margin-bottom: 2rem; }
      #list .search_wrap .s_con {
        width: 29.5rem; }
      #list .search_wrap .searchform .s {
        width: calc(100% - 3.5rem);
        padding: 0.9rem 1.2rem; }
      #list .search_wrap .searchform .searchsubmit {
        width: 3.5rem;
        height: 3.5rem; }
    #list .l_con {
      padding-left: 2rem;
      padding-right: 2rem; }
    #list .list_navi {
      padding-top: 2rem;
      padding-bottom: 2rem; }
      #list .list_navi ul li {
        width: calc(50% - 0.75rem); }
        #list .list_navi ul li a {
          padding-top: 1.3rem;
          padding-bottom: 2.4rem;
          font-size: 1.2rem; }
          #list .list_navi ul li a:after {
            width: 1.3rem;
            height: 0.8rem;
            bottom: 1.0rem; }
          #list .list_navi ul li a:hover:after {
            bottom: 0.5rem; }
    #list .list_block {
      padding-top: 2rem;
      padding-bottom: 1.6rem; }
      #list .list_block h4 {
        font-size: 1.4rem;
        margin-bottom: 1.4rem; }
      #list .list_block table {
        margin-bottom: 2.4rem; }
        #list .list_block table th {
          font-size: 1.2rem;
          padding: 1.0rem 0;
          line-height: 1.5; }
        #list .list_block table td {
          padding: 1.5rem 0;
          font-size: 1.2rem; }
          #list .list_block table td span {
            font-size: 1.0rem; }
    #list .btn_wrap {
      padding-top: 0rem;
      padding-bottom: 4.5rem; } }