.tile-wrapper{margin:0 -5px}.tile-wrapper .tile{height:235px;margin:0 5px 10px;position:relative;width:calc(50% - 10px);overflow:hidden;z-index:1}.tile-wrapper .tile:after{background-color:#3a6661;content:'';height:30%;left:0;position:absolute;bottom:0;width:100%;z-index:-1;opacity:.6}.tile-wrapper .tile .hover-dv{top:160px;left:0;position:absolute;width:100%;z-index:1;padding:26px 15px 10px 15px}.tile-wrapper .tile .ttl{font-weight:700}.tile-wrapper .tile .contnt{font-size:16px;opacity:0;max-height:150px}.tile-wrapper .tile:hover .contnt{opacity:1}.tile-wrapper .tile:hover .ttl{padding:0 0 15px}.tile-wrapper .tile:hover .hover-dv{top:50%;transform:translateY(-50%);padding-top:10px}.tile-wrapper .tile:hover:after{opacity:.9;height:100%}@media(max-width:767px){.tile-wrapper{display:flex;flex-flow:row wrap}.tile-wrapper .tile{height:175px}.tile-wrapper .tile:after{height:31%}.tile-wrapper .tile .hover-dv{padding:10px;font-size:12px;line-height:normal;top:120px}.tile-wrapper .tile .contnt{font-size:13px}}