@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}blockquote,body,dd,div,dl,dt,embed,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,object,ol,option,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0;text-align:justify;-webkit-text-size-adjust:100%}table{border-spacing:0;border-collapse:collapse}img,table,td,th{border:0}img,input{vertical-align:top}img,video{max-width:100%}li{list-style:none}a{outline:0}em{font-style:normal}article,aside,figucaption,figure,footer,header,iframe,main,nav,picture,section,small{display:block}input[type=button],input[type=submit]{background:none;border:none;-webkit-appearance:none}input[type=checkbox],input[type=radio]{vertical-align:middle}:root{--col-text:#000;--col-main:#2E2E2E;--col-bg:#F8F8F8;--col-bd:rgba(0,0,0,0.3);--fnt-min:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;--fnt-go:"zen-kaku-gothic-new","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Noto Sans JP","Noto Sans Japanese","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}body{opacity:0;background:var(--col-bg);font-family:var(--fnt-go)}h1,h2,h3,h4,h5,h6{font-weight:normal}a{text-decoration:none;color:#333}::-moz-selection{background:rgba(0,0,0,0.2)}::selection{background:rgba(0,0,0,0.2)}::-moz-selection{background:rgba(0,0,0,0.2)}a.linkarea{display:block;position:absolute;left:0;top:0;bottom:0;width:100%;font-size:0;text-indent:-9999px;overflow:visible;z-index:999}#siteheader{z-index:999}.slick-disabled{opacity:0}.slidepager{text-align:center}.slidepager li{display:inline-block;margin:0 5px;line-height:1}.slidepager li button{width:7px;height:7px;padding:0;background:#eee;border:none;border-radius:50%;text-indent:-9999px;font-size:0}.slidepager li.slick-active button{background:#ccc}@-webkit-keyframes rotate-anime{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-anime{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate-anime-posxy{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate-anime-posxy{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes infinite-scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes infinite-scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes pop-anim{30%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%)}70%{-webkit-transform:translate(0%,-5%);transform:translate(0%,-5%)}75%{-webkit-transform:translate(0%,-3%);transform:translate(0%,-3%)}85%{-webkit-transform:translate(0%,1%);transform:translate(0%,1%)}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%)}}@keyframes pop-anim{30%{-webkit-transform:translate(0%,0%);transform:translate(0%,0%)}70%{-webkit-transform:translate(0%,-5%);transform:translate(0%,-5%)}75%{-webkit-transform:translate(0%,-3%);transform:translate(0%,-3%)}85%{-webkit-transform:translate(0%,1%);transform:translate(0%,1%)}to{-webkit-transform:translate(0%,0%);transform:translate(0%,0%)}}@-webkit-keyframes fadein-anim{0%{opacity:0}to{opacity:1}}@keyframes fadein-anim{0%{opacity:0}to{opacity:1}}@media (min-width:835px){blockquote,body,dd,div,dl,dt,embed,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,object,ol,option,p,pre,select,small,table,td,textarea,th,ul{font-size:1.4rem}blockquote,dd,dt,h1,h2,h3,h4,h5,h6,li,option,p,pre,select,td,textarea,th{line-height:2}a{-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}a:hover{opacity:0.7}.sponly{display:none}#cursor{pointer-events:none;position:fixed;top:-15px;left:-15px;width:30px;height:30px;background-color:var(--col-text);border-radius:50%;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:width 0.5s ease-out,height 0.5s ease-out,opacity 0.3s ease-out,top 0.5s ease-out,left 0.5s ease-out;transition:width 0.5s ease-out,height 0.5s ease-out,opacity 0.3s ease-out,top 0.5s ease-out,left 0.5s ease-out;z-index:100;opacity:0}#cursor:before{content:"VIEW";display:block;width:100%;text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1rem;font-weight:500;letter-spacing:0.2em;color:#fff;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#cursor.hover{top:-40px;left:-40px;width:80px;height:80px;opacity:1}#siteheader{width:100%;position:fixed;height:100px;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:50px}#siteheader .logo{width:130px}#siteheader .logo a{display:block;font-size:0;text-indent:-9999px}#siteheader .logo a:before{display:block;content:"";width:100%;padding-top:26.5%;-webkit-mask-image:url(../img/logo.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../img/logo.svg);mask-repeat:no-repeat;mask-size:contain;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out}#siteheader .menu,#siteheader .tel{display:none}#siteheader #gnav{width:calc(100% - 130px)}#siteheader #gnav .gnavlist{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 50px}#siteheader #gnav .gnavlist li{line-height:1}#siteheader #gnav .gnavlist li a{display:inline-block;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:600;-webkit-transition:color 0.3s ease-out;transition:color 0.3s ease-out}#siteheader #gnav .gnavlist li a:hover{opacity:1}#siteheader #gnav .gnavlist>li>a{padding:15px 0;position:relative}#siteheader #gnav .gnavlist>li:not(.hassub):not(.contact) a:after{content:"";display:block;width:0;border-top-width:1px;border-top-style:solid;position:absolute;left:0;bottom:0;-webkit-transition:width 0.3s ease-out;transition:width 0.3s ease-out}#siteheader #gnav .gnavlist>li:not(.hassub):not(.contact) a:hover:after{width:100%}#siteheader #gnav .gnavlist>li.contact a{padding-right:80px}#siteheader #gnav .gnavlist>li.contact a:before{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;background:var(--col-text);position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#siteheader #gnav .gnavlist>li.contact a:hover:before{-webkit-transform:translate(3px,calc(-50% - 3px));transform:translate(3px,calc(-50% - 3px))}#siteheader #gnav .gnavlist>li.hassub{position:relative}#siteheader #gnav .gnavlist>li.hassub>a{position:relative;padding-right:20px}#siteheader #gnav .gnavlist>li.hassub>a:after,#siteheader #gnav .gnavlist>li.hassub>a:before{display:block;content:"";position:absolute;right:0}#siteheader #gnav .gnavlist>li.hassub>a:before{width:5px;height:9px;border-left-width:1px;border-left-style:solid;top:16px;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}#siteheader #gnav .gnavlist>li.hassub>a:after{width:9px;top:20px;border-top-width:1px;border-top-style:solid}#siteheader #gnav .gnavlist>li.hassub:hover>a:before{opacity:0}#siteheader #gnav .gnavlist>li.hassub .sublist{display:none;position:absolute;left:-20px;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);width:17em;padding:0 20px 30px}#siteheader #gnav .gnavlist>li.hassub .sublist li:not(:first-of-type){margin-top:10px}#siteheader #gnav .gnavlist>li.hassub .sublist li a{padding-left:20px;position:relative}#siteheader #gnav .gnavlist>li.hassub .sublist li a:before{content:"";display:block;width:0;border-top-width:1px;border-top-style:solid;position:absolute;left:0;top:0.5rem;-webkit-transition:border-top-color 0.3s ease-out,width 0.3s ease-out;transition:border-top-color 0.3s ease-out,width 0.3s ease-out}#siteheader #gnav .gnavlist>li.hassub .sublist li.here a:before{width:10px}body#index #siteheader:not(.fixed) #gnav .contact a:before,body#index #siteheader:not(.fixed) #gnav .gnavlist li.hassub>a:after,body#index #siteheader:not(.fixed) .logo a:before{background:#fff}body#index #siteheader:not(.fixed) #gnav li a{color:#fff}body#index #siteheader:not(.fixed) #gnav li .sublist li a:before,body#index #siteheader:not(.fixed) #gnav li.hassub>a:after,body#index #siteheader:not(.fixed) #gnav li:not(.hassub):not(.contact) a:after{border-top-color:#fff}body#index #siteheader:not(.fixed) #gnav li.hassub>a:before{border-left-color:#fff}body#index #siteheader.fixed,body#index #siteheader.fixed .sublist,body:not(#index) #siteheader,body:not(#index) #siteheader .sublist{background:var(--col-bg)}body#index #siteheader.fixed #gnav .contact a:before,body#index #siteheader.fixed #gnav .gnavlist li.hassub>a:after,body#index #siteheader.fixed .logo a:before,body:not(#index) #siteheader #gnav .contact a:before,body:not(#index) #siteheader #gnav .gnavlist li.hassub>a:after,body:not(#index) #siteheader .logo a:before{background:var(--col-text)}body#index #siteheader.fixed #gnav li a,body:not(#index) #siteheader #gnav li a{color:var(--col-text)}body#index #siteheader.fixed #gnav li .sublist li a:before,body#index #siteheader.fixed #gnav li.hassub>a:after,body#index #siteheader.fixed #gnav li:not(.hassub):not(.contact) a:after,body:not(#index) #siteheader #gnav li .sublist li a:before,body:not(#index) #siteheader #gnav li.hassub>a:after,body:not(#index) #siteheader #gnav li:not(.hassub):not(.contact) a:after{border-top-color:var(--col-text)}body#index #siteheader.fixed #gnav li.hassub>a:before,body:not(#index) #siteheader #gnav li.hassub>a:before{border-left-color:var(--col-text)}#footcontact{background:var(--col-bg);position:relative;z-index:2}#footcontact h6{padding:0 3%;text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:17rem;font-weight:600;letter-spacing:0}#footcontact h6 span{display:inline-block}#footcontact h6 span.anim{-webkit-animation:pop-anim 0.9s linear;animation:pop-anim 0.9s linear}#footcontact h6 span.anim:first-of-type{-webkit-animation-delay:0.1s;animation-delay:0.1s}#footcontact h6 span.anim:nth-of-type(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}#footcontact h6 span.anim:nth-of-type(3){-webkit-animation-delay:0.3s;animation-delay:0.3s}#footcontact h6 span.anim:nth-of-type(4){-webkit-animation-delay:0.4s;animation-delay:0.4s}#footcontact h6 span.anim:nth-of-type(5){-webkit-animation-delay:0.5s;animation-delay:0.5s}#footcontact h6 span.anim:nth-of-type(6){-webkit-animation-delay:0.6s;animation-delay:0.6s}#footcontact h6 span.anim:nth-of-type(7){-webkit-animation-delay:0.7s;animation-delay:0.7s}#footcontact h6 span.anim:nth-of-type(8){-webkit-animation-delay:0.8s;animation-delay:0.8s}#footcontact h6 span.anim:nth-of-type(9){-webkit-animation-delay:0.9s;animation-delay:0.9s}#footcontact h6 span.anim:nth-of-type(10){-webkit-animation-delay:1s;animation-delay:1s}#footcontact h6 span:nth-of-type(8){width:0.2em}#footcontact .details{background:var(--col-text);margin-top:-4.3rem;padding:100px 3%}#footcontact .details .copy{text-align:center;font-size:2.4rem;font-weight:500;line-height:2.2;letter-spacing:0.1em;color:#fff}#footcontact .details .contact a{display:block;max-width:500px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:rgba(255,255,255,0.3);color:#fff;margin:90px auto 0}#footcontact .details .contact a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}#footcontact .details .contact a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}#footcontact .details .contact a:hover{opacity:1}}@media (min-width:835px) and (min-width:835px){#footcontact .details .contact a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}#footcontact .details .contact a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (min-width:835px) and (max-width:834px){#footcontact .details .contact a{padding-bottom:20px}}@media (min-width:835px){#footcontact .details .contact a:after{right:0;bottom:20px}}@media (min-width:835px) and (min-width:835px){#footcontact .details .contact a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}#footcontact .details .contact a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}#footcontact .details .contact a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}#footcontact .details .contact a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}#footcontact .details .contact a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (min-width:835px){#footcontact .details .contact a:before{border-bottom-color:#fff}#footcontact .details .contact a:after{background:#fff}#sitefooter{background:#2E2E2E;padding:100px 3%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:2}#sitefooter *{color:#fff}#sitefooter .logo{width:145px}#sitefooter .logo a{display:block;font-size:0;text-indent:-9999px}#sitefooter .logo a:before{content:"";display:block;width:100%;padding-top:26.5%;background:#fff;-webkit-mask-image:url(../img/logo.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../img/logo.svg);mask-repeat:no-repeat;mask-size:contain}#sitefooter .footnav{width:calc(100% - 200px)}#sitefooter .footnav .footnavlist{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 60px}#sitefooter .footnav .footnavlist li a{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:500}#sitefooter .access,#sitefooter .media{margin-top:80px}#sitefooter .access{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;gap:0 5%}#sitefooter .access dl{width:47.5%}#sitefooter .access dl dt{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:500;font-size:1.8rem}#sitefooter .access dl dd{margin-top:20px}#sitefooter .media{width:43%}#sitefooter .media .group,#sitefooter .media .medialist{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 40px}#sitefooter .media .group li a img,#sitefooter .media .medialist li a img{display:block}#sitefooter .media .group .medialist.pen img,#sitefooter .media .medialist .medialist.pen img{height:30.5px}#sitefooter .media .group .medialist.figaro img,#sitefooter .media .medialist .medialist.figaro img{height:30.5px}#sitefooter .media .group .medialist.newsweek img,#sitefooter .media .medialist .medialist.newsweek img{height:21px}#sitefooter .media .group .medialist.nagoya img,#sitefooter .media .medialist .medialist.nagoya img{height:23px}#sitefooter .media .group{margin-top:70px}#sitefooter .media .group li a img{height:26px}#sitefooter #copyright,#sitefooter .infolist{margin-top:100px}#sitefooter .infolist{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}#sitefooter .infolist li,#sitefooter .infolist li a,#sitefooter .infolist li span{font-size:1.2rem;line-height:1}#sitefooter .infolist li:not(:first-of-type):before{content:"|";margin:0 1em}#sitefooter .infolist li span{-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}#sitefooter .infolist li span:hover{cursor:pointer;opacity:0.6}#sitefooter #copyright{width:50%;text-align:right}#sitefooter #copyright,#sitefooter #copyright a{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;letter-spacing:0}#pagetop{display:none;position:fixed;bottom:20px;right:20px;z-index:999}#pagetop a{width:30px;height:30px;display:block;background:rgba(0,0,0,0.9);border-radius:50%;text-align:center;text-decoration:none;text-indent:-9999px;font-size:0}#pagetop a:before{content:"";display:block;width:10px;height:10px;border-left:1px solid #ccc;border-top:1px solid #ccc;position:absolute;top:50%;left:10px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body:not(#index) #contents{padding-top:250px}main{padding-bottom:190px}body:not(#index):not(#service.child) #pageheader{padding-right:50px}body.single #pageheader .pagetitle,body:not(.single) #pageheader h1{padding-left:50px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.single #pageheader .pagetitle:before,body:not(.single) #pageheader h1:before{content:"";display:block;width:30px;border-top:1px solid var(--col-text);position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.single #pageheader .pagetitle>em,body.single #pageheader .pagetitle>span,body:not(.single) #pageheader h1>em,body:not(.single) #pageheader h1>span{display:block}body.single #pageheader .pagetitle>em,body:not(.single) #pageheader h1>em{display:block;margin-right:20px;padding-top:0.3em;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:2rem;font-weight:600}body.single #pageheader .pagetitle>span,body:not(.single) #pageheader h1>span{font-weight:500;line-height:-3}body#index main>.works .entries,body#service main .works .entries{margin-left:50px}body#index main>.works .entries .slick-track,body#service main .works .entries .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}body#index main>.works .entries .entry,body#service main .works .entries .entry{height:auto!important;position:relative;border-left:1px solid var(--col-text);padding:0 60px}body#index main>.works .entries .entry .date,body#service main .works .entries .entry .date{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:calc(1.1rem + 22px);top:0;-webkit-transform-origin:left top;transform-origin:left top}body#index main>.works .entries .entry h3,body#service main .works .entries .entry h3{margin-top:20px;font-size:1.6rem;font-weight:500}body#index main>.works .entries .entry .summary,body#service main .works .entries .entry .summary{margin-top:15px;font-size:1.3rem}body#index main>.works .entries .entry .client,body#service main .works .entries .entry .client{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body#index main>.works .entries .entry .client em,body#index main>.works .entries .entry .client span,body#service main .works .entries .entry .client em,body#service main .works .entries .entry .client span{display:block;font-size:1.3rem;font-weight:500;line-height:1.6}body#index main>.works .entries .entry .client em,body#service main .works .entries .entry .client em{width:6em}body#index main>.works .entries .entry .client span,body#service main .works .entries .entry .client span{width:calc(100% - 6em - 10px);padding-left:10px;border-left:1px solid var(--col-text);text-align:left}body#index main>.works .entries .entry .ct,body#service main .works .entries .entry .ct{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}body#index main>.works .entries .entry .ct li,body#service main .works .entries .entry .ct li{min-width:5em;padding:0 15px;border:1px solid var(--col-text);border-radius:30px;text-align:center;font-size:1.3rem;font-weight:500;line-height:30px}body#index main>.works .more a,body#service main .works .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 50px 0 auto}body#index main>.works .more a:before,body#service main .works .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}body#index main>.works .more a:after,body#service main .works .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}body#index main>.works .more a:hover,body#service main .works .more a:hover{opacity:1}}@media (min-width:835px) and (min-width:835px){body#index main>.works .more a em,body#service main .works .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}body#index main>.works .more a em span,body#service main .works .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (min-width:835px) and (max-width:834px){body#index main>.works .more a,body#service main .works .more a{padding-bottom:20px}}@media (min-width:835px){body#index main>.works .more a:after,body#service main .works .more a:after{right:0;bottom:20px}}@media (min-width:835px) and (min-width:835px){body#index main>.works .more a em span:first-of-type,body#service main .works .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}body#index main>.works .more a em span:nth-of-type(2),body#service main .works .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}body#index main>.works .more a:hover:after,body#service main .works .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}body#index main>.works .more a:hover em span:first-of-type,body#service main .works .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}body#index main>.works .more a:hover em span:nth-of-type(2),body#service main .works .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (min-width:835px){body#index main>.works .more a:before,body#service main .works .more a:before{border-bottom-color:var(--col-text)}body#index main>.works .more a:after,body#service main .works .more a:after{background:var(--col-text)}body.archives main .pagenav{margin-top:150px}body.archives main .pagenav ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 40px}body.archives main .pagenav ul li{width:15px}body.archives main .pagenav ul li a,body.archives main .pagenav ul li span{display:block;text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;line-height:30px}body.archives main .pagenav ul li a{border-bottom:1px solid transparent;color:#A1A1A1}body.archives main .pagenav ul li span{border-bottom:1px solid var(--col-text)}body.archives main .pagenav ul li.next a,body.archives main .pagenav ul li.prev a{text-indent:-9999px;font-size:0;position:relative}body.archives main .pagenav ul li.next a:before,body.archives main .pagenav ul li.prev a:before{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow.svg);mask-image:url(../../common/img/icon_arrow.svg);width:12px;height:12px;background:var(--col-text);position:absolute;left:50%;top:45%}body.archives main .pagenav ul li.next.next a:before,body.archives main .pagenav ul li.prev.next a:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.archives main .pagenav ul li.next.prev a:before,body.archives main .pagenav ul li.prev.prev a:before{-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(180deg)}}@media (max-width:834px){blockquote,body,dd,div,dl,dt,embed,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,object,ol,option,p,pre,select,small,table,td,textarea,th,ul{font-size:1.3rem}blockquote,dd,dt,h1,h2,h3,h4,h5,h6,li,option,p,pre,select,td,textarea,th{line-height:2}.pconly{display:none}#siteheader{width:100%;position:fixed;height:90px;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8vw;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out}body.gnavopen #siteheader{background:var(--col-bg)}#siteheader .logo{width:130px}#siteheader .logo a{display:block;font-size:0;text-indent:-9999px}#siteheader .logo a:before{display:block;content:"";width:100%;padding-top:26.5%;-webkit-mask-image:url(../img/logo.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../img/logo.svg);mask-repeat:no-repeat;mask-size:contain;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out}#siteheader .menu{width:40px;padding-bottom:15px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:600;text-align:center;position:relative}#siteheader .menu:after,#siteheader .menu:before{content:"";display:block;width:40px;border-top-width:1px;border-top-style:solid;position:absolute;left:0;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out}#siteheader .menu:before{bottom:8px}#siteheader .menu:after{bottom:0}#siteheader .menu.active{color:var(--col-text)}#siteheader .menu.active:after,#siteheader .menu.active:before{border-top-color:var(--col-text)}#siteheader .menu.active:before{-webkit-transform:rotate(-11deg);transform:rotate(-11deg);-webkit-transform-origin:right top;transform-origin:right top}#siteheader .menu.active:after{-webkit-transform:rotate(11deg);transform:rotate(11deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}#siteheader #gnav{display:none;width:100%;max-height:calc(100vh - 90px);overflow:auto;background:var(--col-bg);position:fixed;left:0;top:90px;padding:50px 8vw 50px}#siteheader #gnav .gnavlist{border-bottom:1px solid var(--col-bd)}#siteheader #gnav .gnavlist li{line-height:1}#siteheader #gnav .gnavlist li a{display:block;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:600;position:relative}#siteheader #gnav .gnavlist li .sublist a:after,#siteheader #gnav .gnavlist li:not(.hassub) a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow.svg);mask-image:url(../../common/img/icon_arrow.svg);width:12px;height:12px;background:var(--col-text);position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#siteheader #gnav .gnavlist>li{border-top:1px solid var(--col-bd);padding:10px 0}#siteheader #gnav .gnavlist>li>a{padding:15px 0 10px}#siteheader #gnav .gnavlist>li.hassub{position:relative}#siteheader #gnav .gnavlist>li.hassub>a{position:relative;padding-right:20px}#siteheader #gnav .gnavlist>li.hassub>a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;background:var(--col-text);position:absolute;width:12px;height:12px;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:mask-image 0.3s ease-out;-webkit-transition:-webkit-mask-image 0.3s ease-out;transition:-webkit-mask-image 0.3s ease-out;transition:mask-image 0.3s ease-out;transition:mask-image 0.3s ease-out,-webkit-mask-image 0.3s ease-out}#siteheader #gnav .gnavlist>li.hassub>a:after{-webkit-mask-image:url(../img/icon_plus.svg);mask-image:url(../img/icon_plus.svg)}#siteheader #gnav .gnavlist>li.hassub>a.active:after{-webkit-mask-image:url(../img/icon_minus.svg);mask-image:url(../img/icon_minus.svg)}#siteheader #gnav .gnavlist>li.hassub .sublist{display:none;padding:10px 0 15px 30px}#siteheader #gnav .gnavlist>li.hassub .sublist li:not(:first-of-type){margin-top:10px}#siteheader #gnav .gnavlist>li.hassub .sublist li a{padding:10px 0}body#index:not(.gnavopen) #siteheader:not(.fixed) .logo a:before{background:#fff}body#index:not(.gnavopen) #siteheader:not(.fixed) .menu{color:#fff}body#index:not(.gnavopen) #siteheader:not(.fixed) .menu:after,body#index:not(.gnavopen) #siteheader:not(.fixed) .menu:before{border-top-color:#fff}body#index #siteheader.fixed .logo a:before,body.gnavopen #siteheader .logo a:before,body:not(#index) #siteheader .logo a:before{background:var(--col-text)}body#index #siteheader.fixed .menu,body.gnavopen #siteheader .menu,body:not(#index) #siteheader .menu{color:var(--col-text)}body#index #siteheader.fixed .menu:after,body#index #siteheader.fixed .menu:before,body.gnavopen #siteheader .menu:after,body.gnavopen #siteheader .menu:before,body:not(#index) #siteheader .menu:after,body:not(#index) #siteheader .menu:before{border-top-color:var(--col-text)}#footcontact{background:var(--col-bg)}#footcontact h6{padding:0 3%;text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:4.9rem;font-weight:600;letter-spacing:0}#footcontact .details{background:var(--col-text);margin-top:-1.3rem;padding:100px 8vw}#footcontact .details .copy{text-align:center;font-size:2rem;font-weight:500;line-height:2.2;letter-spacing:0.1em;color:#fff}#footcontact .details .contact a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:rgba(255,255,255,0.3);color:#fff;margin:80px auto 0}#footcontact .details .contact a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}#footcontact .details .contact a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}#footcontact .details .contact a:hover{opacity:1}}@media (max-width:834px) and (min-width:835px){#footcontact .details .contact a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}#footcontact .details .contact a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (max-width:834px) and (max-width:834px){#footcontact .details .contact a{padding-bottom:20px}}@media (max-width:834px){#footcontact .details .contact a:after{right:0;bottom:20px}}@media (max-width:834px) and (min-width:835px){#footcontact .details .contact a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}#footcontact .details .contact a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}#footcontact .details .contact a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}#footcontact .details .contact a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}#footcontact .details .contact a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (max-width:834px){#footcontact .details .contact a:before{border-bottom-color:#fff}#footcontact .details .contact a:after{background:#fff}#sitefooter{background:#2E2E2E;padding:80px 8vw 30px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}#sitefooter *{color:#fff}#sitefooter .footnav{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#sitefooter .footnav .footnavlist{border-bottom:1px solid rgba(255,255,255,0.3)}#sitefooter .footnav .footnavlist li a{display:block;padding:25px 30px 25px 0;border-top:1px solid rgba(255,255,255,0.3);font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:600;position:relative}#sitefooter .footnav .footnavlist li a:after{display:block;content:"";width:13px;height:13px;background:#fff;-webkit-mask-image:url(../img/icon_arrow.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../img/icon_arrow.svg);mask-repeat:no-repeat;mask-size:contain;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#sitefooter .infolist{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;margin-top:50px}#sitefooter .infolist li,#sitefooter .infolist li a{font-size:1.2rem;line-height:1}#sitefooter .infolist li:not(:first-of-type){margin-top:15px}#sitefooter .logo{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:145px;margin-top:50px}#sitefooter .logo a{display:block;font-size:0;text-indent:-9999px}#sitefooter .logo a:before{content:"";display:block;width:100%;padding-top:26.5%;background:#fff;-webkit-mask-image:url(../img/logo.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../img/logo.svg);mask-repeat:no-repeat;mask-size:contain}#sitefooter .access{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;width:100%;margin-top:30px}#sitefooter .access dl:not(:first-of-type){margin-top:25px}#sitefooter .access dl dt{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:500;font-size:1.6rem}#sitefooter .access dl dd{margin-top:10px;line-height:1.8}#sitefooter .media{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;width:100%;margin-top:50px}#sitefooter .media .group,#sitefooter .media .medialist{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sitefooter .media .group li a img,#sitefooter .media .medialist li a img{display:block}#sitefooter .media .medialist{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 30px}#sitefooter .media .medialist li.pen img{height:29.5px}#sitefooter .media .medialist li.figaro img{height:29.5px}#sitefooter .media .medialist li.newsweek img{height:20px}#sitefooter .media .medialist li.nagoya img{height:22px}#sitefooter .media .group{margin-top:30px;gap:0 25px}#sitefooter .media .group li a img{height:29px}#sitefooter #copyright{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;width:100%;margin-top:45px}#sitefooter #copyright,#sitefooter #copyright a{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;letter-spacing:0;line-height:1.8}#pagetop{display:none;position:fixed;bottom:20px;right:20px;z-index:999}#pagetop a{width:30px;height:30px;display:block;background:rgba(0,0,0,0.9);border-radius:50%;text-align:center;text-decoration:none;text-indent:-9999px;font-size:0}#pagetop a:before{content:"";display:block;width:10px;height:10px;border-left:1px solid #ccc;border-top:1px solid #ccc;position:absolute;top:50%;left:10px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body:not(#index) #contents{padding-top:130px}main{padding-bottom:120px}body:not(#index):not(#service.child) #pageheader{padding-right:7vw}body.single #pageheader .pagetitle,body:not(.single) #pageheader h1{padding-left:7vw;position:relative}body.single #pageheader .pagetitle:before,body:not(.single) #pageheader h1:before{content:"";display:block;width:15px;border-top:1px solid var(--col-text);position:absolute;left:0;top:0.8rem}body.single #pageheader .pagetitle>em,body.single #pageheader .pagetitle>span,body:not(.single) #pageheader h1>em,body:not(.single) #pageheader h1>span{display:block}body.single #pageheader .pagetitle>em,body:not(.single) #pageheader h1>em{display:block;margin-right:20px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:2rem;font-weight:600}body.single #pageheader .pagetitle>span,body:not(.single) #pageheader h1>span{margin-top:20px;font-weight:500}body#index main>.works .entries .slick-track,body#service main .works .entries .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex}body#index main>.works .entries .entry,body#service main .works .entries .entry{height:auto!important;position:relative;border-left:1px solid var(--col-text);padding:0 20px}body#index main>.works .entries .entry .date,body#service main .works .entries .entry .date{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.1rem}body#index main>.works .entries .entry figure,body#service main .works .entries .entry figure{margin-top:20px}body#index main>.works .entries .entry h3,body#service main .works .entries .entry h3{margin-top:15px;font-size:1.6rem;font-weight:500}body#index main>.works .entries .entry .summary,body#service main .works .entries .entry .summary{margin-top:15px;font-size:1.3rem}body#index main>.works .entries .entry .client,body#service main .works .entries .entry .client{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body#index main>.works .entries .entry .client em,body#index main>.works .entries .entry .client span,body#service main .works .entries .entry .client em,body#service main .works .entries .entry .client span{display:block;font-size:1.3rem;font-weight:500;line-height:1.6}body#index main>.works .entries .entry .client em,body#service main .works .entries .entry .client em{width:6em}body#index main>.works .entries .entry .client span,body#service main .works .entries .entry .client span{width:calc(100% - 6em - 10px);padding-left:10px;border-left:1px solid var(--col-text);text-align:left}body#index main>.works .entries .entry .ct,body#service main .works .entries .entry .ct{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}body#index main>.works .entries .entry .ct li,body#service main .works .entries .entry .ct li{min-width:5em;padding:0 15px;border:1px solid var(--col-text);border-radius:30px;text-align:center;font-size:1.3rem;font-weight:500;line-height:30px}body#index main>.works .more a,body#service main .works .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 12vw 0}body#index main>.works .more a:before,body#service main .works .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}body#index main>.works .more a:after,body#service main .works .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}body#index main>.works .more a:hover,body#service main .works .more a:hover{opacity:1}}@media (max-width:834px) and (min-width:835px){body#index main>.works .more a em,body#service main .works .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}body#index main>.works .more a em span,body#service main .works .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (max-width:834px) and (max-width:834px){body#index main>.works .more a,body#service main .works .more a{padding-bottom:20px}}@media (max-width:834px){body#index main>.works .more a:after,body#service main .works .more a:after{right:0;bottom:20px}}@media (max-width:834px) and (min-width:835px){body#index main>.works .more a em span:first-of-type,body#service main .works .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}body#index main>.works .more a em span:nth-of-type(2),body#service main .works .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}body#index main>.works .more a:hover:after,body#service main .works .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}body#index main>.works .more a:hover em span:first-of-type,body#service main .works .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}body#index main>.works .more a:hover em span:nth-of-type(2),body#service main .works .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (max-width:834px){body#index main>.works .more a:before,body#service main .works .more a:before{border-bottom-color:var(--col-text)}body#index main>.works .more a:after,body#service main .works .more a:after{background:var(--col-text)}body.archives main .pagenav{margin-top:100px}body.archives main .pagenav ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 40px}body.archives main .pagenav ul li{width:15px}body.archives main .pagenav ul li a,body.archives main .pagenav ul li span{display:block;text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;line-height:30px}body.archives main .pagenav ul li a{border-bottom:1px solid transparent;color:#A1A1A1}body.archives main .pagenav ul li span{border-bottom:1px solid var(--col-text)}body.archives main .pagenav ul li.next a,body.archives main .pagenav ul li.prev a{text-indent:-9999px;font-size:0;position:relative}body.archives main .pagenav ul li.next a:before,body.archives main .pagenav ul li.prev a:before{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow.svg);mask-image:url(../../common/img/icon_arrow.svg);width:12px;height:12px;background:var(--col-text);position:absolute;left:50%;top:45%}body.archives main .pagenav ul li.next.next a:before,body.archives main .pagenav ul li.prev.next a:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.archives main .pagenav ul li.next.prev a:before,body.archives main .pagenav ul li.prev.prev a:before{-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(180deg)}}
/*# sourceMappingURL=common.css.map */