.mini_portf_row1{
    display:flex; width:195vw; margin-left: -12vw;
}
.mini_portf_row2{
    display:flex; width:195vw; margin-left: -24vw;
}
.mini_portf_box{
    width: 30vw; margin-left: 10px; overflow: hidden; height: auto; position: relative;
}
.mini_portf_box img {
    width: 100%;border-radius: 21px; transition: 1.5s;
} 
.mini_portf_box_slide{
    width: 42vw; margin-left: 10px; overflow: hidden; height: auto;
}
.mini_portf_box_slide1{
    width: 100vw; margin-left: 0px; overflow: hidden; height: auto;
}
.pw_slid {
    padding-left: 15px; padding-right: 15px;
}
.mini_portf_box_slide img {
    width: 100%;border-radius: 7px;
}
.mini_portf_box_slide1 img {
    width: 100%;border-radius: 7px;
}

.yes_small{display: none;}

@media screen and (min-width: 0px) and (max-width: 600px) {
.no_small{ display:none;}
.yes_small{display: block;}    
}
#enlarg_mini_portf1{transition: 0.6s;}
#enlarg_mini_portf2{ transition: 0.6s;}

.mini_portf_box:hover img {
  opacity: 0.2;
}

.mini_portf_box:hover .pr_middle {
  opacity: 1;
}

.pr_middle {
  transition: 1s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
    background-image: url(/photo/iconbcg1.png);
    height: 100%;
    background-size: cover;
    border-radius: 15px;
}

.pr_middle b {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.5vw;
    width: 100%;
    color: #3d4352;
}