/* CSS Document */


/*.td-01*/
.td-01:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-01::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-01{ background:url(../image/td-01.jpg) center; background-size: cover;transition: .4s transform;}
.td-01:hover{background:url(../image/td-01-.jpg) center;transition: .4s transform;}


/*.td-02*/
.td-02:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-02::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-02{ background:url(../image/td-02.jpg) center; background-size: cover;transition: .4s transform;}
.td-02:hover{background:url(../image/td-02-.jpg) center;transition: .4s transform;}


/*.td-03*/
.td-03:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-03::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-03{ background:url(../image/td-03.jpg) center; background-size: cover;transition: .4s transform;}
.td-03:hover{background:url(../image/td-03-.jpg) center;transition: .4s transform;}


/*.td-04*/
.td-04:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-04::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-04{ background:url(../image/td-04.jpg) center; background-size: cover;transition: .4s transform;}
.td-04:hover{background:url(../image/td-04-.jpg) center;transition: .4s transform;}


/*.td-05*/
.td-05:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-05::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-05{ background:url(../image/td-05.jpg) center; background-size: cover;transition: .4s transform;}
.td-05:hover{background:url(../image/td-05-.jpg) center;transition: .4s transform;}

/*.td-06*/
.td-06:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-06::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-06{ background:url(../image/td-06.jpg) center; background-size: cover;transition: .4s transform;}
.td-06:hover{background:url(../image/td-06-.jpg) center;transition: .4s transform;}


/*.td-07*/
.td-07:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-07::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-07{ background:url(../image/td-07.jpg) center; background-size: cover;transition: .4s transform;}
.td-07:hover{background:url(../image/td-07-.jpg) center;transition: .4s transform;}



/*.td-08*/
.td-08:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-08::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-08{ background:url(../image/td-08.jpg) center; background-size: cover;transition: .4s transform;}
.td-08:hover{background:url(../image/td-08-.jpg) center;transition: .4s transform;}


/*.td-09*/
.td-09:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-09::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-09{ background:url(../image/td-09.jpg) center; background-size: cover;transition: .4s transform;}
.td-09:hover{background:url(../image/td-09-.jpg) center;transition: .4s transform;}


/*.td-10*/
.td-10:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-10::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-10{ background:url(../image/td-10.jpg) center; background-size: cover;transition: .4s transform;}
.td-10:hover{background:url(../image/td-10-.jpg) center;transition: .4s transform;}


/*.td-11*/
.td-11:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-11::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-11{ background:url(../image/td-11.jpg) center; background-size: cover;transition: .4s transform;}
.td-11:hover{background:url(../image/td-11-.jpg) center;transition: .4s transform;}



/*.td-12*/
.td-12:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-12::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-12{ background:url(../image/td-12.jpg) center; background-size: cover;transition: .4s transform;}
.td-12:hover{background:url(../image/td-12-.jpg) center;transition: .4s transform;}


/*.td-13*/
.td-13:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-13::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-13{ background:url(../image/td-13.jpg) center; background-size: cover;transition: .4s transform;}
.td-13:hover{background:url(../image/td-13-.jpg) center;transition: .4s transform;}


/*.td-14*/
.td-14:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-14::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-14{ background:url(../image/td-14.jpg) center; background-size: cover;transition: .4s transform;}
.td-14:hover{background:url(../image/td-14-.jpg) center;transition: .4s transform;}


/*.td-15*/
.td-15:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-15::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-15{ background:url(../image/td-15.jpg) center; background-size: cover;transition: .4s transform;}
.td-15:hover{background:url(../image/td-15-.jpg) center;transition: .4s transform;}


/*.td-16*/
.td-16:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-16::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-16{ background:url(../image/td-16.jpg) center; background-size: cover;transition: .4s transform;}
.td-16:hover{background:url(../image/td-16-.jpg) center;transition: .4s transform;}


/*.td-17*/
.td-17:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-17::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-17{ background:url(../image/td-17.jpg) center; background-size: cover;transition: .4s transform;}
.td-17:hover{background:url(../image/td-17-.jpg) center;transition: .4s transform;}


/*.td-18*/
.td-18:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-18::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-18{ background:url(../image/td-18.jpg) center; background-size: cover;transition: .4s transform;}
.td-18:hover{background:url(../image/td-18-.jpg) center;transition: .4s transform;}


/*.td-19*/
.td-19:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-19::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-19{ background:url(../image/td-19.jpg) center; background-size: cover;transition: .4s transform;}
.td-19:hover{background:url(../image/td-19-.jpg) center;transition: .4s transform;}


/*.td-20*/
.td-20:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-20::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-20{ background:url(../image/td-20.jpg) center; background-size: cover;transition: .4s transform;}
.td-20:hover{background:url(../image/td-20-.jpg) center;transition: .4s transform;}


/*.td-21*/
.td-21:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-21::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-21{ background:url(../image/td-21.jpg) center; background-size: cover;transition: .4s transform;}
.td-21:hover{background:url(../image/td-21-.jpg) center;transition: .4s transform;}

/*.td-22*/
.td-22:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-22::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-22{ background:url(../image/td-22.jpg) center; background-size: cover;transition: .4s transform;}
.td-22:hover{background:url(../image/td-22-.jpg) center;transition: .4s transform;}


/*.td-23*/
.td-23:hover::after {content: '';height: 100%;background-color: rgba(0,0,0,0.5);}
.td-23::after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);left: 0;top: 0;transition: .4s ease;}

.td-23{ background:url(../image/td-23.jpg) center; background-size: cover;transition: .4s transform;}
.td-23:hover{background:url(../image/td-23-.jpg) center;transition: .4s transform;}