.contents-page{background-color:#fdfdfd;position:relative;z-index:10;overflow:hidden}.contents-page-top-image{width:100vw;height:70vh;position:relative}.contents-page-top-image img{width:100%;height:100%;object-fit:cover;filter:saturate(0%);position:absolute;top:0;left:0}.top-image{transition:opacity .5s ease;opacity:0}.top-image.active{opacity:1}.contents-page-title{text-align:center;font-weight:400;margin-top:10vh}.contents-page-title h2{margin-bottom:0}.contents-page-title p{margin:5px}.contents-page-container1{display:flex;align-items:center;justify-content:center;padding:5vh 15vw}.contents-container1-text,.contents-container1-image{flex:1}.contents-container1-image img{width:100%;height:45vh;object-fit:cover}.contents-page-container2{padding:5vh 15vw;display:flex;flex-direction:column}.contents-container2-image{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.contents-container2-image img{width:100%;height:42vh;object-fit:cover}.contents-container3-image{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contents-container3-image img{width:100%;height:30vh;object-fit:cover}.contents-fixed-image{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden}.contents-fixed-image img{width:100vw;height:100vh;object-fit:cover}.text-wrapper{padding:5vh 15vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.text-wrapper p{text-align:center}.contents-for-link{width:100vw;position:relative}.top-links-layer{display:flex;justify-content:center;align-items:center;padding:15vh 15vw;width:70vw;text-decoration:none}.links-layer-b{background-color:#0006;transition:background-color .5s}.links-layer-b:hover{background-color:#000000b3}.links-layer-w{background-color:#fff6;transition:background-color .5s}.links-layer-w:hover{background-color:#ffffffb3}.top-links-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.top-links-text-b{color:#fdfdfd}.top-links-text-w{color:#0b0b0b}.top-links-text h2,.top-links-text p{margin:0;text-decoration:none}.top-links-button{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.top-links-more{width:80%;padding:15px 0;border-radius:50px}.top-links-more-b{background-color:#fdfdfd;color:#0b0b0b}.top-links-more-w{background-color:#0b0b0b;color:#fdfdfd}.top-links-more h2{margin:0;text-align:center}.youtube-video{margin:0 10vw 5vh 10vw;width:80vw;height:50vh;border:none}.youtube-video2{margin:0 15vw 5vh 15vw;width:70vw;height:50vh;border:none}@media (max-width: 768px){.contents-page-top-image{width:100vw;height:50vh;position:relative}.contents-page-container1{flex-direction:column;padding:3vh 0}.contents-container1-text{order:2;padding:0 5vw;display:flex;flex-direction:column;align-items:center}.contents-container1-image{order:1}.contents-container1-image img{width:100%;height:40vh;object-fit:cover}.contents-page-container2{padding:5vh 5vw}.contents-container2-image img{width:100%;height:20vh;object-fit:cover}.contents-container3-image{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.contents-container3-image img{width:100%;height:20vh;object-fit:cover}.text-wrapper{padding:5vh 5vw}.top-links-layer{flex-direction:column;padding:10vh 5vw;width:90vw;text-decoration:none}.links-layer-b{background-color:#0000008c}.links-layer-w{background-color:#ffffff8c}.top-links-text{order:1;margin-bottom:20px}.top-links-more{width:70vw;padding:5px 0;border-radius:50px}.top-links-button{order:2}.youtube-video,.youtube-video2{margin:0 0 5vh;width:100vw;height:30vh;border:none}}