:root{--dark: #242423}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{min-height:100vh}body{background-color:#fff;font-family:Noto Sans,sans-serif;font-size:14px;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:Cinzel,serif;font-weight:400}p{margin:0}.stage{position:relative;background:#fff;visibility:hidden}.header{position:fixed;left:40px;top:24px;z-index:100;display:flex;@media all and (max-width: 768px){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){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){right:auto}}.intro__title{font-size:25vw;overflow:hidden;letter-spacing:-2.3vw;padding-right:2.3vw;@media all and (max-width: 768px){margin-bottom:5vh}}.intro__img{position:absolute;width:35%;max-width:390px;height:auto;@media all and (max-width: 768px){width:75vw}}.intro__img--1{z-index:2;left:10%;bottom:35%;@media all and (max-width: 768px){left:50%;bottom:50vh}}.intro__img--2{z-index:1;left:25%;bottom:40%;@media all and (max-width: 768px){left:70%;bottom:60vh}}.intro__txt{max-width:35vw;margin-left:25vw;@media all and (max-width: 768px){max-width:80vw;margin-left:5vw}}.slide{display:flex;align-items:stretch;height:100vh;overflow:hidden;&:nth-of-type(2n){background:#c4cdc4}@media all and (max-width: 768px){display:block;position:relative}}.col{flex-basis:50%;@media all and (max-width: 768px){display:block;width:100%;height:100vh}}.col--1{position:relative;z-index:1;@media all and (max-width: 768px){position:relative;z-index:1}}.col--2{position:relative;overflow:hidden;@media all and (max-width: 768px){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:6vw 6vw 10vw;@media all and (max-width: 768px){width:80%}}.col__content--1{background:#d8c0c0;@media all and (max-width: 768px){background:rgba(#d8c0c0,.9)}}.col__content--2{background:#cdd5e0;@media all and (max-width: 768px){background:rgba(#cdd5e0,.9)}}.col__content--3{background:#f3d3b0;@media all and (max-width: 768px){background:rgba(#f3d3b0,.9)}}.col__content--4{background:#f8e9e6;@media all and (max-width: 768px){background:rgba(#f8e9e6,.9)}}.col__content--5{background:#d1e2ec;@media all and (max-width: 768px){background:rgba(#d1e2ec,.9)}}.col__content--6{background:#d7cec5;@media all and (max-width: 768px){background:rgba(#d7cec5,.9)}}.col__content-title{margin:0 0 2vw;font-size:11vw;letter-spacing:-.8vw;@media all and (max-width: 768px){margin:0 0 6vw;font-size:18vw}}.col__content-wrap{display:flex;justify-content:flex-end;@media all and (max-width: 768px){flex-direction:column}}.col__content-txt{max-width:22vw;order:2;margin-left:32px;@media all and (max-width: 768px){order:1;max-width:40vw;margin:0 0 10vw 10vw}}.slide-link{position:relative;order:1;display:flex;justify-content:flex-end;width:75px;height:53px;>*{pointer-events:none}@media all and (max-width: 768px){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;&: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){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:100%}.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:Cinzel,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:Cinzel,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%)}