html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*! locomotive-scroll v4.0.6 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
html{font-size:62.5%}body{font-size:calc(1.2rem + 0.18vw)}body p{padding:10px 0;line-height:1.8}body h2{font-size:calc(2rem + 1.5vw)}body h3{font-size:calc(2rem + 1.3vw)}body h4{font-size:calc(2rem + 1.2vw)}body h5,body h6{font-size:calc(2rem + 1vw)}@media screen and (max-width:1024px){body{font-size:1.6rem;background:#cec9c9}body p{font-size:1.8rem}body h2{font-size:4.3125rem}body h3{font-size:3.375rem}body h4{font-size:2.125rem}body h5,body h6{font-size:1.875rem}}@media screen and (max-width:770px){body{font-size:1.525rem;background:#d1d1d6}body p{font-size:1.6rem}body h2{font-size:3.1875rem}body h3{font-size:2.625rem}body h4{font-size:1.875rem}body h5,body h6{font-size:1.725rem}}@media screen and (max-width:640px){body{font-size:1.675rem;background:#bac0ba}body p{font-size:1.5rem}body h2,body h3{font-size:2rem}body h4{font-size:1.5rem}body h5,body h6{font-size:1.65rem}}@media screen and (max-width:480px){body{background:#b4b4a7;font-size:calc(1.3rem + 0.18vw)}body h2{font-size:calc(1.25rem + 1.35vw)}body h3{font-size:calc(1.25rem + 0.9vw)}body h4{font-size:calc(1.25rem + 0.3vw)}body h5,body h6{font-size:calc(1.5rem + 0.18vw)}}body main .s1{pointer-events:none;height:30vh}body main .s2{pointer-events:none;height:25vh}body main .s3{pointer-events:none;height:20vh}body main .s4{pointer-events:none;height:10vh}body main .s5{pointer-events:none;height:5vh}body main .s6{pointer-events:none;height:2.5vh}@media screen and (max-width:1024px){body main .s1{height:300px}body main .s2{height:250px}body main .s3{height:200px}body main .s4{height:100px}body main .s5{height:50px}body main .s6{height:25px}}@media screen and (max-width:640px){body main .s1{height:100px}body main .s2{height:80px}body main .s3{height:60px}body main .s4{height:30px}body main .s5,body main .s6{height:20px}}::selection{background:#ddd;color:#333}::-moz-selection{background:#ddd;color:#333}.mask{position:fixed;z-index:9999;top:0;left:0;display:block;visibility:hidden;width:100%;height:100%;transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition-property:transform,visibility;transform:rotateY(90deg);transform-origin:right;pointer-events:none;background-color:#00000028}.mask.active{visibility:visible;transform:rotateY(0deg);transform-origin:left;pointer-events:auto}body{background:#111}header{top:0;position:absolute;padding:0 8vw;display:flex;width:84vw;justify-content:space-between;margin:5vw 0;align-items:center;z-index:100}header h1 a{padding:2rem;display:inline-block;text-decoration:none;color:#fff}header ul li{display:inline-block;overflow:hidden}header ul li a{display:inline-block;padding:1.5rem 2rem;text-decoration:none;color:#fff}.menu_open{width:100vw;height:100vh;position:fixed;top:0;z-index:50}.menu_open .sns_link{position:relative;z-index:49;color:#fff;left:50vw;top:29vw}.menu_open .sns_link li{overflow:hidden;margin:10px 0}.menu_open .sns_link li a{padding:10px 0;transform:translate3d(0, 5vw, 0);display:inline-block;text-decoration:none;color:#555}.menu_open nav{margin-top:18vw;z-index:50;position:absolute}.menu_open nav ul{margin-left:60vw}.menu_open nav ul .active{opacity:.1;transition:.5s}.menu_open nav ul .active::after{content:"";width:100%;height:2px;background:#fff;position:absolute;left:0;top:3vw;animation:slide .5s forwards;animation-delay:.2s;opacity:0}@keyframes slide{0%{transform:translate3d(-100%, 0, 0)}100%{opacity:1;transform:translate3d(0%, 0, 0)}}.menu_open nav ul li{padding:.5vw 0;transition:.5s;overflow:hidden;position:relative}.menu_open nav ul li a{padding:2rem;color:#fff;text-decoration:none;font-size:3vw;transform:translate3d(0, 5vw, 0);display:inline-block;z-index:55}.menu_open .next_img{width:100vw;height:100vh;position:absolute;top:0;left:0;justify-content:center;align-items:center;display:flex;z-index:48}.menu_open .next_img .r{width:100vw;height:100vh;overflow:hidden;position:absolute}.menu_open .next_img .r img{width:100vw;height:100vh;display:inline-block;transform:translate3d(0, -60vw, 0)}.menu_open .menu_bg{width:100vw;height:100vh;background:#151515;position:fixed;top:0;z-index:48;transform:translate3d(0, -100vh, 0)}.title{padding:0 8vw;position:absolute;top:50vh}.title h3,.title h2{overflow:hidden}.title h3 span,.title h2 span{display:inline-block;padding:.5vw 0}.title h3{color:#8c8c8c;font-size:20px;margin-bottom:2vw}.title h2{color:#eee;font-size:90px}.bg{position:absolute;width:100vw;top:0;z-index:-1;background:#111}.bg img{opacity:0;width:100vw;transform:scale(1.1);pointer-events:none}.other{width:80vw;margin:90vh 0 0 auto;height:100vh;background:#111}.menu{width:60px;height:60px;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.menu .menu_co{position:relative;display:flex;justify-content:center;align-items:center}.menu .menu_co div{background:#f5f5f5;width:20px;height:1px;display:block;margin:.2vw 0;position:absolute;transition:.3s}.menu .menu_co div:nth-child(1){transform:translate3d(0, 5px, 0)}.menu .menu_co div:nth-child(2){transform:translate3d(0, 0, 0)}.menu .menu_co div:nth-child(3){transform:translate3d(0, -5px, 0)}.menu .on div:nth-child(1){transform:translate3d(0, 0, 0) rotate(45deg)}.menu .on div:nth-child(2){transform:translate3d(0, 0, 0);opacity:0;transition:.3s}.menu .on div:nth-child(3){transform:translate3d(0, 0, 0) rotate(-45deg)}