@media screen and (max-width: 780px) {
  .slider .slick-arrow,
  .product_slider .slick-arrow {
    width: 20px;
    height: 20px;
  }
  /*----------------------
  blog_sec
  ----------------------*/
  .blog_sec ul {
    flex-flow: column;
    gap: 0px;
  }
  .blog_sec ul li {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px dashed #999;
    padding-bottom: 10px;
  }
  .blog_sec ul li > div {
    width: 55%;
  }
  .blog_sec ul li figure {
    width: 40%;
  }
  /*----------------------
  product_sec
  ----------------------*/
  .product_sec .product_slider li {
    margin: 0 10px;
  }
  .product_sec .product_slider li a h4 {
    font-size: min(3.5vw, 10px);
  }
  /*----------------------
  new_sec
  ----------------------*/
  .new_sec .flex {
    flex-flow: column;
  }
  .new_sec .flex > div {
    width: 100%;
  }
  .new_sec .flex .ttl {
    border-bottom: 3px solid #ddd;
  }
  .new_sec .topic_sec {
    margin-bottom: 40px;
  }
  .new_sec .new_product_sec ul li a {
    display: block;
  }
  .new_sec .new_product_sec ul li a figure {
    width: 40%;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
  }
  .new_sec .new_product_sec ul li a .cont {
    width: 100%;
    margin-top: 10px;
  }
  .new_sec .new_product_sec ul li a .cont dl {
    display: block;
    margin-bottom: 10px;
  }
  .new_sec .new_product_sec ul li a .cont dl dt {
    color: #555;
  }
  .new_sec .new_product_sec ul li a .cont dl dd {
    padding-left: 0;
    border-left: none;
  }
  .new_sec .new_product_sec ul li a .cont dl + p {
    font-size: 0.8em;
  }
}