*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#333;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dfn{font-style:italic}b,strong{font-weight:bolder}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover-focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none !important}html{font-size:18px;line-height:1.333rem;background:#000}body{color:#fff;font-family:"neue-haas-grotesk-display",sans-serif;background:#000;font-weight:300}.wrap{min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.wrap::after{content:"";background:url(../img/decor.svg) right top/contain no-repeat;position:fixed;left:auto;top:auto;right:-10vw;bottom:-5vh;width:50vw;height:70vh;transform:rotateX(180deg);z-index:10}.col_sx{position:relative;z-index:10;padding:1.333rem 30px 1.333rem 30px;display:flex;flex-direction:column;min-height:100vh}.col_sx>*{position:relative;z-index:10}.col_dx{display:none;flex-direction:column;justify-content:flex-end;align-items:flex-end}.bg_wrap{background:url(../img/bg.webp) left center/cover no-repeat;position:fixed;left:0;top:0;right:0;bottom:0}.bg_wrap::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(27,30,35,.4)}header{z-index:20 !important}header img{display:block;width:100%;height:auto;max-width:350px}main{display:flex;flex-direction:column}main .main_txt{background:#0061ff;width:100%;padding:1.333rem 15px;position:relative;mix-blend-mode:hard-light}main h2{font-family:neue-haas-grotesk-display,sans-serif;font-weight:600;font-size:clamp(1rem,.9067rem + .3929vw,1.388rem);line-height:clamp(1rem,.9067rem + .3929vw,1.388rem);margin:0}main h1{font-family:roc-grotesk,sans-serif;font-weight:500;font-size:clamp(1.666rem,1.5323rem + .563vw,2.222rem);line-height:clamp(1.666rem,1.5323rem + .563vw,2.222rem);padding:clamp(.5rem,.5669rem - .2815vw,.222rem) 0;margin:1.333rem 0}main p{font-weight:400;font-size:clamp(1rem,.9783rem + .1083vw,1.111rem);margin:0}.col_sx main{flex-grow:1;justify-content:center;margin:2.666rem 0}.col_sx main .main_txt{padding:1.333rem 30px}.col_dx main{margin-right:20vw}.col_dx main .main_txt{max-width:460px}.col_dx main p{max-width:100%;width:100%}footer{font-family:roc-grotesk,sans-serif;display:flex;align-items:flex-end}footer>div{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:30px}footer h3{line-height:clamp(1.888rem,1.606rem + 1.4098vw,3.333rem);font-weight:500;font-size:clamp(1.888rem,1.606rem + 1.4098vw,3.333rem);padding:clamp(.53rem,.5774rem - .1995vw,.333rem) 0;text-transform:uppercase;margin:0 0 1.333rem 0}footer .tit3{font-size:clamp(.888rem,.8228rem + .3259vw,1.222rem);font-weight:500}footer p{margin:0;font-size:clamp(.888rem,.8661rem + .1093vw,1rem)}footer p span{white-space:nowrap}footer p strong{font-weight:600}@media(min-width: 576px){footer>div>div:first-child{padding-right:5vw}}@media(min-width: 768px){.wrap{min-height:100vh}.col_sx{padding:2.666rem 60px}.col_dx{padding:2.666rem 0 0 15px}}@media(min-width: 992px){.wrap{flex-direction:row}.wrap>*{flex:1 0 0%;width:100%;max-width:100%}.col_dx{display:flex}.col_sx{padding:2.666rem 15px 2.666rem 90px}.col_sx main{display:none !important}main .main_txt{padding:3.999rem 0}main .main_txt span{content:"";position:absolute;top:0;bottom:0;width:130%}main .main_txt span::before{content:"";position:absolute;background:#0061ff;height:100%;width:100%;transform:skew(-20deg)}main .main_txt span.shape_sx{left:0}main .main_txt span.shape_sx::before{transform-origin:top left}main .main_txt span.shape_dx{right:0}main .main_txt span.shape_dx::before{transform-origin:bottom right}main .main_txt>*:not(span){position:relative;z-index:5;margin-right:-80px}.square{position:relative;width:20vw;aspect-ratio:1/1;background:#778495;mix-blend-mode:multiply;opacity:40%}footer{flex-grow:1}}@media(min-width: 1200px){main .main_txt span{width:130%}main .main_txt span::before{content:"";position:absolute;background:#0061ff;height:100%;width:100%;transform:skew(-30deg)}main .main_txt>*:not(span){margin-right:-80px}}@media(min-width: 1790px){.col_dx main{margin-right:15vw}.square{width:15vw}}/*# sourceMappingURL=style.css.map */
