#top-history-box{padding:100px 5%;background:#0b7e7f;color:#fff}#top-history-box h2{margin-bottom:12vw}@media screen and (min-width:768px){#top-history-box h2{margin-bottom:100px}}#top-history-box h2 span{color:#ddd}#top-history-box p{font-size:clamp(.813rem,.712rem + .38vw,1rem)}@media screen and (min-width:768px){#top-history-box p{text-align:center}}#top-history-box #history-ul{margin:10vw auto 0;width:100%;display:flex;flex-wrap:wrap;padding-left:0}@media screen and (min-width:1280px){#top-history-box #history-ul{margin:20px auto}}#top-history-box #history-ul.is-show li{opacity:1;transform:translateY(0)}#top-history-box #history-ul li{opacity:0;transition:opacity .3s,transform .3s,background .3s;list-style:none;width:29.3%;margin:2%;background-size:100%;aspect-ratio:1/1;background-position:50%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:1000px;transform:translateY(50px)}#top-history-box #history-ul li:first-child{transition-delay:.05s}#top-history-box #history-ul li:nth-child(2){transition-delay:.1s}#top-history-box #history-ul li:nth-child(3){transition-delay:.15s}#top-history-box #history-ul li:nth-child(4){transition-delay:.2s}#top-history-box #history-ul li:nth-child(5){transition-delay:.25s}#top-history-box #history-ul li:nth-child(6){transition-delay:.3s}#top-history-box #history-ul li:nth-child(7){transition-delay:.35s}#top-history-box #history-ul li:nth-child(8){transition-delay:.4s}#top-history-box #history-ul li:nth-child(9){transition-delay:.45s}#top-history-box #history-ul li:nth-child(10){transition-delay:.5s}#top-history-box #history-ul li:nth-child(11){transition-delay:.55s}#top-history-box #history-ul li:nth-child(12){transition-delay:.6s}#top-history-box #history-ul li:nth-child(13){transition-delay:.65s}#top-history-box #history-ul li:nth-child(14){transition-delay:.7s}#top-history-box #history-ul li:nth-child(15){transition-delay:.75s}#top-history-box #history-ul li:nth-child(16){transition-delay:.8s}#top-history-box #history-ul li:nth-child(17){transition-delay:.85s}#top-history-box #history-ul li:nth-child(18){transition-delay:.9s}#top-history-box #history-ul li:nth-child(19){transition-delay:.95s}#top-history-box #history-ul li:nth-child(20){transition-delay:1s}#top-history-box #history-ul li:nth-child(21){transition-delay:1.05s}#top-history-box #history-ul li:nth-child(22){transition-delay:1.1s}#top-history-box #history-ul li:nth-child(23){transition-delay:1.15s}#top-history-box #history-ul li:nth-child(24){transition-delay:1.2s}@media screen and (min-width:768px){#top-history-box #history-ul li{width:14.6%;margin:1%}}@media screen and (min-width:1280px){#top-history-box #history-ul li{width:11%;margin:.75%}}#top-history-box #history-ul li a{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;background:rgba(0,0,0,0);transition:background .3s;border-radius:1000px}#top-history-box #history-ul li a img{width:70%;margin:auto;transition:transform .3s;filter:drop-shadow(0 0 5px rgba(0,0,0,.8))}#top-history-box #history-ul li a:hover{background-size:110%;background:rgba(0,0,0,.5)}#top-history-box #history-ul li a:hover img{transform:scale(1.2)}