@charset "utf-8";

.img-01 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-view-a.png');
    transition: 2s;
}
.img-01:hover {
     background: url('../image/ho-view-b.png');
}
.img-02 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-id-a.png');
    transition: 2s;
}
.img-02:hover {
     background: url('../image/ho-id-b.png');
}
.img-03 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-dream-a.png');
    transition: 2s;
}
.img-03:hover {
     background: url('../image/ho-dream-b.png');
}
.img-04 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-girin-a.png');
    transition: 2s;
}
.img-04:hover {
     background: url('../image/ho-girin-b.png');
}
.img-05 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-wonjin-a.png');
    transition: 2s;
}
.img-05:hover {
     background: url('../image/ho-wonjin-b.png');
}
.img-06 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-da-a.png');
    transition: 2s;
}
.img-06:hover {
     background: url('../image/ho-da-b.png');
}
.img-07 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-grand-a.png');
    transition: 2s;
}
.img-07:hover {
     background: url('../image/ho-grand-b.png');
}
.img-08 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-like-a.png');
    transition: 2s;
}
.img-08:hover {
     background: url('../image/ho-like-b.png');
}
.img-09 {
    width: 340px;
    height: 230px;
    margin: 0 auto;
    background: url('../image/ho-segimu-a.png');
    transition: 2s;
}
.img-09:hover {
     background: url('../image/ho-segimu-b.png');
}