.cmn05_gallery{display:grid;gap:1rem 2rem}.cmn05_gallery.-col3{grid-template-columns:repeat(3,1fr)}.cmn05_gallery.-col4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:991px){.cmn05_gallery.-tablet-col1{grid-template-columns:repeat(1,1fr)}.cmn05_gallery.-tablet-col2{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.cmn05_gallery.-tablet-col2{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:992px){.cmn05_gallery .item.-col-add{grid-column:span 2}}.cmn05_gallery .item.animate-box{opacity:0;overflow:hidden;position:relative}@media screen and (max-width:768px){.cmn05_gallery .item.animate-box:not(:last-child){margin-bottom:4rem}}.cmn05_gallery .item.animate-box:before{background:#0068b7;content:"";display:block;height:88%;position:absolute;transform:translateX(101%);transition:.3s;width:100%;z-index:101}.cmn05_gallery .item.animate-box.item-animate:before{transform:translateX(-100%)}.cmn05_gallery .caption{font-size:1.4rem;font-weight:400;margin-top:10px}.cmn05_gallery.-hover-message .main{height:270px;position:relative;z-index:0}@media screen and (max-width:768px){.cmn05_gallery.-hover-message .main{height:400px}}.cmn05_gallery.-hover-message .main .bg-image,.cmn05_gallery.-hover-message .main .desc{height:100%;left:0;position:absolute;top:0;width:100%}.cmn05_gallery.-hover-message .main .desc{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;gap:0;justify-content:center;padding:1.5em}@media screen and (min-width:769px){.cmn05_gallery.-hover-message .main .desc{background:#fff;opacity:0;transition:opacity .3s}}.cmn05_gallery.-hover-message .main h3{color:#fff;font-size:2rem;font-weight:700;text-align:center}@media screen and (min-width:769px){.cmn05_gallery.-hover-message .main h3{color:#0068b7;transform:translate3d(0,-15px,0);transition:transform .3s,opacity .3s}}.cmn05_gallery.-hover-message .main p{color:#565656;width:100%}@media screen and (min-width:769px){.cmn05_gallery.-hover-message .main p{transform:translate3d(0,15px,0);transition:transform .3s,opacity .3s}}.cmn05_gallery.-hover-message .main:hover .desc{opacity:.8}.cmn05_gallery.-hover-message .main:hover h3,.cmn05_gallery.-hover-message .main:hover p{transform:translateZ(0)}.cmn05_gallery.-hover-image .main{overflow:hidden}.cmn05_gallery.-hover-image .main>img{transform:scale(1.2);transition:transform .3s}.cmn05_gallery.-hover-image .main:hover>img{transform:scale(1)}