.contents-page-top{position:relative;z-index:10;height:50vh;width:100%;overflow:hidden;box-sizing:border-box;border:5px solid #f8afdd}.contents-page-top img{height:50vh;width:100vw;object-fit:cover;object-position:center}.contents-page-footer-layer{position:relative;z-index:10;height:100vh;background-color:#0000;pointer-events:none}.contents-page-wrapper{background-color:#ffedf0;position:relative;color:#303d36;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;padding:10vh 15vw 10vh 15vw}.contents-page-wrapper p{font-size:18px}.contents-page-title{text-align:center}.contents-page-title h2{margin:0;font-size:30px}.image-text-container{margin:10vh 0 3vh;display:flex;justify-content:center}.image-text-image{flex:1;border-radius:20px;width:40vw;height:30vw;overflow:hidden}.image-text-image img{width:100%;height:100%;object-fit:cover}.image-text-text{margin:0 30px;flex:1}.about-wrapper{width:calc(100% - 40px);margin:2vh 0 0;display:flex;flex-direction:column;padding:20px}.about-image-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.about-image-container img{width:100%;height:100%;object-fit:cover;border-radius:20px}.about-image-container2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-image-container2 img{width:100%;height:20vw;object-fit:cover;border-radius:20px}.about-image-container3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-image-container3 img{width:100%;height:20vw;object-fit:cover;border-radius:20px}.note-for-mobile{display:none}@media (max-width: 768px){.contents-page-top,.contents-page-top img{height:40vh}.contents-page-wrapper{padding:10vh 0}.contents-page-wrapper p{font-size:16px}.contents-page-title h2{font-size:25px;white-space:nowrap}.image-text-container{flex-direction:column}.image-text-image{order:1;width:100vw;height:30vh}.image-text-image img{height:30vh}.image-text-text{order:2;margin:0 20px}.contents-page-footer-layer{height:100vh}.about-wrapper{padding:0 20px;margin:3vh 0 0}.about-image-container2{gap:5px;grid-template-columns:repeat(2,1fr)}.about-image-container2 img{width:100%;height:40vw}.about-image-container3{gap:5px}.about-image-container3 img{height:40vw}.note-for-mobile{display:block;margin:0;font-size:12px}}
