@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{height:0;overflow:visible}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ffff00;color:#000000}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}::selection{background-color:#e0f74e;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:transparent;-webkit-text-decoration-skip:objects}:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[tabindex],a,area,button,input,label,select,textarea{touch-action:manipulation}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}html{font-family:YakuHanJP,"brandon-grotesque","Helvetica Neue","Helvetica","Noto Sans Japanese","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial",sans-serif;font-size:62.5%;font-weight:normal;letter-spacing:0.05rem}body{background-color:#FFFAF0;line-height:1.5;color:#111111;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1.4rem}p{line-height:2;letter-spacing:0.4px;font-size:1.4rem}a{color:#454545;text-decoration:none;transition:all 0.1s}a:hover{background-color:#e0f74e;cursor:pointer}img{height:100%}button,input,select,textarea{font-family:YakuHanJP,"brandon-grotesque","Helvetica Neue","Helvetica","Noto Sans Japanese","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial",sans-serif;vertical-align:middle;margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;appearance:none}button,select{cursor:pointer}select::-ms-expand{display:none}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-thin.woff") format("woff"),url("../font/brandon-grotesque-thin.woff2") format("woff2"),url("../font/brandon-grotesque-thin.ttf") format("truetype");font-weight:100}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-light.woff") format("woff"),url("../font/brandon-grotesque-light.woff2") format("woff2"),url("../font/brandon-grotesque-light.ttf") format("truetype");font-weight:200}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-regular.woff") format("woff"),url("../font/brandon-grotesque-regular.woff2") format("woff2"),url("../font/brandon-grotesque-regular.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-medium.woff") format("woff"),url("../font/brandon-grotesque-medium.woff2") format("woff2"),url("../font/brandon-grotesque-medium.ttf") format("truetype");font-weight:400}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-bold.woff") format("woff"),url("../font/brandon-grotesque-bold.woff2") format("woff2"),url("../font/brandon-grotesque-bold.ttf") format("truetype");font-weight:500}@font-face{font-family:"brandon-grotesque";src:url("../font/brandon-grotesque-black.woff") format("woff"),url("../font/brandon-grotesque-black.woff2") format("woff2"),url("../font/brandon-grotesque-black.ttf") format("truetype");font-weight:600}@font-face{font-family:"themify";src:url("../font/themify.eot?-fvbane");src:url("../font/themify.eot?#iefix-fvbane") format("embedded-opentype"),url("../font/themify.woff?-fvbane") format("woff"),url("../font/themify.ttf?-fvbane") format("truetype"),url("../font/themify.svg?-fvbane#themify") format("svg");font-weight:normal;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:"themify";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-link:before{content:"\e62d"}footer{font-family:"Libre Barcode 39",cursive;margin:0 0 50px 0}footer .footer-content-area{border-top:1px dotted #111;padding-top:10px}footer .footer-content-area small{font-size:2rem}header{display:flex;justify-content:space-between;padding-top:30px}header .header-logo{position:relative}header .header-logo img{width:40px;height:40px}header .header-logo .john-cage{position:absolute;top:55px;left:0.1rem}header .header-logo .john-cage img{width:40px;height:100%}header .main-menu .main-menu-list{display:flex;justify-content:space-around}header .main-menu .main-menu-list li{font-size:1.4rem;font-weight:600}header .main-menu .main-menu-list li:after{content:"/";margin-left:10px;margin-right:10px;font-weight:400}header .main-menu .main-menu-list li:last-child:after{content:none}.about header .headline h1,.works header .headline h1,.works-single header .headline h1{position:fixed;font-size:1.8rem;font-weight:500;margin:0;padding-top:10px;z-index:9999}.about header .headline h1:before,.works header .headline h1:before,.works-single header .headline h1:before{position:absolute;content:"";width:20px;border-top:3px solid #454545;left:0;right:0;top:0}.main{margin-top:50px;margin-bottom:50px}.home .home-main{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);width:500px;height:500px;margin-top:0}.home .home-main .glitch-img{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:cover;opacity:1}.about .about-main{display:flex;justify-content:space-between;flex-wrap:wrap}.about .about-main .about-img{width:500px;height:500px}.about .about-main .about-text{width:500px;height:500px}.about .about-main .about-text h3{margin-top:30px}.about .about-main .about-text .about-name{font-size:1.4rem;font-weight:700}.about .about-main .about-text .about-headline{font-size:1.6rem;font-weight:400}.about .about-main .about-text .about-sns ul{margin-top:5px}.about .about-main .about-text .about-sns ul li{display:inline-block;margin-right:10px}.about .about-main .about-text .about-sns ul li:last-child{margin-right:0}.about .about-main .about-text .about-title{font-size:1rem;font-weight:500;color:#95989a}.about .about-main .about-text .about-article{font-size:1.2rem;color:#454545}.about .about-news{width:500px;margin-top:50px}.about .about-news .news-area{margin-bottom:10px}.about .about-news .news-area .time{display:inline-block;font-size:1rem;background-color:#E0F74E;font-weight:700;padding:3px 5px;letter-spacing:0.1rem}.about .about-news .news-area .news-title{display:inline-block;font-size:1.2rem;margin-left:10px}.works .works-main{display:flex;justify-content:space-between;flex-wrap:wrap}.works .works-main .works-thum{padding:15px;margin-bottom:50px}.works .works-main .works-thum img{width:480px}.works .works-main .works-title{font-size:1.7rem;font-weight:500;margin-top:20px}.works .works-main .works-job{font-size:1.4rem;font-weight:300;color:#95989a}.works-single .works-single-main{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:100px}.works-single .works-single-main .works-single-thum{width:60%}.works-single .works-single-main .works-single-thum img{width:750px}.works-single .works-single-main .works-single-title-area{width:40%;text-align:center}.works-single .works-single-main .works-single-title-area .works-title{font-size:1.4rem}.works-single .works-single-main .works-single-title-area .works-job{font-size:1.2rem;color:#95989a}.works-single .works-single-main .works-single-text-area{width:60%;background-color:#fff;margin-top:30px;padding:20px 20px}.works-single .works-single-main .works-single-text-area .works-text{font-size:1.2rem}.works-single .works-single-main .works-single-text-area .works-link{display:inline-block;color:#95989a;margin:20px 0 0 0}.works-single .works-single-main .works-single-text-area .works-link:after{font-family:"themify";content:"\e62d"}.works-single .layout-grid{position:relative;margin-bottom:20px}.works-single .layout-grid .layout-grid-link{display:block;margin:0 auto;width:20px;height:20px}.works-single .pagination-area{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;background-color:#fff;height:50px}.works-single .pagination-area .prev{position:relative;display:block;width:50%;height:100%;border-right:1px dotted #111}.works-single .pagination-area .prev div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:5px;height:20px}.works-single .pagination-area .next{position:relative;display:block;width:50%;height:100%}.works-single .pagination-area .next div{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:5px;height:20px}.small-gradation-blue-btn{line-height:1.52947;font-weight:400;background-color:#0070c9;background:linear-gradient(#42a1ec,#0070c9);border-color:#07c;border-width:1px;border-style:solid;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;min-width:30px;padding-left:15px;padding-right:15px;padding-top:3px;padding-bottom:4px;text-align:center;white-space:nowrap}.large-gradation-blue-btn{line-height:1.52947;font-weight:400;background-color:#0070c9;background:linear-gradient(#42a1ec,#0070c9);border-color:#07c;border-width:1px;border-style:solid;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;min-width:30px;padding-left:80px;padding-right:80px;padding-top:10px;padding-bottom:10px;text-align:center;white-space:nowrap}.large-gradation-blue-btn:hover,.small-gradation-blue-btn:hover{background-color:#147bcd;background:linear-gradient(#51a9ee,#147bcd);border-color:#1482d0;text-decoration:none}@media screen and (min-width:769px){.small-hide{display:none}}wbr+.nowrap{display:inline}.nowrap{display:inline-block;text-decoration:inherit;white-space:nowrap}.fl-r{float:right}.fl-l{float:left}.fs-1{font-size:1rem}.fs-2{font-size:2rem}.fs-3{font-size:3rem}.fw-bold{font-weight:bold}.taC{text-align:center}.taL{text-align:left}.taR{text-align:right}.justify{text-align:justify;text-justify:inter-ideograph}.img-responsive{display:block;height:auto;max-width:100%}.container{max-width:1170px;margin:0 auto;padding:0 50px}.fc-wh{color:#fefefe}.fc-bk{color:#454545}.fc-yl{color:#E0F74E}.spinner{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;border-radius:50%;width:120px;height:120px;text-indent:-9999px;border-top:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #e0f74e;border-left:1px solid #e0f74e;transform:translateZ(0);animation:spin 0.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:768px){.spinner{width:80px;height:80px}}@media screen and (max-width:414px){.spinner{width:60px;height:60px}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;display:block;background:#fefefe;z-index:99998;animation:bgOut 9s linear 1}.clearfix:after{clear:both;content:"";display:block}@media screen and (max-width:414px){.container{padding:0 15px}header .header-logo .john-cage{top:50px;left:6px}header .header-logo .john-cage img{width:30px;height:100%}header .main-menu{padding-top:10px}header .main-menu .main-menu-list li:after{margin-left:5px;margin-right:5px}.home .home-main{width:200px;height:200px}.about .about-main .about-img{width:250px;height:250px;margin:0 auto}.about .about-main .about-text{width:100%;height:100%;margin-top:20px}.about .about-main .about-text .about-name{font-size:1.2rem}.about .about-main .about-text .about-article{font-size:1rem}.about .about-news .news-title{font-size:1rem;margin-left:5px}.works .works-main .works-title{font-size:1.2rem;margin-top:10px}.works .works-main .works-job{font-size:1rem}.works-single .works-single-main{display:block}.works-single .works-single-main .works-single-thum{width:100%}.works-single .works-single-main .works-single-thum img{width:100%}.works-single .works-single-main .works-single-title-area{width:100%;text-align:center;margin-top:30px}.works-single .works-single-main .works-single-title-area .works-title{font-size:1.4rem}.works-single .works-single-main .works-single-title-area .works-job{font-size:1.2rem}.works-single .works-single-main .works-single-text-area{width:100%}.works-single .works-single-main .works-single-text-area .works-text{font-size:1rem}}