
/*--------------------------------------------------------------------------
  sec-new
---------------------------------------------------------------------------*/
.sec-new {
    overflow: hidden;
    padding: 40px 0 70px;
    background: url("/product/assets/images/new_bg.jpg") no-repeat center center;
    background-size: cover;
  }
  .sec-new .ttl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: #2189D9;
    color: #FFF;
  }
  .sec-new .ttl-wrap .ttl {
    font-size: 2rem;
    flex-grow: 3;
  }
  .sec-new .ttl-wrap .c-btn-style01 a {
    border-color: #d5d5d5;
    background: #f2f2f2;
  }
  .sec-new .ttl-wrap .c-btn-style01 a:before {
    background-image: url("/common/images/arw_gray.png");
  }
  .sec-new .ttl-wrap .rss-btn-style01 {
    margin-left: 10px;
    margin-top: 4px;
  }
  .sec-new .list {
    display: flex;
    margin: 30px -2.84% 0 0;
  }
  .sec-new .list li {
    width: 22.16%;
    margin-right: 2.84%;
    text-align: center;
  }
  .sec-new .list li a {
    color: #222;
  }
  .sec-new .list li img {
    border: solid 1px #D5D5D5;
  }
  .sec-new .list li h3 {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: bold;
  }
  .sec-new .list li p {
    font-size: 1.3rem;
  }
  @media screen and (max-width: 750px) {
    .sec-new {
      padding: 18px 0 30px;
      background-size: auto 100%;
    }
    .sec-new .ttl-wrap {
      padding: 8px 7px 8px 13px;
      background: #2189D9;
    }
    .sec-new .ttl-wrap .ttl {
      font-size: 1.8rem;
    }
    .sec-new .ttl-wrap .c-btn-style01 a {
      font-size: 1.4rem;
    }
    .sec-new .list {
      flex-wrap: wrap;
      margin: 5px -5.18% 0 0;
    }
    .sec-new .list li {
      width: 44.82%;
      margin: 15px 5.18% 0 0;
    }
    .sec-new .list li h3 {
      margin-top: 10px;
      font-size: 1.4rem;
    }
  }
  
  .sec-product {
    padding: 50px 0;
  }
  .sec-product .c-list-lineup {
    margin-top: 22px;
  }
  @media screen and (max-width: 750px) {
    .sec-product {
      padding: 30px 0;
    }
    .sec-product .c-list-lineup {
      margin-top: 20px;
    }
  }


