.topforcontents-container{width:100vw;font-family:"Noto Serif JP",serif;margin:5vh 0 10vh}.contents-container{margin:0 2vw;display:flex;flex-wrap:wrap;justify-content:center;gap:2vh}.contents-description{flex-basis:calc(25% - 2vh);display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;height:300px}.contents-image{width:100%;height:100%;overflow:hidden;position:relative}.contents-image img{width:100%;height:100%;transition:transform .3s ease}.contents-description:hover img{transform:scale(1.05)}.description-overlay{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.3);z-index:2}.description-overlay-border{margin:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:2px solid white}.description-title{position:absolute;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff}.description-title h3{font-size:30px}.contents-description p{font-size:18px;padding:0 10px;margin-top:5px}@media (max-width: 1024px){.contents-description{flex-basis:calc(50% - 2vw)}}@media (max-width: 768px){.topforcontents-container{margin:5vh 0}.contents-description{flex-basis:100%}}