@import url("https://use.typekit.net/ndh6mvw.css");body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{transition:1s ease-out}body{background:#f2efe8;font-family:degular, sans-serif;font-weight:200;font-style:normal}.grid{position:fixed;bottom:3.75vw;right:5.625vw;font-size:calc(100vw / ( 1920 / 30));z-index:999}#grid-w{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;pointer-events:none;opacity:.15}#grid-w #grid{height:100%}#grid-w #grid div{position:relative;float:left;width:3.75vw;height:100%}#grid-w #grid div::before{left:0;background:#000}#grid-w #grid div::after{right:0;background:#c19384}#grid-w #grid div:after,#grid-w #grid div:before{content:"";position:absolute;top:0;width:.625vw;height:100%}header{position:fixed;left:10vw;top:5vh}header h1{font-size:14px;font-weight:100}header .sub{font-size:30px;font-weight:300;color:#ff6648}.work{width:100vw;height:100vh;justify-content:center;align-items:center;position:fixed;display:flex;top:0;z-index:10;bottom:0}.work_bg_en{position:absolute;width:26vw;height:70vh;border-radius:50%;transform:rotate(-30deg);border:1px solid black;transition:.4s ease-out}.work .en2{transition-delay:.001s}.work .en3{transition-delay:.005s}.work_co{transition:.8s ease-out;align-items:center;display:flex;width:100vw;justify-content:center;height:100vh}.work_co .sub{font-size:14px;writing-mode:vertical-rl;margin-right:10vw}.work_co .main{font-weight:300;z-index:40;margin-top:1vw;font-size:10vw;color:#222;opacity:0;transition:.6s ease-out}.work_co .main .ttl{width:29vw;height:8vw}.work_co .main .ttl .ttl_co{height:30vh}.work_co .main .main1{position:absolute;top:-17vh}.work_co .main .main3{position:absolute;bottom:-17vh}.work_co .main span{overflow:hidden;display:block;margin-top:-3.5vw;transform:scale(1, 0.9);padding:1vw;transition:.2s ease-out}.work_co .main .iv{font-family:ivymode, sans-serif;font-weight:200;font-style:normal}.work .main_img{position:relative;width:12vw;height:17vw;margin-top:1vw;margin-right:10vw;margin-left:-33vw;transition:.3s ease-out}.work .main_img .main_img_box{width:12vw;height:17vw;background:#ddd;position:absolute;overflow:hidden;transform:rotate(10deg);display:inline-block}.work .main_img .box1{border-radius:10px;z-index:20}.work .main_img .box2{border-radius:10px;background:#555;z-index:10;filter:brightness(1.4)}.work .main_img .box3{border-radius:10px;background:#555;z-index:10;filter:brightness(1.4)}.foot{z-index:100;width:100vw;margin:0 auto;text-align:center;position:fixed;bottom:10vh}.btn{border:1px solid #ff6648;padding:40px 80px;display:inline-block;color:#ff6648;text-decoration:none;border-radius:90px;font-size:40px;font-weight:400;transition:.4s}.btn:hover{letter-spacing:4px;transition:.4s;box-shadow:-2px -2px 4px 0px #fff,50px 50px 50px 0px rgba(0,0,0,0.04)}.circle{position:fixed;top:0;left:0;pointer-events:none;z-index:999}.circle svg{animation:loop 5s infinite linear}@keyframes loop{0%{}100%{transform:rotate(360deg)}}.vh100w{height:100vh;width:50vw;background:#ddd}.vh100b{height:100vh;width:50vw;background:#777}@keyframes noise{0%{transform:translate3d(0, 0, 0)}50%{transform:translate3d(-0.01%, 0.01%, 0)}100%{transform:translate3d(0.01%, -0.01%, 0);filter:blur(1px)}}.strange{width:100vw;height:100vh;position:absolute;top:0;overflow:hidden}.strange .strange_img_box{position:absolute;display:none;width:100vw;height:100vh;justify-content:center;align-items:center;position:absolute;overflow:hidden;z-index:200}.strange .strange_img_box .strange_left_mv{width:50vw;height:100vh;position:absolute;left:0;top:0;z-index:800}.strange .strange_img_box .strange_left_mv img{width:100%}.strange .strange_img_box .strange_img{width:20vw;transition:.5s ease-out;margin:0 5vw}.strange .strange_img_box .strange_img img{width:100%;margin:10vw;filter:grayscale(1)}.strange .strange_bg{width:100vw;height:100vh;justify-content:center;align-items:center;position:relative;display:flex;overflow:hidden;z-index:100;pointer-events:none;background:#000;border-radius:50%;transform:translate3d(0, 100%, 0);transition:.5s ease-in}.strange .bg_active{border-radius:0%;transform:translate3d(0, 0%, 0);transition:.7s ease-in-out;transition-delay:.6s}