@import url("https://use.typekit.net/wos8wqk.css");html{font-size:62.5%}body{font-size:calc(1.3rem + 0.18vw)}body p{line-height:1.6}body h2{font-size:calc(2rem + 3.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}#load{width:100vw;height:100vh;background:#0d0d0d;z-index:9999;position:fixed;top:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center;color:#ddd}body{background:#111}body p{color:#99999918}body::after{content:'';width:1px;height:80vh;position:fixed;top:10vh;background:#2c3aff;margin-left:50vw;z-index:-1}header{z-index:999;position:fixed;top:5vw;text-align:right;color:#fff;width:90vw;left:5vw;align-items:center;justify-content:space-between}header button{background-color:rgba(255,255,255,0);border:0px;color:white;font-size:1vw}header button:focus{outline:-webkit-focus-ring-color auto 0px}header h2{text-align:left;text-transform:uppercase;font-weight:400;color:#2c3aff;font-size:1.2vw}.main{margin:0 5vw;text-align:center}.works{width:100vw;overflow:hidden;position:relative}.works .works_body{width:100vw;position:relative;overflow:hidden}.works_list{width:90vw;margin:0 auto;opacity:1;transform:scale(1.65);perspective:500px;transform-style:preserve-3d}.works_list:hover .works_list_co .list_img{filter:brightness(0.4) grayscale(0) contrast(1)}.works_list:hover .works_list_co .list_img img{transition:0.3s;transform:scale(1.1)}.works_list:hover .works_list_co .list_text{opacity:1}.works_list .works_list_co{text-decoration:none;display:flex;align-items:center;position:relative;margin:10vh 0;transform:rotateX(30deg)}@media screen and (max-width: 1024px){.works_list .works_list_co{margin:8vh 0}}@media screen and (max-width: 770px){.works_list .works_list_co{margin:5vh 0}}.works_list .works_list_co hr{width:100%;position:absolute;border-top:1px solid rgba(255,255,255,0.137)}.works_list .works_list_co .list_img{width:30vw;height:10vw;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;filter:brightness(0.4) grayscale(1) contrast(1)}.works_list .works_list_co .list_img img{width:100%;transition:0.3s}@media screen and (max-width: 1024px){.works_list .works_list_co .list_img{width:60vw;height:30vw}}@media screen and (max-width: 770px){.works_list .works_list_co .list_img{width:90vw;height:30vw}}.works_list .works_list_co .list_text{width:100%;display:flex;justify-content:space-between;position:absolute}.works_list .works_list_co .list_text .list_no{font-family:grange, sans-serif;font-weight:600;font-style:normal;font-size:0.7vw;width:5%}.works_list .works_list_co .list_text .list_title{font-weight:400;font-size:0.9vw;width:50%}.works_list .works_list_co .list_text .list_cate{font-family:vendetta, serif;font-weight:300;font-style:italic;width:10%}.works_list .works_list_co .list_text .list_date{font-family:vendetta, serif;font-weight:300;font-style:italic;width:10%}.active{opacity:1;transition:1s ease-out;transform:scale(1)}.white_mode{background:#ebeef1}.white_mode header h2{color:#f85043}.white_mode p{color:#f85043}.white_mode button{color:#222}.white_mode::after{content:'';width:1px;height:80vh;position:fixed;top:10vh;background:#c3c7cc;margin-left:50vw;z-index:-1}.white_mode .work{width:100vw;overflow:hidden}.white_mode .works_list .works_list_co hr{width:100%;position:absolute;border-top:1px solid #c3c7cc}
/*# sourceMappingURL=style.css.map */