@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)}}@media screen and (max-width: 1024px){body main{padding:0 100px}}@media screen and (max-width: 640px){body main{padding:0 50px}}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:#222}header{z-index:999;position:fixed;top:5vw;text-align:right;color:#fff;width:90vw;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:#ffe5be;margin-left:5vw;font-size:1vw}.main{margin:0 5vw}.main p{font-size:2vw}.works .works_body .works_list{width:30vw;margin:0 auto;margin-left:54vw;transform:scale(1)}.works .works_body .works_list .works_list_co{display:block;width:30vw;height:8vw;background:#fff;margin:6vw auto;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:0.3s;opacity:0;transform:scale(0.9);filter:brightness(0.2) grayscale(1) contrast(1)}.works .works_body .works_list .works_list_co img{width:100%}.works .works_body .works_list .works_list_co:hover{filter:brightness(1) grayscale(0) contrast(0.5);transition:0.3s}.works .works_body .works_list .works_list_no{position:absolute;top:0;right:-30px;color:#fff;font-family:sweet-titling-no-26, sans-serif}.works .works_body .works_list .show{opacity:1;transform:scale(1)}.works .works_body .ptn001 .works_list_co{width:40vw;height:20vw}.works .works_body .ptn003 .works_list_co{width:35vw;height:15vw}.works .works_body .ptn004 .works_list_co{width:30vw;height:20vw}.white_mode{background:#ced2cb}.white_mode header h2{color:#12523b}.white_mode p{color:#222}.white_mode button{color:#222}.white_mode main .works .works_body .works_list_co{filter:brightness(0.4) grayscale(1) contrast(1)}.white_mode main .works .works_body .works_list_co:hover{filter:brightness(1) grayscale(0)}.white_mode main .works .works_body .works_list_no{color:#222}.white_mode .works_list_co.show{opacity:1;transform:scale(1)}
/*# sourceMappingURL=style.css.map */