.work1 .text1,.work2 .text1{color: #b80c0c;font-weight: bold;}
.work1 .text2,.work2 .text2{color: #171aa5;font-weight: bold;}
.work1 .text3,.work2 .text3{color: #d4b402;font-weight: bold;}
.work1 .text4,.work2 .text4{color: #ec8600;font-weight: bold;}
.work1 .text5,.work2 .text5{color: #00aebb;font-weight: bold;}
.work1 .text6,.work2 .text6{color: #00704f;font-weight: bold;}
.work-box li {padding-left: 1em;}


/*スライド*/
  .slider{
    position:relative;
    width:100%;
    max-width:530px;
    height:380px;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 5px 18px rgba(0,0,0,0.15);
    margin: 30px auto 0px;
  }
  .slides{
    display:flex;
    width:500%;               /* = 枚数 × 100% */
    height:100%;
    transition:transform .5s ease;
  }
  .slides img{
    width:20%;                /* = 100 ÷ 枚数 */
    height:100%;
    object-fit:cover;
    display:block;
  }
  .arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:25px;
    color:white;
    background:rgba(0,0,0,0.4);
    padding:8px 14px;
    border-radius:50%;
    cursor:pointer;
    user-select:none;
  }
  .arrow.left{left:16px;}
  .arrow.right{right:16px;}
  .dots{
    position:absolute;
    bottom:12px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
  }
  .dot{
    width:12px;height:12px;
    border-radius:50%;
    background:#fff8;
    cursor:pointer;
    transition:background .2s;
  }
  .dot.active{background:#3b82f6;}

  @media (max-width: 650px){
  .slider{
    width: 90%;
    height:280px;
  }

  .arrow{
    font-size: 18px;
  }
  }