.slider {
  width: 100%; }

.slick-slide {
  aspect-ratio: 1200/400;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden; }
  .slick-slide img {
    transition: .3s;
    object-fit: cover;
    width: 100%;
    height: 100%; }

.slick-prev {
  left: 15px !important;
  z-index: 15;
  width: 30px;
  height: 30px; }
  .slick-prev:before {
    font-size: 30px; }

.slick-next {
  right: 15px !important;
  z-index: 15;
  width: 30px;
  height: 30px; }
  .slick-next:before {
    font-size: 30px; }

.slick-slide a:hover img {
  transform: scale(1.1);
  transform-origin: center center; }

/*min-width:1920px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .slick-prev {
    left: 5px !important;
    z-index: 15;
    width: 20px;
    height: 20px; }
    .slick-prev:before {
      font-size: 20px; }

  .slick-next {
    right: 5px !important;
    z-index: 15;
    width: 20px;
    height: 20px; }
    .slick-next:before {
      font-size: 20px; } }
/*max-width:768px*/
/*max-width:480px*/
@media (max-width: 1024px) {
  .content ul.banner.banner_flex {
    width: calc(100% - 20px);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    .content ul.banner.banner_flex li {
      width: calc((100% - 20px)/2);
      padding: 10px 0 !important; }
    .content ul.banner.banner_flex li + li {
      margin-top: 0 !important; }
    .content ul.banner.banner_flex figure {
      margin: 0 !important; }
      .content ul.banner.banner_flex figure img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        width: 100%; } }
/*max-width:1024px*/
@media (max-width: 480px) {
  .content ul.banner.banner_flex {
    max-width: 350px;
    margin: 0 auto;
    display: block; }
    .content ul.banner.banner_flex li {
      padding: 0 !important;
      width: 100%;
      margin: 0 auto 15px; } }
/*max-width:480px*/