@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap);*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;font-size:62.5%;width:100%;height:100%;font-family:sans-serif}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;border:0;outline:0;color:#000;line-height:1.5;vertical-align:baseline;letter-spacing:.1em;font-smooth:always;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;background-color:transparent;font-size:1.4rem;height:100%;font-feature-settings:"palt"}abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea{display:block}ul{list-style:none;list-style-position:outside;margin:0;padding:0}ul li{margin:0;padding:0;list-style:none}ol{list-style:decimal;list-style-position:inside}ol li{margin-bottom:5px}li img{vertical-align:bottom}div img{vertical-align:bottom}caption,th{text-align:left}q:after,q:before{content:""}:link img,:visited img,a img{border:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}strong{font-weight:700}del{text-decoration:line-through}input,select{vertical-align:middle}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}ins{background-color:#dfdfdf;color:#000;text-decoration:none}mark{background-color:#dfdfdf;color:#000;font-style:italic;font-weight:700}hr{display:block;height:1px;border:0;border-top:1px solid #dfdfdf;margin:1em 0;padding:0}input::-webkit-input-placeholder{color:#666;font-size:14px;font-size:1.4rem}input:-moz-placeholder{color:#666;font-size:14px;font-size:1.4rem}img{margin:0;padding:0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;cursor:pointer;outline:0;text-decoration:none}a:link{text-decoration:none;color:#363636}a:visited{text-decoration:underline;color:#363636}a:active,a:focus{opacity:.7;outline:0}a:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:.7}body{width:100%;height:100%;background:#fff}.clear{clear:both}.hide-content{display:none}.mb-object{display:none!important}.mb-object_fl{display:none!important}.pc-object{display:block!important}.pc-object_fl{display:flex!important}@media screen and (max-width:1024px) and (orientation:portrait){.mb-object{display:block!important}.mb-object_fl{display:flex!important}.pc-object{display:none!important}.pc-object_fl{display:none!important}}h3.section-title{position:relative;display:block;width:100%;letter-spacing:.15em;line-height:1.3em;text-align:center;margin-bottom:3vw}h3.section-title span{display:block;line-height:1em}h3.section-title span.big{font-size:calc(3rem + 1vw);font-weight:600;margin-bottom:10px}h3.section-title span.small{font-size:calc(1.2rem + .3vw);font-weight:500}h3.section-title span.en{font-family:"Ropa Sans",sans-serif}h3.section-title::after,h3.section-title::before{content:"";display:block;position:absolute;background:#fff;width:15vw;height:2px;top:-2rem;opacity:0}h3.section-title::before{left:49.8%;transform:rotate(10deg)}h3.section-title::after{right:49.8%;transform:rotate(350deg)}h3.section-title.is-show::before{animation:line_top .6s ease both}h3.section-title.is-show::after{animation:line_top .6s ease .4s both}@keyframes line_top{0%{opacity:0;top:-4rem}20%{opacity:1;top:-4rem}100%{opacity:1;top:-2rem}}.paragraph{display:block;margin-bottom:4vh;font-size:1.5rem;line-height:1.9em}.paragraph.small-text{font-size:1.3rem;line-height:1.7em}.paragraph.align-right{text-align:right}.paragraph.align-center{text-align:center}.link_btn{display:flex;justify-content:center;margin-bottom:2vw}.link_btn a{display:block;color:#fff;border:solid 2px #fff;border-radius:3vh;padding:5px 100px 5px 1em;font-size:calc(1.3rem + .3vw);font-weight:600;line-height:1.3em;letter-spacing:.1em;font-family:"Ropa Sans",sans-serif;transition:all .5s}.link_btn a:hover{opacity:1;background:#fff;color:#000;padding:5px 1em 5px 100px}ul.tab-list{display:flex;justify-content:center;margin-bottom:30px}ul.tab-list li{width:22%;padding:10px 0;text-align:center;font-size:calc(1.3rem + .3vw);background:#000;color:#fff;font-weight:500;margin-right:1.5px;border:1px solid #fff;cursor:pointer;transition:all .3s}ul.tab-list li:last-child{margin-right:0}ul.tab-list li.active{background:#fff;color:#000}.works-list{display:flex;flex-wrap:wrap;gap:50px 3%;margin-top:4vw;margin-bottom:4vw}.works-list *{color:#fff}.works-list>*{width:22.75%}.works-list li{position:relative}.works-list li .tag{content:"";position:absolute;top:0;left:0;display:flex;align-items:center;height:26px;padding-inline:10px 5px;background-color:#fff;color:#000;font-size:1.3rem;font-weight:500;transform:translate(-20%,-50%);z-index:1}.works-list li .tag::after{content:"";position:absolute;right:-10px;width:0;height:0;border-style:solid;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:10px solid #fff;border-right:0}.works-list figure{height:13vw;margin-bottom:10px}.works-list figure img{object-fit:cover;width:100%;height:100%}.works-list .text{line-height:1.6em;font-size:calc(1.3rem + .3vw)}.works-list .text .date{font-weight:500;font-size:.8em}.works-list .text .title{font-weight:700}@media screen and (max-width:1024px) and (orientation:portrait){h3.section-title{margin-bottom:11vw}h3.section-title span{display:block;line-height:1em}h3.section-title span.big{font-size:calc(3rem + 1vw);font-weight:600;margin-bottom:10px}h3.section-title span.small{font-size:calc(1.2rem + .3vw);font-weight:500}h3.section-title span.en{font-family:"Ropa Sans",sans-serif}.link_btn a{border-radius:4vh;display:flex;align-items:center}ul.tab-list{justify-content:space-between;flex-direction:column;width:100%}ul.tab-list li{width:100%;padding:7px 0;margin-right:0}.works-list{gap:45px 3%;justify-content:space-between}.works-list>*{width:45.5%}.works-list li .tag{height:23px}.works-list li .tag::after{border-top:12px solid transparent;border-bottom:12px solid transparent}.works-list figure{height:25vw;margin-bottom:5px}.works-list .text{font-size:calc(1.2rem + .3vw)}}body{font-family:"Noto Sans JP",sans-serif;font-size:calc(1.3rem + .25vw);font-weight:400;line-height:1.8em;letter-spacing:.1em;width:100%;background:#000;color:#fff}.index body{background:#fff;color:#000}.top body{background:#000;color:#fff}body.news{background:#fff}body.news .page-head{margin-bottom:0}body.news .content-inner{color:#000;padding-top:5vw}.header{width:100%;height:8vw;padding:0 2%;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;z-index:20;background:#fff;transition:all .4s ease}.header .header-logo{width:fit-content;height:6vw;display:flex;align-items:center;transition:all .4s ease}.header .header-logo .logo{height:100%}.header .header-logo .logo img{width:100%;height:100%;display:block}.header .header-logo .h-title-box{margin-left:1em}.header .header-logo .h-title-box .title{display:block;font-family:"Ropa Sans",sans-serif;font-weight:600;font-size:calc(2.6rem + .8vw);line-height:1em;margin-bottom:5px}.header .header-logo .h-title-box .tel{position:relative;display:flex;align-items:center;line-height:1.3em;padding-left:25px;font-size:calc(.8rem + .2vw)}.header .header-logo .h-title-box .tel span{font-size:calc(1.4rem + .3vw);font-family:"Ropa Sans",sans-serif;font-weight:600;margin-right:5px}.header .header-logo .h-title-box .tel::before{content:"";position:absolute;background:url(../images/common/icon-img01.svg) no-repeat center center;background-size:contain;width:20px;height:20px;left:0;top:50%;transform:translateY(-50%)}.header .h-menu-box{display:flex;align-items:center}.header .h-menu-box .header-menu{display:flex;justify-content:space-between;align-items:center;margin-right:1em}.header .h-menu-box .header-menu li{width:fit-content}.header .h-menu-box .header-menu li a{position:relative;display:block;padding:4px 2rem 4px 4rem;font-size:calc(1rem + .2vw);line-height:1.5em;font-weight:500;border:solid 1.5px #000;border-radius:3vh;transition:all .3s}.header .h-menu-box .header-menu li a::before{content:"";position:absolute;top:50%;left:1.5rem;width:20px;height:20px;transform:translateY(-50%);transition:all .3s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23000" d="M26.75,5.86H3.25c-.42,0-.75.34-.75.75v1.48l12.5,8.38,12.5-8.38v-1.48c0-.42-.34-.75-.75-.75Z" /><path fill="%23000" d="M2.5,11.19v9.93c0,1.67,1.35,3.02,3.02,3.02h18.97c1.67,0,3.02-1.35,3.02-3.02v-9.93l-12.5,8.38L2.5,11.19Z" /></svg>')}.header .h-menu-box .header-menu li a:hover{opacity:1;border:solid 1.5px #019745;color:#019745}.header .h-menu-box .header-menu li a:hover::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23019745" d="M26.75,5.86H3.25c-.42,0-.75.34-.75.75v1.48l12.5,8.38,12.5-8.38v-1.48c0-.42-.34-.75-.75-.75Z" /><path fill="%23019745" d="M2.5,11.19v9.93c0,1.67,1.35,3.02,3.02,3.02h18.97c1.67,0,3.02-1.35,3.02-3.02v-9.93l-12.5,8.38L2.5,11.19Z" /></svg>')}.header .btn-border{background:#fff;width:6vw;height:6vw;min-height:60px;min-width:60px;border-radius:5px;flex-direction:column;display:flex;justify-content:center;align-items:center;transition:all .3s;cursor:pointer}.header .btn-border .line{display:flex;justify-content:space-between;flex-direction:column;width:45px;height:12px}.header .btn-border .line span{background:#000;width:45px;height:2px;transition:all .3s}.header .btn-border p.btn-text{color:#000;margin-top:8px;font-size:16px;font-weight:600;line-height:1em;letter-spacing:.1em;font-family:"Ropa Sans",sans-serif;transition:all .3s}.header .btn-border:hover .line span{background:#019745}.header .btn-border:hover p.btn-text{color:#019745}.header .menu-wrap{position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;pointer-events:none;transition:all .5s ease-in}.header .menu-wrap .menu-inner{position:relative;background:#019745;width:100%;height:100%;padding:8vw 12vw}.header .menu-wrap .menu-inner .btn-border{opacity:0}.header .menu-wrap .menu-inner .btn-border .line{height:17.5px}.header .menu-wrap .menu-inner .btn-border .line span{background:#019745;transform-origin:left}.header .menu-wrap .menu-inner .btn-border .line span:nth-of-type(1){transform:rotate(20deg)}.header .menu-wrap .menu-inner .btn-border .line span:nth-of-type(2){transform:rotate(340deg)}.header .menu-wrap .menu-inner .btn-border p.btn-text{color:#019745}.header .menu-wrap .menu-inner .menu-fx-content{display:flex;justify-content:space-between;height:100%}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo{position:relative;width:40%;background:url(../images/common/menu-img.jpg) no-repeat center center;background-size:cover}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text{position:absolute;bottom:2em;left:-4vw;color:#fff}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text span{display:block;font-size:calc(2.6rem + 1vw);font-weight:600;letter-spacing:.2em;line-height:1.5em;opacity:0}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text span.bg-wrap{overflow:hidden}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text span.fade01{transform:matrix(1,0,0,1,0,100);transition:1.2s cubic-bezier(.22,1,.36,1) .5s}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text span.fade02{transform:matrix(1,0,0,1,0,100);transition:1.2s cubic-bezier(.22,1,.36,1) .8s}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox{width:50%;border-left:solid 2px #fff;padding-left:8vw;display:flex;justify-content:space-between;flex-direction:column}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li{opacity:0;margin-bottom:2rem}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li a{color:#fff;font-size:calc(2rem + .3vw);font-weight:600;line-height:1.2em;transition:all .3s}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li a:hover{opacity:1;padding-left:1rem}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li{opacity:0;margin-bottom:1rem}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li a{position:relative;color:#fff;font-size:calc(1.4rem + .3vw);font-weight:600;line-height:1.3em;padding-left:1em;transition:all .3s}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li a::before{content:"";position:absolute;background:#fff;width:10px;height:10px;border-radius:50%;top:50%;left:0;transform:translateY(-50%);transition:all .3s}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li a:hover{opacity:1;padding-left:1.5em}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li a:hover::before{left:.5em}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-sublinks li:last-child{margin-bottom:0}.header .menu-wrap .menu-inner .btn-border{position:absolute;top:1vw;right:2%}.header .menu-wrap .menu-inner .btn-border:hover .line span{background:#000}.header .menu-wrap .menu-inner .btn-border:hover p.btn-text{color:#000}.header .menu-wrap .menu-inner::before{position:absolute;content:"";background:url(../images/common/menu-en.png) no-repeat center center;background-size:contain;width:105%;height:11vw;top:0;left:50%;transform:translateX(-50%);z-index:0;opacity:0}.header .menu-wrap.is-show{opacity:1;pointer-events:auto}.header .menu-wrap.is-show .menu-inner .btn-border{animation:fade_right .5s ease .5s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-photo .ph-text span{opacity:1;transform:matrix(1,0,0,1,0,0)}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(1){animation:fade_link .4s ease 1.2s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(2){animation:fade_link .4s ease 1.25s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(3){animation:fade_link .4s ease 1.3s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(4){animation:fade_link .4s ease 1.35s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(5){animation:fade_link .4s ease 1.4s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(6){animation:fade_link .4s ease 1.45s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li:nth-of-type(7){animation:fade_link .4s ease 1.5s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content ul.fx-sublinks li:nth-of-type(1){animation:fade_link .4s ease 1.55s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content ul.fx-sublinks li:nth-of-type(2){animation:fade_link .4s ease 1.6s both}.header .menu-wrap.is-show .menu-inner .menu-fx-content ul.fx-sublinks li:nth-of-type(3){animation:fade_link .4s ease 1.65s both}.header .menu-wrap.is-show .menu-inner::before{animation:fade_top .6s ease .5s both}.header.hide-out{background:unset;pointer-events:none}.header.hide-out .header-logo{opacity:0;pointer-events:none}.header.hide-out .h-menu-box{pointer-events:auto}.header.hide-out .h-menu-box .header-menu li a{background:#000;border:solid 1.5px #fff;color:#fff}.header.hide-out .h-menu-box .header-menu li a::before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="%23fff" d="M26.75,5.86H3.25c-.42,0-.75.34-.75.75v1.48l12.5,8.38,12.5-8.38v-1.48c0-.42-.34-.75-.75-.75Z" /><path fill="%23fff" d="M2.5,11.19v9.93c0,1.67,1.35,3.02,3.02,3.02h18.97c1.67,0,3.02-1.35,3.02-3.02v-9.93l-12.5,8.38L2.5,11.19Z" /></svg>')}.header.hide-out .h-menu-box .header-menu li a:hover{background:#019745}.header.hide-out .h-menu-box .btn-border{box-shadow:0 0 10px -5px #787878}@keyframes fade_link{0%{opacity:0;transform:translateX(-5%)}100%{opacity:1;transform:translateX(0)}}@keyframes fade_menu_top{0%{opacity:0;transform:translateY(-30%)}60%{opacity:1}100%{opacity:1;transform:translateY(-10%)}}.page-head{width:100%;margin-top:8vw;margin-bottom:6.5vw}.page-head .title-band{background:#000;padding:6vw 0}.page-head .title-band h2.page-title{text-align:center;color:#fff;margin-bottom:2rem;animation:mv-title .5s cubic-bezier(.215,.61,.355,1) both;opacity:0}.page-head .title-band h2.page-title span{display:block;line-height:1.3em}.page-head .title-band h2.page-title span.cat{font-size:calc(1.6rem + .3vw)}.page-head .title-band h2.page-title span.jp{font-size:calc(3rem + 1vw);font-weight:500;letter-spacing:.15em;line-height:1.6em}.page-head .title-band h2.page-title span.en{font-size:calc(1.3rem + .3vw);font-family:"Ropa Sans",sans-serif;font-weight:600;letter-spacing:.1em}.page-head .title-band p.page-copy{color:#fff;font-size:calc(1.6rem + .3vw);text-align:center}.page-head .mainvisual{margin-left:0;background:#ccc;width:calc(100% - 0vw);height:30vw;position:relative}.works.new-construction .page-head .mainvisual{background:url(../images/mainvisual/mainvisual-works-img01.jpg) no-repeat center center;background-size:cover}.works.renovation .page-head .mainvisual{background:url(../images/mainvisual/mainvisual-works-img02.jpg) no-repeat center center;background-size:cover}.works.store-construction .page-head .mainvisual{background:url(../images/mainvisual/mainvisual-works-img03.jpg) no-repeat center center;background-size:cover}@keyframes mv-title{0%{opacity:0;letter-spacing:-.8em}100%{opacity:1;letter-spacing:.2em}}.content-wrap{width:100%;display:block;z-index:0;margin:0 auto;position:relative}.content-inner{width:calc(100% - 20vw);margin:0 auto 8vh}.content-inner.wd100{width:100%;margin:0 0 8vh}.content-inner.black{width:100%;background:#000;padding:0 10vw 8vh}ul.works-tab{display:flex;justify-content:center;margin-bottom:3vw}ul.works-tab li{font-size:calc(1.2rem + .3vw);font-weight:500;line-height:1em;margin-right:2rem;padding-right:2rem;border-right:solid 1px #fff;color:rgba(255,255,255,.7);transition:all .3s;cursor:pointer}ul.works-tab li:last-child{border-right:unset;padding-right:0;margin-right:0}ul.works-tab li.active{color:#fff}ul.works-tab li:hover{color:#fff}.works-panel{display:none;opacity:0;transition:all .3s}.works-panel.active{display:block;animation:fade_up .6s ease both}@keyframes fade_up{0%{opacity:0;filter:blur(3px)}100%{opacity:1;filter:blur(0)}}footer .footer{background:#fff;padding:1em 0}footer .footer .footer-content{width:70%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}footer .footer .footer-content a.footer-logo{display:block;width:10%}footer .footer .footer-content a.footer-logo img{width:100%}footer .footer .footer-content p.access{font-size:calc(1.2rem + .2vw);font-weight:500;line-height:1.8em;color:#000}footer .footer .footer-content a.showroom-link{display:flex;justify-content:center;align-items:center;width:10vw;height:6vw;background:#000;color:#fff;font-family:"Ropa Sans",sans-serif;font-weight:600;font-size:calc(1.4rem + .3vw);line-height:1.3em;text-align:center;transition:all .3s}footer .footer .footer-content a.showroom-link:hover{opacity:1;background:#019745;border-radius:5px}footer .footer .footer-content .sdgs-img{width:40%}footer .footer .footer-content .sdgs-img img{width:100%}footer p.copyright{background:#019745;text-align:center;padding:1rem 0;font-size:calc(1rem + .2vw);font-weight:500;color:#fff}@keyframes pulldown{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes pullup{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}.slide-up{opacity:0}.is-show .slide-up{animation:section_fade_in .8s ease-in-out both}.slide-up02{opacity:0}.is-show .slide-up02{animation:section_fade_in02 .3s ease-in-out both;transition-delay:.2s}@keyframes section_fade_in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes section_fade_in02{0%{opacity:.8;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_left{0%{opacity:0;transform:translateX(-30%)}30%{opacity:1}100%{opacity:1;transform:translateX(0)}}@keyframes fade_right{0%{opacity:0;transform:translateX(30%)}30%{opacity:1}100%{opacity:1;transform:translateX(0)}}@keyframes fade_top{0%{opacity:0;transform:translateY(-10%) translateX(-50%)}30%{opacity:1}100%{opacity:1;transform:translateY(0) translateX(-50%)}}@keyframes fade_bottom{0%{opacity:0;transform:translateY(10%)}70%{opacity:1}100%{opacity:1;transform:translateY(0)}}.anchor{padding-top:7vw;margin-top:-7vw}.unpub-item{pointer-events:none;opacity:.3}.unpub-hidden{display:none}.unpub-content{position:relative;pointer-events:none;z-index:1}.unpub-content::before{content:"";width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:5}.unpub-content::after{content:"COMING SOON";font-size:1.6vw;font-family:Roboto,sans-serif;font-weight:500;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8}.content-inner.single{width:100%;position:relative;z-index:0;margin-bottom:0;padding-bottom:20vh}.content-inner.single .single-main-img{width:100%;margin-bottom:10px;z-index:1}.content-inner.single .single-main-img li.ph{width:100%;height:40vw;background:#000;overflow:hidden}.content-inner.single .single-main-img li.ph img{object-fit:contain;object-position:50% 50%;height:100%;width:100%}.content-inner.single ul.single-img-list{width:100%;display:flex;justify-content:space-between;margin-bottom:30px;z-index:1}.content-inner.single ul.single-img-list li{margin:0 5px}.content-inner.single ul.single-img-list .slick-slide img{width:auto;height:100%}.content-inner.single ul.single-img-list .slick-track{height:20vh}.content-inner.single ul.single-img-list .slick-prev{left:-50px;width:30px;height:30px}.content-inner.single ul.single-img-list .slick-prev::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #fff}.content-inner.single ul.single-img-list .slick-prev::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translate(-30%,-50%) rotate(135deg)}.content-inner.single ul.single-img-list .slick-next{right:-50px;width:30px;height:30px}.content-inner.single ul.single-img-list .slick-next::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #fff}.content-inner.single ul.single-img-list .slick-next::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translate(-70%,-50%) rotate(-45deg)}.content-inner.single::after{content:"";position:absolute;bottom:0;left:0;background:#666;width:100%;height:50%;z-index:-1}.content-inner.single h4.single-inner-title{display:block;width:100%;margin-bottom:20px;font-size:3rem;line-height:1.5em;color:#fff;font-weight:600}.single-case .page-head{margin-bottom:0}.archive .page-head{margin-top:15vw}p.news-date{display:block;width:100%;font-size:1.4rem;margin-bottom:2px}p.news-title{display:block;width:100%;font-size:2rem;font-weight:500;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #000}.news .top-newslists{width:100%}.news .top-newslists li{padding:2rem 0}.news .top-newslists li a{display:flex;color:#fff}.news .top-newslists li a .date{font-size:calc(1rem + .3vw);font-weight:500;padding-right:2em}.news .top-newslists li a .title{font-size:calc(1rem + .3vw);font-weight:500}.news .top-newslists li:first-child{border-bottom:solid 1px #fff}dl.page-archive-pullbox{width:100%}dl.page-archive-pullbox dt{width:100%;display:flex;justify-content:center}dl.page-archive-pullbox dt p{padding:30px;border:2px solid #fff;border-radius:100px;display:block;width:100%;font-size:3rem;font-weight:600;color:#fff;text-align:center}dl.page-archive-pullbox dt.active p{display:none}dl.page-archive-pullbox dd{margin-top:-4vw;display:none}@media screen and (max-width:1024px) and (orientation:portrait){body{font-family:"Noto Sans JP",sans-serif;font-size:calc(1.3rem + .25vw);font-weight:400;line-height:1.8em;letter-spacing:.1em;width:100%;background:#000;color:#fff}.index body{background:#fff;color:#000}.header{min-height:85px;height:20vw;padding:1% 6% 1% 4%}.header .header-logo{width:calc(50% + 9vw);height:14vw;align-items:center;flex-direction:row-reverse;justify-content:space-between}.header .header-logo .logo{width:14vw}.header .header-logo .h-title-box{margin-left:0;margin-top:3px}.header .header-logo .h-title-box .title{font-size:calc(1.6rem + .8vw);line-height:1em;margin-bottom:3px}.header .header-logo .h-title-box .tel{display:block;align-items:unset;padding-left:0;font-size:calc(.6rem + .2vw);line-height:1.5em}.header .header-logo .h-title-box .tel span{font-size:calc(1.2rem + .3vw);display:block;padding-left:1.3em;margin-bottom:5px}.header .header-logo .h-title-box .tel::before{width:15px;height:15px;top:0;transform:translateY(-20%)}.header .h-menu-box{justify-content:end}.header .h-menu-box .header-menu{display:none;opacity:0;pointer-events:none}.header .btn-border{width:clamp(64px,14vw,100px);height:clamp(64px,14vw,100px);margin-top:3px}.header .btn-border .line{width:9vw;height:12px}.header .btn-border .line span{width:9vw;height:2px;margin-bottom:4px}.header .btn-border p.btn-text{margin-top:1vh;font-size:calc(1.1rem + .3vw)}.header .menu-wrap .menu-inner{padding:30vw 12vw;overflow-y:scroll}.header .menu-wrap .menu-inner .btn-border .line{position:absolute;top:clamp(15px,4vw,40px)}.header .menu-wrap .menu-inner .btn-border .line span{background:#019745;transform-origin:unset;top:50%;left:50%;width:4vh;position:absolute}.header .menu-wrap .menu-inner .btn-border .line span:nth-of-type(1){transform:translateY(-50%) translateX(-50%) rotate(45deg)}.header .menu-wrap .menu-inner .btn-border .line span:nth-of-type(2){transform:translateY(-50%) translateX(-50%) rotate(-45deg)}.header .menu-wrap .menu-inner .menu-fx-content{display:block}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo{position:relative;width:90%;height:75vw;margin:0 auto 10vw}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text{bottom:1em;left:-12%}.header .menu-wrap .menu-inner .menu-fx-content .fx-photo .ph-text span{font-size:calc(1.8rem + 1vw)}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox{width:90%;border-left:unset;padding-left:5vw;position:relative;margin:0 auto;padding-bottom:40vw}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox::after{position:absolute;content:"";top:0;left:0;width:2px;height:calc(100% - 40vw);border-left:solid 2px #fff}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks{margin-bottom:10vw}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li{margin-bottom:.8rem}.header .menu-wrap .menu-inner .menu-fx-content .fx-linkbox ul.fx-mainlinks li a{font-size:calc(1.6rem + .3vw)}.header .menu-wrap .menu-inner .btn-border{top:6vw;right:8%}.header .menu-wrap .menu-inner::before{width:100vw;height:10.8vw}.header .menu-wrap.is-show .menu-inner .btn-border p.btn-text{margin-top:4vh}.page-head{margin-top:clamp(85px,20vw,200px);margin-bottom:18vw}.page-head .title-band{padding:8vw 6vw}.page-head .title-band h2.page-title{margin-bottom:1rem}.page-head .title-band h2.page-title span.cat{font-size:calc(1.2rem + .3vw)}.page-head .title-band h2.page-title span.jp{font-size:calc(2rem + 1vw)}.page-head .title-band h2.page-title span.en{font-size:calc(1.2rem + .3vw)}.information .page-head .title-band h2.page-title{margin-bottom:0}.page-head .title-band p.page-copy{line-height:1.6em}.page-head .mainvisual{width:100%;height:45vw}.content-inner{width:85%}.content-inner.black{width:100%;background:#000;padding:0 7vw 8vh}ul.works-tab{flex-wrap:wrap;margin-bottom:6vw}ul.works-tab li{margin-right:1rem;padding-right:1rem;margin-bottom:5px}@keyframes fade_up{0%{opacity:0;filter:blur(3px)}100%{opacity:1;filter:blur(0)}}footer .footer{padding:1.5em 0}footer .footer .footer-content{width:55%;justify-content:space-around;flex-wrap:wrap}footer .footer .footer-content a.footer-logo{display:flex;width:25%;align-items:center;margin-bottom:4vw}footer .footer .footer-content p.access{font-size:calc(.8rem + .2vw);line-height:1.5em;margin-bottom:4vw;width:60%}footer .footer .footer-content a.showroom-link{width:40%;height:11vw;font-size:calc(1rem + .3vw)}footer .footer .footer-content .sdgs-img{width:45%;display:flex;align-items:center}footer p.copyright{padding:1rem;font-size:calc(.6rem + .2vw);line-height:1.8em}.content-inner.single .single-main-img li.ph{height:50vw}.content-inner.single ul.single-img-list .slick-next,.content-inner.single ul.single-img-list .slick-prev{z-index:1}.content-inner.single ul.single-img-list .slick-prev{left:-20px;width:25px;height:25px}.content-inner.single ul.single-img-list .slick-prev::after{width:7px;height:7px}.content-inner.single ul.single-img-list .slick-next{right:-20px;width:25px;height:25px}.content-inner.single ul.single-img-list .slick-next::after{width:7px;height:7px}.content-inner.single h4.single-inner-title{font-size:2rem}}@media screen and (max-width:768px) and (orientation:landscape){footer .footer{padding:1.5em 0}footer .footer .footer-content{width:90%}footer .footer .footer-content p.access{font-size:calc(.8rem + .2vw);line-height:1.5em}footer .footer .footer-content a.showroom-link{width:16vw;height:8vw;font-size:calc(1rem + .3vw)}footer .footer .footer-content .sdgs-img{width:30%;display:flex;align-items:center}footer p.copyright{padding:1rem;font-size:calc(.6rem + .2vw);line-height:1.8em}}