body,html{padding:0;margin:0;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.rounded{border-radius:9999px}.sample1{height:200px;overflow:hidden;position:relative}.sample1 .caption{font-size:130%;text-align:center;padding-top:85px;color:#fff}.sample1 .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);transition:all .2s ease}.sample1:hover .mask{opacity:1}.sample2{height:150px;overflow:hidden;position:relative}.sample2 .caption{font-size:130%;text-align:center;padding-top:61px;color:#fff}.sample2 .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);transition:all .2s ease}.sample2:hover .mask{opacity:1}.sample3{height:124px;overflow:hidden;position:relative}.sample3 .caption{font-size:130%;text-align:center;padding-top:50px;color:#fff}.sample3 .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.4);transition:all .2s ease}.sample3:hover .mask{opacity:1}