@import "https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";@import "https://fonts.googleapis.com/css?family=Dosis:300,400,500,700";@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?w16qc3);src:url(../fonts/icomoon.eot?w16qc3#iefix)format("embedded-opentype"),url(../fonts/icomoon.ttf?w16qc3)format("truetype"),url(../fonts/icomoon.woff?w16qc3)format("woff"),url(../fonts/icomoon.svg?w16qc3#icomoon)format("svg");font-weight:400;font-style:normal}[class^=icon-],[class*=\ icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:icomoon!important}.icon-arrow-bottom:before{content:""}.icon-arrow-top:before{content:""}.icon-undo:before{content:""}html{box-sizing:border-box;-webkit-text-size-adjust:100%;overflow-y:scroll}*,:before,:after{box-sizing:inherit;background-repeat:no-repeat}:before,:after{-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}audio:not([controls]){height:0;display:none}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{-webkit-text-decoration-skip:objects;background-color:#0000}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{color:#000;background-color:#ff0}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical;overflow:auto}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner{border-style:0;padding:0}[type=reset]::-moz-focus-inner{border-style:0;padding:0}[type=submit]::-moz-focus-inner{border-style:0;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]::-moz-focus-inner{outline:1px dotted buttontext}[type=reset]::-moz-focus-inner{outline:1px dotted buttontext}[type=submit]::-moz-focus-inner{outline:1px dotted buttontext}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{color:inherit;background-color:#0000;border-style:none}select{-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{color:inherit;white-space:normal;border:0;max-width:100%;display:table}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::selection{color:#000;text-shadow:none;background-color:#b3d4fc}ol,ul{list-style:none}*,:after,:before{box-sizing:border-box;outline:none}html,body{height:auto;min-height:100%}html{height:100%;min-height:100%;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word;color:#000;-webkit-text-stroke:.2px #000;background-color:#dcdcdc;font-family:ff-din-paneuropean,yu-gothic-pr6n,sans-serif;font-size:62.5%;font-weight:400;position:relative}h1{-webkit-text-stroke:initial}h2,h3,h4,h5,h6,strong{-webkit-text-stroke:.7px #000;font-weight:400}:-ms-clear{display:none}img{-ms-interpolation-mode:bicubic;vertical-align:bottom;max-width:100%;height:auto}svg{max-width:100%;height:auto}span{display:inline-block}#loader{z-index:32000;background-color:#dcdcdc;width:100%;height:100%;position:fixed;top:0;left:0}.loader{text-indent:-9999em;border:.1em solid #0000004d;border-left-color:#0000001a;margin:-2em 0 0 -2em;font-size:10px;animation:1.1s linear infinite load8;position:absolute;top:50%;left:50%}.loader,.loader:after{border-radius:50%;width:4em;height:4em}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-trigger{cursor:pointer;display:block}.menu-trigger,.menu-trigger span{box-sizing:border-box;transition:all .3s}.menu-trigger{width:38px;height:22px;position:absolute;top:24px;right:2.1%}.menu-trigger span{background-color:#000;width:38px;height:2px;position:absolute;left:0}.menu-trigger span:first-of-type{top:0}.menu-trigger span:nth-of-type(2){top:10px}.menu-trigger span:nth-of-type(3){top:20px}.menu-trigger:not(.active):hover span:first-of-type{top:2px}.menu-trigger:not(.active):hover span:nth-of-type(3){top:18px}.menu-trigger.active span:first-of-type{transform:translateY(10px)rotate(-45deg)}.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger.active span:nth-of-type(3){transform:translateY(-10px)rotate(45deg)}a{color:#000;text-decoration:none;transition:all .3s}a.btn{letter-spacing:.05em;background-color:transparnt;border:1px solid #000;padding:10px 20px;font-size:12px;font-weight:500;line-height:1em;display:inline-block}a.btn:hover{color:#dcdcdc;background-color:#000}a.arrowBtn{letter-spacing:.05em;background-color:transparnt;text-align:center;border:1px solid #000;padding:25px 40px;font-size:15px;line-height:1em;display:inline-block;position:relative}a.arrowBtn:after{content:"";z-index:10;border-top:1px solid #000;border-right:1px solid #000;width:8px;height:8px;transition:all .3s;position:absolute;top:50%;right:20px;transform:rotate(45deg)translateY(-50%)}a.arrowBtn:hover{color:#dcdcdc;background-color:#000}a.arrowBtn:hover:after{border-top:1px solid #fff;border-right:1px solid #fff}button.btn{letter-spacing:.05em;background-color:transparnt;border:1px solid #000;border-radius:0;padding:10px 20px;font-size:12px;font-weight:500;line-height:1em;transition:all .3s;display:inline-block}button.btn:hover,button.btn.active{background-color:#dcdcdc}input[type=submit]{letter-spacing:.05em;background-color:transparnt;border:1px solid #000;border-radius:0;padding:10px 20px;font-size:12px;font-weight:500;line-height:1em;transition:all .3s;display:inline-block}input[type=submit]:hover{color:#dcdcdc;background-color:#000}header{z-index:20000;background-color:#fff;width:100%;height:70px;transition:all .3s;position:fixed;top:0;left:0}header h1{font-size:2em;line-height:1.1em;display:inline-block;position:absolute;top:45%;left:21%;transform:translateY(-50%)}header h1 span{font-size:.6em;font-weight:400;display:block}header h1 a:hover{opacity:.7;filter:alpha(opacity=70)}header ul{transition:all .3s;position:absolute;top:50%;right:7.4%;transform:translateY(-50%)}header ul li{margin:0 0 0 12px;display:inline-block}header ul li a{letter-spacing:.05em;background-color:transparnt;border:1px solid #000;padding:10px;font-size:12px;font-weight:500;line-height:1em;display:inline-block}header ul li a:hover{color:#dcdcdc;background-color:#000}nav{z-index:19000;background-color:#ffffffe6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}nav ul{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}nav ul li{letter-spacing:.05em;font-size:3em;font-weight:500;line-height:1.5em}nav ul li:nth-last-child(3),nav ul li:nth-last-child(2),nav ul li:last-child{font-size:1.6em;font-weight:400;line-height:1.76em}nav ul li:nth-last-child(3){margin:20px auto 0}nav ul li a{color:#000;display:block}nav ul li a:hover{opacity:.7;filter:alpha(opacity=70)}main{padding:0 0 200px}ul.pageNav{text-align:center;width:100%;margin:80px auto 0}ul.pageNav.works{margin:0 auto}ul.pageNav.works li.index a{color:#dcdcdc;border:1px solid #dcdcdc;padding:0;font-size:10px}ul.pageNav li{vertical-align:middle;display:inline-block}ul.pageNav li.index{margin:0 100px}ul.pageNav li.index a{letter-spacing:.05em;background-color:transparnt;border:1px solid #000;padding:10px 20px;font-size:12px;font-weight:500;line-height:1em;display:inline-block}ul.pageNav li.index a:hover{color:#dcdcdc;background-color:#000}ul.pageNav li:not(.index) a{display:inline-block}ul.pageNav li:not(.index) a:hover{opacity:.7;filter:alpha(opacity=70)}section.topImg{-webkit-text-stroke-color:#fff;width:100%;height:calc(100vh - 70px);position:relative;overflow:hidden}section.topImg .inner{background:url(../img/top/topimg.jpg) 50%/cover no-repeat;width:100%;min-width:100%;max-width:100%;height:100%;position:absolute;top:0;left:0}section.topImg h1{z-index:10;display:inline-block;position:absolute;top:35px;right:25px}section.topImg ul{z-index:9;position:absolute;top:18%;left:21%}section.topImg ul li{letter-spacing:.05em;font-size:2em;font-weight:500;line-height:1.5em}section.topImg ul li.mt{margin:15px auto 0}section.topImg ul li:nth-last-child(3),section.topImg ul li:nth-last-child(2),section.topImg ul li:last-child{font-size:1.1em;font-weight:400;line-height:1.76em}section.topImg ul li:nth-last-child(3){margin:24px auto 0}section.topImg ul li a{color:#fff;display:block}section.topImg ul li a:hover{opacity:.7;filter:alpha(opacity=70)}section.topImg ul li a span{color:#fff;margin:.2em auto 0;font-size:.65em;line-height:1.76em;display:block;font-weight:300!important}section.topImg a.scroll{letter-spacing:.05em;color:#fff;z-index:11;text-align:center;padding-bottom:20px;font-size:1.1em;line-height:1em;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}section.topImg a.scroll span{box-sizing:border-box;border-bottom:1px solid #fff;border-left:1px solid #fff;width:16px;height:16px;margin-left:-8px;animation:1.5s infinite sdb;position:absolute;bottom:0;left:50%;transform:rotate(-45deg)}section.topImg a.scroll:hover{opacity:.7;filter:alpha(opacity=70)}section.selected{padding:90px 0 45px;position:relative}section.selected.detail{padding:150px 0 45px}section.selected>h1{letter-spacing:.05em;margin:0 auto 30px;padding:0 4% 0 21%;font-size:2em;font-weight:500;line-height:1em}section.selected article{color:#fff;padding:0 4% 0 21%;position:relative;overflow:hidden;background-size:cover!important}section.selected article.active:before{background-color:#000000b3}section.selected article:before{content:"";z-index:0;background-color:#0003;width:100%;height:100%;transition:all .8s;position:absolute;top:0;left:0}section.selected article h1{letter-spacing:.05em;font-size:4em;font-weight:500;position:relative}section.selected article p{letter-spacing:.05em;font-size:1.2em;line-height:1.76em;position:relative}section.selected article a{z-index:10;width:101%;height:101%;position:absolute;top:0;left:0}section.selected a.btn{margin:50px 0 50px 21%}section.about-top{margin-top:-30px}section.about-top>h1{letter-spacing:.05em;margin:0 auto 30px;padding:0 4% 0 21%;font-size:2em;font-weight:500;line-height:1em}section.about-top section.top-copy{width:100%;padding:120px 4% 140px 21%;position:relative}section.about-top section.top-copy h2{letter-spacing:.05em;margin:0 auto 1.4em;font-size:2em;font-weight:500;line-height:1em}section.about-top section.top-copy h2.en{margin-top:4em;font-size:1.8em}section.about-top section.top-copy p{letter-spacing:.05em;font-size:1.5em;line-height:1.76em}section.about-top section.top-copy p.en{font-size:1.4em}section.about-top section.outline{color:#fff;width:100%;padding:70px 4% 130px 21%;position:relative}section.about-top section.outline:before{content:"";z-index:0;background-color:#0003;width:100%;height:100%;position:absolute;top:0;left:0}section.about-top section.outline h1{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.outline h1 span{font-size:1.25em;font-weight:500}section.about-top section.outline h2{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.outline h2 span{font-size:1.25em;font-weight:500}section.about-top section.outline h3{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.outline h3:last-of-type{margin:0 auto 40px}section.about-top section.outline h3 span{font-size:1.25em;font-weight:500}section.about-top section.outline p{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;line-height:1.76em;position:relative}section.about-top section.outline p:last-child{margin:0 auto}section.about-top section.outline p a{color:#fff;font-weight:500}section.about-top section.outline p a:hover{opacity:.7;filter:alpha(opacity=70)}section.about-top section.history{color:#fff;width:100%;padding:70px 4% 430px 21%;position:relative}section.about-top section.history:before{content:"";z-index:0;background-color:#0003;width:100%;height:100%;position:absolute;top:0;left:0}section.about-top section.history h1{letter-spacing:.05em;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.history dl{zoom:1;margin:0 auto 20px;position:relative}section.about-top section.history dl:after{content:"";clear:both;display:block}section.about-top section.history dl:last-child{margin:0 auto}section.about-top section.history dl dt{float:left;letter-spacing:.05em;clear:both;min-width:55px;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.history dl dd{letter-spacing:.05em;margin:0 0 0 55px;font-size:1.2em;font-weight:500;line-height:1.76em;position:relative}section.about-top section.address{padding:70px 4% 40px 21%}section.about-top section.address .inner{width:100%}section.about-top section.address h2{letter-spacing:.05em;margin:0 auto 5px;font-size:1.5em;font-weight:500;line-height:1.4em;position:relative}section.about-top section.address h2 span{font-size:.8em;font-weight:500;display:block}section.about-top section.address p{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;line-height:1.76em}section.about-top section.address p:last-child{margin:0 auto}section.about-top div.map{background-color:#ccc;width:100%;height:320px}section.about-top div.office-kyoto,section.about-top div.office-tokyo{width:100%;height:640px}section.about-top div.office-visual{width:100%;height:calc(100vh - 244px)}section.koloro{background-color:#fff;padding:75px 4% 75px 21%}section.koloro div.inner{flex-flow:row-reverse;width:100%;max-width:600px;margin:0;display:flex}section.koloro div.inner div{width:50%}section.koloro div.inner div p{margin:0 auto 2em;font-size:1.2em;line-height:1.666em}section.koloro div.inner div p:last-child{margin:0 auto}section.koloro div.inner figure{width:50%;max-width:250px}section.koloro div.inner a:hover{opacity:.6;filter:alpha(opacity=60)}section.contact{padding:70px 4% 100px 21%}section.contact h2{letter-spacing:.05em;margin:0 auto 30px;font-size:2em;font-weight:500}section.contact p{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em;font-weight:500;line-height:1.76em}section.contact p.note{color:#888;font-size:1.1em}section.contact p.note a{color:#888}section.contact p.note a:hover{opacity:.7;filter:alpha(opacity=70)}section.contact p span{display:block}section.contact p input[type=text],section.contact p input[type=email],section.contact p input[type=tel],section.contact p textarea{background-color:#fff;border:none;width:100%;max-width:420px;margin:5px auto 0;padding:8px 10px}section.contact ul{text-align:left;margin:45px auto 20px}section.contact ul li{vertical-align:middle;letter-spacing:.05em;margin:0 15px 0 0;font-size:1.1em;font-weight:500;display:inline-block}section.policy{width:100%;padding:45px 4% 0 21%}section.policy h3{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em}section.policy p{letter-spacing:.05em;font-size:1.2em;line-height:1.76em}section.policy p span{display:inline-block}section.sideNav{z-index:10000;-webkit-overflow-scrolling:touch;background-color:#ffffffe6;width:100%;min-width:190px;max-width:190px;height:100%;padding:160px 35px 0;transition:all .3s;position:fixed;top:0;right:-200px;overflow-y:auto}section.sideNav.active{right:0}section.sideNav.client ul li{font-size:1.2em}section.sideNav h1{letter-spacing:.05em;margin:0 auto 20px;font-size:1.2em}section.sideNav ul{width:100%;padding:0 0 50px}section.sideNav ul li{letter-spacing:.05em;margin:0 auto 5px;font-size:1.6em;line-height:1.76em}section.sideNav ul li a{position:relative}section.sideNav ul li a:hover,section.sideNav ul li a.active{text-decoration:underline}section.sideNav p.close{cursor:pointer;transition:all .3s;display:inline-block;position:absolute;top:100px;left:35px}section.sideNav p.close:hover{opacity:.7;filter:alpha(opacity=70)}section.work{width:100%;max-width:1440px;margin:0 auto;padding:70px 0 0}section.work h1,section.work h2{letter-spacing:.05em;padding:0 4% 0 21%;font-size:1.2em;font-weight:500;line-height:1.76em}section.work .wrapper{width:100%;position:relative;overflow:hidden}section.work .wrapper .inner{position:absolute;top:0;left:50%;transform:translate(-50%)}section.work .wrapper .inner div.ytWrap{padding:60px 0}section.work .wrapper .inner div.yt{width:880px;height:0;margin:0 auto;padding-top:56.25%;display:block;position:relative;overflow:hidden}section.work .wrapper .inner div.yt iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}section.work .wrapper .inner p{text-align:center;font-size:1.1em}section.work .wrapper .inner p a:hover{text-decoration:underline}section.work .wrapper .inner p img{max-width:initial}section.recruit{width:100%;padding:60px 18% 0 21%}section.recruit h2{width:100%;max-width:960px;margin:0 auto 65px;font-size:2em}section.recruit h3{width:100%;max-width:960px;margin:0 auto 40px;font-size:2em;font-weight:400}section.recruit h4{letter-spacing:.05em;width:100%;max-width:960px;margin:0 auto;font-size:1.3em;line-height:1.76em;position:relative}section.recruit h4.arrow{padding:1.4em 0 0}section.recruit h4.arrow:after{content:"▼";position:absolute;top:0;left:.8em}section.recruit p{letter-spacing:.05em;width:100%;max-width:960px;margin:0 auto 20px;font-size:1.3em;line-height:1.76em}section.recruit p:last-of-type{margin:50px auto 0}section.recruit p.overview{margin:0 auto 60px}section.recruit p a.mail{font-size:1.38em;text-decoration:underline}section.recruit p a.mail:hover{opacity:.7;filter:alpha(opacity=70)}section.about,section.zenshocho{width:100%;padding:60px 18% 0 21%}section.about h2,section.zenshocho h2{width:100%;max-width:960px;margin:0 auto 65px;font-size:2em}section.about h3,section.zenshocho h3{letter-spacing:.05em;width:100%;max-width:960px;margin:0 auto;font-size:1.3em;line-height:1.76em;position:relative}section.about h3.arrow,section.zenshocho h3.arrow{padding:1.4em 0 0}section.about h3.arrow:after,section.zenshocho h3.arrow:after{content:"▼";position:absolute;top:0;left:.8em}section.about p,section.zenshocho p{letter-spacing:.05em;width:100%;max-width:960px;margin:0 auto 20px;font-size:1.2em;line-height:1.76em}section.about p:last-child,section.zenshocho p:last-child{margin:0 auto}section.about p a.button,section.zenshocho p a.button{text-align:center;border:1px solid #000;margin:1em 0 0;padding:.3em 1.5em .5em;font-size:1.16em;display:inline-block}section.about p a.button:hover,section.zenshocho p a.button:hover{color:#dcdcdc;-webkit-text-stroke-color:#dcdcdc;background-color:#000}section.about ul,section.zenshocho ul{letter-spacing:.05em;flex-wrap:wrap;width:100%;max-width:960px;margin:0 auto 20px;font-size:1.3em;line-height:1.76em;display:flex}section.about ul li:nth-child(odd),section.zenshocho ul li:nth-child(odd){width:65px}section.about ul li:nth-child(2n),section.zenshocho ul li:nth-child(2n){width:calc(100% - 65px)}section.about div.about-company,section.about div.about-director,section.about div.about-service,section.about div.about-license,section.about div.zenshocho-message,section.about div.zenshocho-detail,section.about div.zenshocho-links,section.zenshocho div.about-company,section.zenshocho div.about-director,section.zenshocho div.about-service,section.zenshocho div.about-license,section.zenshocho div.zenshocho-message,section.zenshocho div.zenshocho-detail,section.zenshocho div.zenshocho-links{width:100%;margin:0 auto 65px}section.about div.about-company div,section.about div.about-director div,section.about div.about-service div,section.about div.about-license div,section.about div.zenshocho-message div,section.about div.zenshocho-detail div,section.about div.zenshocho-links div,section.zenshocho div.about-company div,section.zenshocho div.about-director div,section.zenshocho div.about-service div,section.zenshocho div.about-license div,section.zenshocho div.zenshocho-message div,section.zenshocho div.zenshocho-detail div,section.zenshocho div.zenshocho-links div{margin:0 auto 20px}section.about div.about-company div:last-child,section.about div.about-director div:last-child,section.about div.about-service div:last-child,section.about div.about-license div:last-child,section.about div.zenshocho-message div:last-child,section.about div.zenshocho-detail div:last-child,section.about div.zenshocho-links div:last-child,section.zenshocho div.about-company div:last-child,section.zenshocho div.about-director div:last-child,section.zenshocho div.about-service div:last-child,section.zenshocho div.about-license div:last-child,section.zenshocho div.zenshocho-message div:last-child,section.zenshocho div.zenshocho-detail div:last-child,section.zenshocho div.zenshocho-links div:last-child{margin:0 auto}section.about div.about-message,section.about div.about-history,section.about div.about-address,section.about div.zenshocho-address,section.zenshocho div.about-message,section.zenshocho div.about-history,section.zenshocho div.about-address,section.zenshocho div.zenshocho-address{width:100%;margin:0 auto 45px}section.about div.about-message div,section.about div.about-history div,section.about div.about-address div,section.about div.zenshocho-address div,section.zenshocho div.about-message div,section.zenshocho div.about-history div,section.zenshocho div.about-address div,section.zenshocho div.zenshocho-address div{margin:0 auto 30px}section.about div.about-message div:last-child,section.about div.about-history div:last-child,section.about div.about-address div:last-child,section.about div.zenshocho-address div:last-child,section.zenshocho div.about-message div:last-child,section.zenshocho div.about-history div:last-child,section.zenshocho div.about-address div:last-child,section.zenshocho div.zenshocho-address div:last-child{margin:0 auto}section.about div.about-license a:hover,section.about div.zenshocho-message a:hover,section.zenshocho div.about-license a:hover,section.zenshocho div.zenshocho-message a:hover{opacity:.7}section.about div.about-license img,section.about div.zenshocho-message img,section.zenshocho div.about-license img,section.zenshocho div.zenshocho-message img{width:100%;max-width:160px}section.about div.zenshocho-detail-external,section.zenshocho div.zenshocho-detail-external{flex-direction:column;align-items:flex-start;gap:25px;max-width:960px;display:flex}section.about div.zenshocho-detail-external a,section.zenshocho div.zenshocho-detail-external a{background:url(../img/common/arrow-external.svg) 0/11px no-repeat;padding:.5em 1em .5em 1.4em;font-size:1.3em;display:inline-block}section.about div.zenshocho-detail-external a:hover,section.zenshocho div.zenshocho-detail-external a:hover{color:#fff;-webkit-text-stroke:.2px #fff;background:#000 url(../img/common/arrow-external-wh.svg) 10px/11px no-repeat;padding:.5em 1em .5em 2.4em}section.about div.zenshocho-links p,section.zenshocho div.zenshocho-links p{margin:0 auto 60px;font-size:1.3em}section.about div.zenshocho-links p:last-child,section.zenshocho div.zenshocho-links p:last-child{margin:0 auto}section.about div.zenshocho-links p a.button,section.zenshocho div.zenshocho-links p a.button{font-size:1.07em}section.about div.zenshocho-address p,section.zenshocho div.zenshocho-address p{font-size:1.3em}section.zenshocho h2{letter-spacing:.05em;margin:0 auto 45px;font-size:1.6em}section.zenshocho h2 span.zenshocho{letter-spacing:0;-webkit-text-stroke:.2px #000;margin-top:3em;font-size:1.14em;display:block}section.zenshocho p{font-size:1.4em}section.zenshocho table{border-collapse:collapse;border-spacing:0;width:100%;max-width:960px;margin:0 auto 70px}section.zenshocho table thead tr{border-bottom:1px solid #0000004d}section.zenshocho table thead tr th{text-align:left;-webkit-text-stroke:.7px #000;padding:1.5em 0 1em;font-size:1.3em;font-weight:400}section.zenshocho table thead tr th span.code{-webkit-text-stroke:.2px #000}section.zenshocho table tbody tr{border-bottom:1px solid #0000001a}section.zenshocho table tbody tr td{text-align:left;padding:1.2em 0 .8em;font-size:1.3em;font-weight:400}footer{width:100%;padding:0 4% 0 21%;position:absolute;bottom:0;left:0}footer.zenshocho{align-items:flex-end;width:100%;height:506px;display:flex;position:relative}footer.zenshocho:after{content:"";pointer-events:none;z-index:10;background:url(../img/common/logo-footer.svg) calc(100% - 15px) 30px no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}footer.zenshocho .parallax{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}footer.zenshocho small{z-index:10}footer small{letter-spacing:.05em;font-size:1.2em;font-weight:300;line-height:40px}div.pageTop{z-index:18000;text-align:right;width:100%;right:3.5%}div.pageTop a{text-align:center;letter-spacing:.05em;font-size:1.1em;line-height:1em;display:inline-block}div.pageTop a:hover{opacity:.7;filter:alpha(opacity=70)}div.pageTop a span{margin:0 auto 10px;font-size:1.2em;display:block}div.worksWrap{zoom:1;width:100%;position:relative}div.worksWrap:after{content:"";clear:both;display:block}div.worksWrap.detail{margin:100px auto 0}div.worksWrap article{float:left;text-align:center;width:22.8%;margin:1.1%;position:relative}div.worksWrap article:hover img{transform:scale(1.05)}div.worksWrap article h1,div.worksWrap article h2{letter-spacing:.05em;font-size:1.2em;font-weight:500;line-height:1.75em;position:relative}div.worksWrap article img{max-width:100%;height:auto;transition:all .6s;transform:scale(1)}div.worksWrap article a{width:100%;height:100%;position:absolute;top:0;left:0}div.more{text-align:center;margin:0 auto 100px}div#infscr-loading{text-align:center;letter-spacing:.05em;font-size:1.4em;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.spOnly{display:none!important}.pcOnly{display:inline-block!important}.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form .wpcf7-response-output{border:none}.grecaptcha-badge{visibility:hidden}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg)translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg)translate(-8px,8px)}}@media only screen and (max-width:960px){header ul{right:8%}section.work .wrapper .inner{width:100%;position:relative;left:0;transform:translate(0)}section.work .wrapper .inner div.ytWrap{padding:30px 6%}section.work .wrapper .inner div.yt{width:100%}section.work .wrapper .inner p img{width:100%;max-width:100%}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg)translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg)translate(-8px,8px)}}}@media only screen and (max-width:768px){header ul{right:9.5%}.spOnly{display:inline-block!important}.pcOnly{display:none!important}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg)translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg)translate(-8px,8px)}}}@media only screen and (max-width:640px){.menu-trigger{right:6%}a.arrowBtn{width:100%;padding:25px 0;font-size:14px}button.btn{font-size:10px}button.btn:hover{background:0 0}button.btn.active{background-color:#dcdcdc}header.top{background-color:#0000}header.top h1,header.works h1{display:none}header h1{left:6%}header ul{text-align:left;background-color:#fff;width:100%;position:absolute;top:50%;left:5%;right:auto;transform:translateY(-50%)}header ul li{margin:0 0 0 8px;display:inline-block}header ul li:first-child{margin:0}header ul li a{font-size:10px}header ul li a:hover{color:#000;background:0 0}nav ul li{font-size:2.6em}nav ul li:nth-last-child(3),nav ul li:nth-last-child(2),nav ul li:last-child{font-size:1.4em}main{padding:0 0 100px}main.works{padding:0 0 180px}ul.pageNav li.index{margin:0 10%}section.topImg{height:100svh}section.topImg h1{width:30%;right:6%}section.topImg ul{top:23%;left:25%}section.selected{padding:45px 0 20px}section.selected.detail{padding:70px 0 45px}section.selected>h1{margin:0 auto 15px;padding:0 6%}section.selected article{padding:0 6%}section.selected article h1{font-size:2em}section.selected article p{font-size:1em}section.selected a.btn{margin:50px 0 50px 6%}section.about-top>h1{margin:0 auto 15px;padding:0 6%}section.about-top section.top-copy{padding:80px 6% 100px}section.about-top section.top-copy h2{font-size:1.6em;line-height:1.76em}section.about-top section.top-copy h2.en{font-size:1.5em}section.about-top section.top-copy p{font-size:1.2em}section.about-top section.top-copy p.en{font-size:1.1em}section.about-top section.top-copy p br{display:none}section.about-top section.outline{padding:35px 6% 70px}section.about-top section.outline:before{background-color:#0006}section.about-top section.outline h1,section.about-top section.outline h2,section.about-top section.outline h3{margin:0 auto 15px;font-size:1em}section.about-top section.outline h3:last-of-type{margin:0 auto 20px}section.about-top section.outline p{margin:0 auto 15px;font-size:1em}section.about-top section.outline p.brWrap br:not(.fix){display:none}section.about-top section.history{padding:35px 6% 100px}section.about-top section.history:before{background-color:#0006}section.about-top section.history h1{font-size:1em}section.about-top section.history dl{margin:0 auto 15px}section.about-top section.history dl dt{min-width:45px;font-size:1em}section.about-top section.history dl dd{margin:0 0 0 45px;font-size:1em}section.about-top section.address{padding:35px 6% 20px}section.about-top section.address h2{font-size:1.2em}section.about-top section.address p{margin:0 auto 15px;font-size:1em}section.about-top div.office-kyoto,section.about-top div.office-tokyo{height:280px}section.about-top div.office-visual{height:50svh}section.koloro{text-align:center;padding:50px 6%}section.koloro div.inner{width:initial;margin:0 auto;display:inline-block}section.koloro div.inner div{text-align:left;width:100%}section.koloro div.inner div p:nth-last-child(2){margin:0 2em 0 0;display:inline-block}section.koloro div.inner div p:last-child{display:inline-block}section.koloro div.inner figure{width:100%;max-width:initial;margin:0 0 40px}section.contact{padding:35px 6% 50px}section.contact h2{margin:0 auto 20px;font-size:1.6em}section.contact p.note br{display:none}section.policy{padding:25px 6% 0}section.policy h3,section.policy p{margin:0 auto 15px;font-size:1em}section.policy p br{display:none}section.policy p span{display:block}section.work{padding:35px 0}section.work h1,section.work h2{padding:0 6%}section.recruit{padding:30px 6% 0}section.recruit h2{margin:0 auto 40px;font-size:1.6em}section.recruit h3{margin:0 auto 20px;font-size:1.6em}section.recruit h4{font-size:1.1em}section.recruit p{margin:0 auto 10px;font-size:1.1em}section.recruit p.overview br{display:none}section.about,section.zenshocho{padding:30px 6% 0}section.about h2,section.zenshocho h2{margin:0 auto 40px;font-size:1.6em}section.about h3,section.zenshocho h3{font-size:1.1em}section.about p,section.zenshocho p,section.about ul,section.zenshocho ul{margin:0 auto 10px;font-size:1.1em}section.about ul li:nth-child(odd),section.zenshocho ul li:nth-child(odd){width:17%}section.about ul li:nth-child(2n),section.zenshocho ul li:nth-child(2n){width:83%}section.about div.about-company,section.about div.about-director,section.about div.about-service,section.about div.about-license,section.about div.zenshocho-message,section.about div.zenshocho-detail,section.about div.zenshocho-links,section.zenshocho div.about-company,section.zenshocho div.about-director,section.zenshocho div.about-service,section.zenshocho div.about-license,section.zenshocho div.zenshocho-message,section.zenshocho div.zenshocho-detail,section.zenshocho div.zenshocho-links{margin:0 auto 40px}section.about div.about-company div,section.about div.about-director div,section.about div.about-service div,section.about div.about-license div,section.about div.zenshocho-message div,section.about div.zenshocho-detail div,section.about div.zenshocho-links div,section.zenshocho div.about-company div,section.zenshocho div.about-director div,section.zenshocho div.about-service div,section.zenshocho div.about-license div,section.zenshocho div.zenshocho-message div,section.zenshocho div.zenshocho-detail div,section.zenshocho div.zenshocho-links div{margin:0 auto 10px}section.about div.about-message,section.about div.about-history,section.about div.about-address,section.about div.zenshocho-address,section.zenshocho div.about-message,section.zenshocho div.about-history,section.zenshocho div.about-address,section.zenshocho div.zenshocho-address{margin:0 auto 30px}section.about div.about-message div,section.about div.about-history div,section.about div.about-address div,section.about div.zenshocho-address div,section.zenshocho div.about-message div,section.zenshocho div.about-history div,section.zenshocho div.about-address div,section.zenshocho div.zenshocho-address div{margin:0 auto 20px}section.about div.about-message h3 br,section.about div.about-message p br,section.zenshocho div.about-message h3 br,section.zenshocho div.about-message p br{display:none}section.about div.about-license img,section.about div.zenshocho-message img,section.zenshocho div.about-license img,section.zenshocho div.zenshocho-message img{width:100%}section.about div.zenshocho-message p br,section.zenshocho div.zenshocho-message p br{display:none}section.about div.zenshocho-links p,section.zenshocho div.zenshocho-links p{margin:0 auto 40px}section.about div.zenshocho-address p,section.zenshocho div.zenshocho-address p{font-size:1.2em}section.zenshocho h2{margin:0 auto 30px;font-size:1.3em}section.zenshocho p,section.zenshocho table thead tr th,section.zenshocho table tbody tr td{font-size:1.2em}footer{padding:0 6%}footer.works{margin:0 auto 70px}footer.zenshocho:after{background:url(../img/common/logo-footer.svg) calc(100% - 15px) 30px/40vw no-repeat}footer small{font-size:1em;line-height:30px}div.worksWrap.detail{margin:50px auto 0}div.worksWrap article{width:31.333%;margin:1%}div.worksWrap article h1,div.worksWrap article h2{display:none}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg)translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg)translate(-8px,8px)}}}@media only screen and (max-width:320px){a.arrowBtn{font-size:12px}button.btn{padding:10px 15px}header ul li{margin:0 0 0 5px;display:inline-block}section.topImg ul{top:23%;left:20%}div.worksWrap article{width:48%;margin:1%}@keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg)translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg)translate(-8px,8px)}}}