@charset "UTF-8";

.tao-6shots {
column-count: 2;
column-gap: 0;
padding-bottom: 45px;
}
.tao-6shots img {
-webkit-break-inside: avoid;
  
  break-inside: avoid;
}


/* taoスライドの設定 */

.slide-short, #tao {
position: relative;
margin: 0 auto;
}

.slide-short img, #tao img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-animation: anime 12s infinite;
animation: anime 12s infinite;
}

.slide-short img:nth-of-type(2), #tao img:nth-of-type(2) {
-webkit-animation-delay: 6;
animation-delay: 6s;
}

@keyframes anime {
0%{opacity: 0;}
35%{opacity: 1;}
50%{opacity: 1;}
75%{opacity: 0;}
100%{opacity: 0;}
}

.prof-box img {
width: 200px
}

#riciclo-imgs img {
padding: 0;
margin-bottom: 5px;
}


/* ===== width 700 以上 ===== */

@media (min-width: 700px) {

.tao-6shots {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tao-6shots div {
width: 33.3%;
flex-grow: none;
}

.gal-img-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.grid {
width: 33%;
height: auto
}

#concetto-img1 {
padding-top: 40px
}

#riciclo-imgs img {
width: 80%
}


}


/* ===== width 1100以上 ===== */

@media (min-width: 1100px) {

#riciclo-imgs img {
width: 70%
}

}