@charset "utf-8";
/*Slick用CSS*/
  .slick-list {
      padding: 0 10% 0 0 !important;
  }
  .slick-slide {}

  .slick-list img {
    height: 150px;
    width: 150px;
    margin: 0 auto;
    padding:5px;
  }

  .content{
    max-width:100%;
  }

  .slider-item{}

  .arrow_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 15px 15px 0;
    position: relative;
  }

  .prev-arrow,
  .next-arrow {
    display: block;
    width: 24px;
    height: 24px;
    /*background: black;*/
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    position:relative;
  }

  .prev-arrow {
    transform: rotate(180deg);
    margin-right: 20px;
  }

  .prev-arrow::before,
  .next-arrow::before{
    position:absolute;
    content: "";
    width:10px;
    height:10px;
    border-right: 2px solid #afafaf;
    border-top: 2px solid #afafaf;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    transform:rotate(45deg);
  }

  @media screen and (max-width:560px){
    .arrow_box {
      margin: 10px 0 0;
    }
  }

  .t_center{
  text-align: center;
  }