.top-photo{position:relative;width:100%;height:100vh;overflow:hidden}.top-photo-logo{position:absolute;top:50%;left:25%;z-index:2;transform:translate(-50%,-50%)}.top-photo-logo img{display:block;width:auto;height:60vh;margin:auto}.top-photo-logo.fade-in{opacity:0;transform:translateY(20px) translate(-50%,-50%);transition:opacity .6s ease-out,transform .6s ease-out}.top-photo-logo.fade-in-visible{opacity:1;transform:translateY(0) translate(-50%,-50%)}.top-photo-overlay{position:absolute;width:100%;height:100%;background-color:#0003;z-index:1}.terakoya-announcement{width:35vw;position:absolute;right:0;bottom:20vh;background-color:#0009;padding:10px;z-index:3;opacity:0;transform:translate(100%);transition:opacity 1s ease,transform 1s ease}.terakoya-announcement:hover{opacity:1;transform:scale(1.05)}.terakoya-announcement img{width:10vh;height:10vh;margin-right:20px;vertical-align:middle}.top-photo-announcement{width:30vw;height:auto;position:absolute;right:0;bottom:5vh;background-color:#0009;padding:10px;z-index:3;opacity:0;transform:translate(100%);transition:opacity 2s ease,transform 2s ease}.top-photo-announcement-visible{opacity:1;transform:translate(0)}.top-photo-announcement:hover{opacity:1;transform:scale(1.05)}.top-photo-announcement img{width:10vh;height:10vh;margin-right:20px;vertical-align:middle}.top-photo-announcement-link{color:#fff;opacity:.8;text-decoration:none;font-weight:700;display:flex;align-items:center}.slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;top:0;left:0;z-index:0}.slide.active{opacity:1}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.05)}}.slide{animation-name:zoomIn;animation-duration:5s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate}@media (max-width: 1024px){.terakoya-announcement{width:45vw}.top-photo-announcement{width:40vw}}@media (max-width: 768px){.top-photo-logo{top:40%;left:55%}.top-photo-logo img{height:50vh}.terakoya-announcement{width:300px;height:auto;bottom:20vh;padding:5px}.terakoya-announcement img{height:8vh;width:8vh}.top-photo-announcement{width:300px;height:auto;bottom:8vh;padding:5px}.top-photo-announcement img{width:8vh;height:8vh}}