:root{--dark: #242423}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{min-height:100vh}body{font-family:"Noto Sans" "Syne",sans-serif;color:#242423;background-color:#fff;color:var(--dark);line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo,h1,h2{margin:0;line-height:1;font-family:"Noto Sans" "Syne",sans-serif;font-weight:300}p{margin:0}.stage{position:relative;background:#fff}.header{position:fixed;left:40px;top:24px;z-index:100;display:flex}@media all and (max-width:768px){.header{display:block;left:24px}}.logo{font-size:27px;letter-spacing:-1px}.nav-btn,.nav-btn__svg{width:56px;height:30px}.nav-btn{display:block;margin:-2px 0 0 56px}@media all and (max-width:768px){.nav-btn{margin:18px 0 0 -6px}}.nav-btn__svg{pointer-events:none}.intro,.footer{height:100vh}.intro{position:relative;padding:5vw;background:#c0d7d8;overflow:hidden}.intro__content{position:absolute;right:8%;bottom:15%;z-index:3}@media all and (max-width:768px){.intro__content{right:auto}}.intro__title{font-size:8vw;overflow:hidden;letter-spacing:-.3vw;padding-right:2.3vw;opacity:0;transform:translateY(200px)}@media all and (max-width:768px){.intro__title{margin-bottom:5vh}}.intro__img{position:absolute;width:35%;max-width:390px;height:auto}@media all and (max-width:768px){.intro__img{width:75vw}}.intro__img--1{z-index:2;left:10%;bottom:35%;opacity:0;transform:translateY(50px)}@media all and (max-width:768px){.intro__img--1{left:50%;bottom:50vh}}.intro__img--2{z-index:1;left:25%;bottom:40%;opacity:0;transform:translateY(-50px)}@media all and (max-width:768px){.intro__img--2{left:70%;bottom:60vh}}.intro__txt{max-width:35vw;margin-left:25vw;opacity:0;transform:translate(-100px)}@media all and (max-width:768px){.intro__txt{max-width:80vw;margin-left:5vw}}.slide{display:flex;align-items:stretch;height:100vh;overflow:hidden}.slide:nth-of-type(2n){background:#c4cdc4}@media all and (max-width:768px){.slide{display:block;position:relative}}.col{flex-basis:50%}@media all and (max-width:768px){.col{display:block;width:100%;height:100vh}}.col--1{position:relative;z-index:1}@media all and (max-width:768px){.col--1{position:relative;z-index:1}}.col--2{position:relative;overflow:hidden}@media all and (max-width:768px){.col--2{position:absolute;z-index:0;left:0;top:0}}.col__content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;height:100%;padding:0vw 6vw 21vw}@media all and (max-width:768px){.col__content{width:80%}}.col__content--1{background:#d8c0c0}@media all and (max-width:768px){.col__content--1{background:#d8c0c0e6}}.col__content--2{background:#cdd5e0}@media all and (max-width:768px){.col__content--2{background:#cdd5e0e6}}.col__content--3{background:#f3d3b0}@media all and (max-width:768px){.col__content--3{background:#f3d3b0e6}}.col__content--4{background:#f8e9e6}@media all and (max-width:768px){.col__content--4{background:#f8e9e6e6}}.col__content--5{background:#d1e2ec}@media all and (max-width:768px){.col__content--5{background:#d1e2ece6}}.col__content--6{background:#d7cec5}@media all and (max-width:768px){.col__content--6{background:#d7cec5e6}}.col__content-title{margin:0 0 2vw;font-size:4vw;line-height:25px;line-height:2vw}@media all and (max-width:768px){.col__content-title{margin:0 0 6vw;font-size:8vw;line-height:4vw}}.col__content-wrap{display:flex;justify-content:flex-end}@media all and (max-width:768px){.col__content-wrap{flex-direction:column}}.col__content-txt{max-width:26vw;order:2;margin-left:32px;font-size:1.2vw}@media all and (max-width:768px){.col__content-txt{order:1;max-width:57vw;margin:0 0 10vw 4vw;font-size:4vw}}.slide-link{position:relative;order:1;display:flex;justify-content:flex-end;width:75px;height:53px}.slide-link>*{pointer-events:none}@media all and (max-width:768px){.slide-link{order:2;align-self:flex-end}}.slide-link__circ{width:53px;height:53px;border-radius:50%;border:1px solid var(--dark)}.slide-link__line{position:absolute;top:25px;left:0;width:64px;height:3px;background:var(--dark)}.line{overflow:hidden}.line:nth-of-type(2n){margin-top:-1vw}.line__inner{display:block}.slide__scroll-link{position:absolute;right:-113px;bottom:3.5vw;display:block;width:140px;height:140px;background:var(--dark);overflow:hidden}@media all and (max-width:768px){.slide__scroll-link{display:none}}.slide__scroll-line{position:absolute;left:26px;bottom:0;width:1px;height:100%}.slide--0 .slide__scroll-line{background:#c0d7d8}.slide--1 .slide__scroll-line{background:#d8c0c0}.slide--2 .slide__scroll-line{background:#cdd5e0}.slide--3 .slide__scroll-line{background:#f3d3b0}.slide--4 .slide__scroll-line{background:#f8e9e6}.slide--5 .slide__scroll-line{background:#d1e2ec}.slide--6 .slide__scroll-line{background:#d7cec5}.col__image-wrap{position:absolute;left:0;width:100%;height:160vh}.img{object-fit:cover;width:100%;height:70%}.footer{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#cecece}.footer__link{font-size:5vw;color:var(--dark);text-decoration:none;font-family:"Noto Sans" "Syne",sans-serif}.footer__link-top{position:absolute;left:50%;bottom:100px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--dark);font-size:18px;color:#fff;text-decoration:none;font-family:"Noto Sans" "Syne",sans-serif}.footer__link-top-line{position:absolute;top:-50px;left:50%;width:1px;height:50px;background:var(--dark)}.footer__copyright{position:absolute;left:50%;bottom:24px;transform:translate(-50%);font-size:12px;color:#555}.intro__title,.intro__txt,.intro__img--1,.intro__img--2{animation:fadeInUp 1s ease forwards;opacity:0}.intro__txt{animation-delay:.2s}.intro__img--1{animation-delay:.4s}.intro__img--2{animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}